-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (91 loc) · 4.98 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
<!doctype html>
<html>
<head>
<title>Meu Projeto 01</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>
</head>
<body>
<div class="header">
<div class="center">
<img src="images/logo.png"/>
</div>
</div>
<div class="container-banner">
<div class="center">
<div class="container-list">
<ul>
<li>Lorem ipsum silor domor amet</li>
<li>Lorem ipsum silor domor amet</li>
<li>Lorem ipsum silor domor amet</li>
<li>Lorem ipsum silor domor amet</li>
</ul>
</div>
<div>
<div class="form">
<h2>Preencha o formulário e inicie a sua caminhada para virar um webmaster!</h2>
<form>
<div class="input-container">
<span>Nome*</span>
<input type="text" name="nome" required />
</div>
<div class="input-container">
<span>E-mail*</span>
<input type="text" name="nome" required />
</div>
<div class="input-container">
<span>Telefone*</span>
<input type="text" name="nome" required />
</div>
<p class="warning">*Campos obrigatórios</p>
<div class="input-submit-contain">
<input type="submit" name="acao" value="Enviar">
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="container-2">
<div class="center">
<h2> Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lectus varius, sodales dui pulvinar, facilisis nunc. Phasellus molestie sapien ante, et facilisis nisl ornare vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non felis urna. In hac habitasse platea dictumst. Proin sem orci, scelerisque vel faucibus nec, posuere feugiat est. Nam vestibulum diam eu felis semper hendrerit. Nullam metus ligula, convallis vel lacus non, luctus tristique mauris. Etiam viverra mollis tellus, quis feugiat elit varius eu. Suspendisse potenti. Maecenas aliquet quam in pulvinar tempus. Maecenas sagittis erat ac ligula consectetur, nec pretium mauris placerat. Ut efficitur elit orci, porta semper justo pellentesque et. Aliquam erat volutpat</p>
</div>
<div class="arrow"></div>
</div>
<div class="section-1">
<div class="center">
<h2>Aprenda com quem está no mercado</h2>
<div class="container-section">
<div class="container-single">
<div><img src="images/icon.png"/></div>
<div class="text-container-single">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lectus varius, sodales dui pulvinar, facilisis nunc.</p>
</div> <!--text-container-single-->
</div> <!--container-single-->
<div class="container-single">
<div><img src="images/icon.png"/></div>
<div class="text-container-single">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lectus varius, sodales dui pulvinar, facilisis nunc.</p>
</div> <!--container-single-->
<div class="container-single">
<div><img src="images/icon.png"/></div>
<div class="text-container-single">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lectus varius, sodales dui pulvinar, facilisis nunc.</p>
</div> <!--text-container-single-->
</div> <!--container-single-->
</div> <!--container-section-->
<div class="clear"></div>
</div> <!--center-->
</div> <!--section-1-->
<div class="footer">
<p>Todos os direitos reservados</p>
<p>Avenida ipsum lorum, 229</p>
</div> <!--footer-->
</body>
</html>