-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (127 loc) · 5.01 KB
/
Copy pathindex.html
File metadata and controls
160 lines (127 loc) · 5.01 KB
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximus-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>projeto03</title>
</head>
<body>
<header>
<div class="center">
<div class="logo"></div><!--logo-->
<div class="menu-desktop">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Sobre</a></li>
<li><a href="">Contatos</a></li>
</ul>
</nav>
</div><!--menu-desktop-->
<div class="menu-mobile">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Sobre</a></li>
<li><a href="">Contatos</a></li>
</ul>
</nav>
</div><!--menu-desktop-->
<div class="clear"></div><!--clear-->
<div class="chamada">
<h2>Sistemas proprios para<br/> empresas autênticas</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
volutpat pretium interdum. Pellentesque quis dictum dolor, ac tempor velit. Nulla </p>
</div><!--chamada-->
<div class="clear"></div><!--clear-->
</div><!--center-->
</header>
<section class="section-1">
<div class="center">
<div class="lado1">
<h2>Desenvolvemos Sistemas unicos</h2>
<p>Loren ipson seilor domor amit</p>
<nav>
<ul>
<li>loren ipson</li>
<li>loren ipson</li>
<li>loren ipson</li>
</ul>
</nav>
<div class="botao">Entre em contato</div>
</div><!--lado1-->
<div class="lado2">
</div><!--lado2-->
<div class="clear"></div>
</div><!--center-->
</section><!--section-1-->
<section class="section-2">
<div class="center">
<div class="texto-section2">
<h2>quarquer coisa so para ver</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae hendrerit erat. Praesent quis dolor mauris. Fusce in nibh tortor. Morbi eu nibh at mauris cursus blandit quis ac nunc. Duis condimentum sodales enim in facilisis. Maecenas eget ligula velit. Duis interdum sapien eu est venenatis vestibulum. Phasellus tempor nisi eu feugiat ultrices.Praesent id consequat massa. Ut et diam nec nunc aliquam vulputate. Nunc sem ex, vestibulum vel diam ultricies, suscipit efficitur leo. Aenean pharetra enim sit amet odio tincidunt malesuada. Mauris vehicula,
</p>
</div><!--texto-section2-->
<div ><img src="imagens/mockup.jpg"></div>
</div><!--center-->
</section><!--section-2-->
<section class="section-3">
<div class="dark-side">
<div class="text-dark">
<h2>loren ipson</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus velit enim, tristique nec mauris ac, ultricies feugiat tortor. Integer eleifend fringilla tellus, eget malesuada eros molestie a. Proin elementum enim et facilisis efficitur. Phasellus elementum quam risus, quis pulvinar urna pretium placerat. Morbi tincidunt porttitor elit. In tincidunt, metus sit amet posuere condimentum, leo purus tempus metus, quis facilisis tortor sem vitae lorem. Maecenas consectetur </p>
</div><!--text-dark-->
</div><!--dark-side-->
<div class="light-side">
<div class="text-ligth">
<div class="autor">
<h2>Diogo Pereira</h2>
<p> desenvolvedor web/SEO</p>
</div><!--autor-->
<div class="img-autor"></div><!--img-autor-->
<div class="description-autor">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus velit enim, tristique nec mauris ac, ultricies feugiat tortor. Integer eleifend fringilla tellus, eget malesuada eros molestie a.</p>
</div><!--description-autor-->
<div class="bolets">
<span style="background-color: black;"></span>
<span></span>
<span></span>
</div><!--bolets-->
</div><!--text-ligth-->
</div><!--ligth-side-->
<div class="clear"></div>
</section><!--section-3-->
<section class="section-4">
<div class="center">
<div class="form-side">
<div class="texto-form-side">
<h2>Entre em Contato</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus velit enim, tristique nec mauris ac, ultricies feugiat tortor. Integer eleifend fringilla tellus, eget malesuada eros molestie a. Proin elementum enim et facilisis efficitur.</p>
</div><!--texto-form-side-->
<div class="input-form-side">
<input type="text" name="" placeholder="Nome">
<input type="E-mail" name="" placeholder="E-mail">
<textarea placeholder="Observações"></textarea>
<div class="botao">Enviar</div>
</div><!--input-form-side-->
</div><!--form-side-->
<div class="mapa-side">
<div class="texto-mapa-side">
<h2>Faça uma Visita</h2>
</div><!--texto-mapa-side-->
<div id="" class="mapa">
</div><!--mapa-->
</div><!--mapa-side-->
<div class="clear"></div>
</div><!--center-->
</section><!--section-4-->
<footer>
<p>Todos os Direitos reservados</p>
<p>Programdor:Diogo Pereira Assis da cunha tel:(31)98891-2381</p>
<p>10/05/2022</p>
</footer>
</body>
</html>