-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (88 loc) · 4.43 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
<!DOCTYPE html>
<html>
<head>
<title>Projeto 02</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="widht=device-widht, initial-scale=1.0, maximum-scale=1.0">
</head>
<body>
<div class="header">
<div class="header__logo">
<img src="images/logo.png"/>
</div><!--header__logo-->
</div><!--header-->
<div class="banner">
<div>
<div class="banner__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><!--banner__list-->
</div>
<div>
<div class="form">
<h2>Peencha o formulário e inicie a sua caminhada para virar um webmaster!</h2>
<form>
<div class="form__input">
<span>Nome*</span>
<input type="text" name="nome" required/>
</div><!--form__input-->
<div class="form__input">
<span>E-mail*</span>
<input type="text" name="nome" required/>
</div><!--form__input-->
<div class="form__input">
<span>Telefone*</span>
<input type="text" name="nome" required/>
</div><!--form__input-->
<p class="form__warning">*Campos obrigatórios</p>
<div class="form__submit">
<input type="submit" name="acao" value="enviar">
</div><!--form__submit-->
</form>
</div><!--form-->
</div>
<div class="clear"></div>
</div><!--banner-->
<div class="description">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut interdum facilisis mi eget ullamcorper. Donec condimentum aliquet velit a efficitur. Phasellus vitae ex dapibus ipsum tristique posuere. Integer et mi a nisi tristique congue. Duis et mollis nisi, vitae interdum ex. Sed a elementum urna. Donec eget aliquet odio, at vulputate orci. Quisque molestie lorem magna, in gravida elit dapibus ut. Maecenas ex lectus, pretium et facilisis vitae, rhoncus eu mauris. Mauris lacinia feugiat augue facilisis ornare. Fusce tristique aliquam scelerisque. Sed elementum massa vehicula dui consequat, sed eleifend risus malesuada. Vivamus volutpat nisi sit amet lorem finibus egestas. Etiam aliquet placerat purus, quis interdum nisl lacinia sit amet. Aenean dignissim arcu euismod, pharetra metus nec, tristique mi. Vivamus sit amet cursus metus.</p>
<div class="description__arrow"></div>
</div><!--description-->
<div class="last-section">
<h2>Aprenda com quem está no mercado</h2>
<div class="last-section__container">
<div class="last-section__single">
<div><img src="images/icon.png"/></div>
<div class="last-section__text">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut interdum facilisis mi eget ullamcorper. Donec condimentum aliquet velit a efficitur. Phasellus vitae ex dapibus ipsum tristique posuere. Integer et mi a nisi tristique congue. Duis et mollis nisi, vitae interdum ex.</p>
</div><!--last-section__text-->
</div><!--last-section__single-->
<div class="last-section__single">
<div><img src="images/icon.png"/></div>
<div class="last-section__text">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut interdum facilisis mi eget ullamcorper. Donec condimentum aliquet velit a efficitur. Phasellus vitae ex dapibus ipsum tristique posuere. Integer et mi a nisi tristique congue. Duis et mollis nisi, vitae interdum ex.</p>
</div><!--last-section__text-->
</div><!--last-section__single-->
<div class="last-section__single">
<div><img src="images/icon.png"/></div>
<div class="last-section__text">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut interdum facilisis mi eget ullamcorper. Donec condimentum aliquet velit a efficitur. Phasellus vitae ex dapibus ipsum tristique posuere. Integer et mi a nisi tristique congue. Duis et mollis nisi, vitae interdum ex.</p>
</div><!--last-section__text-->
</div><!--last-section__single-->
</div><!--last-section__container-->
<div class="clear"></div>
</div><!--last-section-->
<div class="footer">
<p>Todos os direitos reservados</p>
<p>Av. Lorem ipsum, silor domom 211 - Florianópolis-SC</p>
</div><!--footer-->
</body>
</html>