-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (115 loc) · 7.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilos.css">
<link rel="stylesheet" href="bootstrap-4.5.3-dist/css/bootstrap.css">
<link rel="stylesheet" href="bootstrap-4.5.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<title>Biz ezone</title>
</head>
<body>
<header>
<!-------------------------------------Menu Vermelho--------------------------------->
<div id="menu-red" class="d-flex justify-content-md-between align-items-center px-2 pt-2">
<ul class="d-flex">
<li><a href="#" class="fa fa-twitter pr-4"></a></li>
<li><a href="#" class="fa fa-linkedin pr-4"></a></li>
<li><a href="#" class="fa fa-google pr-4"></a></li>
<li><a href="#" class="fa fa-pinterest pr-4"></a></li>
<li><a href="#" class="fa fa-youtube"></a></li>
</ul>
<div class="d-flex">
<p class="border-right border-white pr-4">Get Appointment</p>
<p class="px-4">Login</p>
</div>
</div>
<!---------------------------------------O carrossel-------------------------------------->
<div id="MeuCarroussel" class="carousel slide position-relative" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"><img src="../../Imagens para site/head.jpg" alt=""></div>
<div class="carousel-item"><img src="../../Imagens para site/home.jpg" alt=""></div>
<div class="carousel-item"><img src="../../Imagens para site/flores.jpg" alt=""></div>
<a href="#MeuCarroussel" class="carousel-control-prev" role="button" data-slide="prev" style="position: absolute; width: 30px; height: 30px; background: #f50000; margin-top: 215px;">
<span class="carousel-control-prev-icon"></span>
<span class="sr-only">Anterior</span>
</a>
<a href="#MeuCarroussel" class="carousel-control-next" role="button" data-slide="next" style="position: absolute; width: 30px; height: 30px; background: #f50000; margin-top: 215px;">
<span class="carousel-control-next-icon"></span>
<span class="sr-only">Seguinte</span>
</a>
</div>
<div id="menu-rgb" class="d-flex justify-content-md-between align-items-center px-5 pt-1 position-absolute w-100">
<div class="pl-5">
<h5><i class="fa fa-github"></i> Donatel Company</h5>
<p>Just another Wordpress site.</p>
</div>
<ul class="nav nav-pills pt-2 pr-3">
<li class="nav-item"><a href="#" class="nav-link ative">HOME</a></li>
<li class="nav-item"><a href="#" class="nav-link">BLOG</a></li>
<li class="nav-item"><a href="#" class="nav-link">PORTFOLIO</a></li>
<li class="nav-item"><a href="#" class="nav-link">TEAM</a></li>
<li class="nav-item"><a href="#" class="nav-link">CONTACT US</a></li>
</ul>
</div>
<div id="conteudo-rgb" class="d-flex flex-column align-items-center position-absolute py-4 text-center ">
<h3 class="text-white"><i class="fa fa-github"></i> Donatel Company</h3>
<p class="w-75">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ture consequuntur laboriosam itaque?</p>
<div class="d-flex pt-3" id="botoes">
<button class="px-3 py-1 mr-5">Learn More</button>
<button class="px-3 py-1">Contact Us</button>
</div>
</div>
<div style="height: 100px; background: rgb(133, 4, 4);" class="mb-5"></div>
<span class="position-absolute faixa2 ml-5"></span>
<span class="position-absolute faixa ml-5"></span>
<div id="ponto3" class="position-absolute d-flex w-75 px-2 py-2 text-center">
<div>
<i class="fa fa-diamond" style="font-size: 2.1rem; border: 2px solid #fff; border-radius: 50%; padding: 10px;"></i>
<h6>Starting Business</h6>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus...</p>
</div>
<div>
<i class="fa fa-money" style="font-size: 2.3rem; border: 2px solid #fff; border-radius: 50%; padding: 10px;"></i>
<h6>Business Planning</h6>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit o...</p>
</div>
<div>
<i class="fa fa-skyatlas" style="font-size: 2.3rem; border: 2px solid #fff; border-radius: 50%; padding: 10px;"></i>
<h6>Online Business</h6>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedit...</p>
</div>
</div>
</div>
</header>
<div class="container">
<div class="d-flex py-5 pt-4 flex-wrap flex-sm-nowrap">
<img src="../../Imagens para site/maos.jpg" alt="" width="520px" height="500px">
<div class="ml-4">
<h3>Welcome to Donatel Company</h3>
<p class="text-justify text-dark">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente libero veritatis necessitatibus cum quidem est consequuntur consectetur inventore, perspiciatis, repellat sit modi sint! Quod ut odit minima doloribus. Veniam, similique.
Itaque aspernatur minus cumque totam, libero beatae maiores eveniet, et explicabo amet possimus eos accusantium nihil distinctio. Nostrum nisi, natus hic architecto quod odit eligendi libero repellendus eveniet ipsam in!
Nam accusantium recusandae atque iure? Ipsum sunt enim doloribus. Explicabo nihil accusantium vel, eaque inventore pariatur mollitia omnis, dolor labore id quia repudiandae nemo, dolores consequuntur. Fuga praesentium ducimus nostrum!
Facere reiciendis voluptatem doloremque culpa aspernatur sequi exercitationem. Similique nihil earum, velit dignissimos cupiditate minus necessitatibus aliquam fugit expedita, provident quo quisquam deleniti repellat sunt molestiae blanditiis illum explicabo excepturi.</p>
<form class="w-100 d-flex">
<input type="text" style="width: 82%;" class="form-control mr-3 border-top-0 border-right-0 border-left-0 border-bottom border-dark" placeholder="Editoh Donatello">
<button class="btn btn-dark"><i class="fa fa-send"></i> Send</button>
</form>
<marquee class="pt-4" behavior="alternate" scrollamount="13">
<h1 class="display-4"><i class="fa fa-github"></i> Donatel Company</h1>
</marquee>
</div>
</div>
<div class="d-flex justify-content-center">
<blockquote class="blockquote text-center">
<p class="text-dark">Nós somos aquilo que fazemos quando ninguém mais está vendo.</p>
<footer><img src="Editoh13.jpg" style="border-radius: 50%;" alt="" width="110px" height="120px"><cite title="titulo" class="pt-4"><h5>Editoh Donatello</h5></cite></footer>
</blockquote>
</div>
</div>
<script src="../../jquery-1.10.2.js"></script>
<script src="../../bootstrap-4.5.3-dist/js/bootstrap.js"></script>
<script"../../bootstrap-4.5.3-dist/js/bootstrap.min.js"></script>
</body>
</html>