-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (131 loc) · 6.42 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="header">
<div class="container">
<a href="#">
<embed class="logo" src="assets/images/logo.svg" alt="Trezentos Comunicacao">
</a>
<nav role="navigation" class="menu">
<div id="menuToggle">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu" class="menu-list">
<li class="menu-item"><a href="#" class="menu-link active">Active Item</a></li>
<li class="menu-item"><a href="#" class="menu-link">Normal Item</a></li>
<li class="menu-item"><a href="#" class="menu-link">Normal Item</a></li>
<li class="menu-item"><a href="#" class="menu-link">Normal Item</a></li>
<li class="social-item"> <a href="#"> <i class="fab fa-twitter"></i> </a> </li>
<li class="social-item"> <a href="#"> <i class="fab fa-facebook-f"></i> </a> </li>
<li class="social-item"> <a href="#"> <i class="fab fa-google-plus-g"></i> </a> </li>
</ul>
</div>
</nav>
</div>
</div>
<section class="bg">
<div class="container">
<h1 class="title">
Imagine que fantástico ter você aqui <br>
<span> na equipe 300 ? </span>
</h1>
<div class="slide">
<div class="item card">
<div class="card-image">
<img src="assets/images/homem.png" alt="Jovem olhando para um notebook">
</div>
<div class="card-content">
<span> slide inicial de destaque </span>
<h2 class="card-title">
Muito bem. Agora falta <br>
pouco para você concluir o <br>
<b>teste de desenvolvimento.</b> <br>
Aguardamos ansiosos pelo <br>
que está por vir!
</h2>
<p> Raphael felicio </p>
<small> Diretor @ 300 </small>
</div>
</div>
</div>
</div>
</section>
<div class="news">
<img src="assets/images/iphone.png" alt="Iphone App" class="iphone">
<div class="news-content">
<h3 class="news-title">Fique por dentro!</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do <br>
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut <br>
enim ad minim veniam, quis nostrud exercitation.
</p>
</div>
<div>
<form action="" class="news-form">
<div class="news-form-row">
<div class="news-form-input">
<input type="text" placeholder="Seu e-mail">
<button>enviar</button>
</div>
<span>ou</span>
<a href="#" class="link-download">
baixe agora de graça
</a>
</div>
<div class="news-form-row">
<div class="news-form-checkbox">
<input class="styled-checkbox" id="novidades" type="checkbox" value="novidades">
<label for="novidades">Enviar novidades frequentes!</label>
</div>
<div class="select-box">
<div class="select-box__current" tabindex="1">
<div class="select-box__value">
<input class="select-box__input" type="radio" id="0" value="1" name="Ben" checked="checked"/>
<p class="select-box__input-text"> [email protected] (hover)</p>
</div>
<div class="select-box__value">
<input class="select-box__input" type="radio" id="0" value="1" name="Ben" checked="checked"/>
<p class="select-box__input-text"> [email protected] (normal) </p>
</div>
<div class="select-box__value">
<input class="select-box__input" type="radio" id="4" value="5" name="Ben" checked="checked"/>
<p class="select-box__input-text">Selecione para qual e-mail enviar</p>
</div>
<!-- icon dropdow -->
<img class="select-box__icon" src="http://cdn.onlinewebfonts.com/svg/img_295694.svg" alt="Arrow Icon" aria-hidden="true"/>
</div>
<ul class="select-box__list">
<li>
<label class="select-box__option" for="0" aria-hidden="aria-hidden"> [email protected] (hover) </label>
</li>
<li>
<label class="select-box__option" for="0" aria-hidden="aria-hidden"> [email protected] (normal) </label>
</li>
<!-- <li>
<label class="select-box__option" for="4" aria-hidden="aria-hidden">Selecione para qual e-mail enviar</label>
</li> -->
</ul>
</div>
</div>
</form>
</div>
</div>
<div class="container">
<div class="copyright">
<a href="#">
<embed class="logo" src="assets/images/logo.svg" alt="Trezentos Comunicacao">
</a>
<p>300 - Todos os direitos reservados</p>
</div>
</div>
</body>
</html>