-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (112 loc) · 5.75 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Página Inicial</title>
</head>
<body>
<header>
<div class="abertura">
<div class="container">
Horário de abertura: 9:00 - 18:00h<br>
</div>
</div>
<div class="container">
<img title="Logo da empresa" alt="Logo da empresa" src="img/logo.jpg">
<nav>
<a alt="Vai para a Página inicial" href="index.html">Página inicial</a>
<a alt="Vai para a sessão de Produtos e marcas" href="#marcas">Produtos e marcas</a>
<a alt="Vai para a página Fale conosco" href="faleconosco.html">Fale conosco</a>
<a class="btnDestaque" alt="Vai para a página Onde Estamos" href="ondeestamos.html">Onde estamos</a>
</nav>
</div>
<div class="container">
<div class="modal">
<p id="closeModal">X</p>
<br class="clearfix">
Quer receber 10% de desconto na primeira compra? Digite seu e-mail e receba nosso código de desconto.
<form name="modalForm" method="GET">
<label for="email">Email</label>
<input name="email" id="email" type="text" autocomplete="off"><br>
<span id="emailSpan" class="naoValido">Não válido</span>
<input id="enviarEmail" class="btnDestaque" type="submit"/>
</form>
</div>
</div>
</header>
<br class="clearfix">
<section class="sec01">
<div class="container">
<p class="titulo">
Ajuda profissional<br>
para escolher as<br>
melhores lentes<br>
</p>
<p id="marcas">
Armações e lentes<br>
</p>
<a class="btnDestaque" alt="Vai para a página Onde Estamos" href="ondeestamos.html">Onde estamos</a>
</div>
</section>
<section class="sec02">
<div class="container">
Trabalhamos com as melhores marcas de <strong>lentes</strong><br>
</div>
<img alt="Logo de Lentes" title="Logo de Lentes" src="img/LogoLentes.png"/>
</section>
<section class="sec02b">
e de armações<br>
<img alt="Logo de Armações" title="Logo de Armações" src="img/LogoArmacoes.png">
</section>
<section class="sec03">
<div class="container">
<p>
Grande<br>
variedade<br>
de armações<br>
</p>
<a class="btnDestaque" alt="Vai para a página Onde Estamos" href="ondeestamos.html">Venha conferir</a>
</div>
</section>
<br class="clearfix"/>
<footer>
<div class="container">
<div class="colunaFooter">
<img class="logoFooter" title="Logo da empresa" alt="Logo da empresa" src="img/logo.jpg">
Nós oferecemos um serviço completo<br>
para o melhor conforto da sua visão<br>
<a href="#facebook"><img src="img/facebook.jpg" width="25"></a>
<a href="#twitter"><img src="img/twitter.jpg" width="25"></a>
<a href="#instagram"><img src="img/Instragram.jpg" width="25"></a>
</div>
<div class="colunaFooter">
<p>
<strong>Links</strong><br>
<a alt="Vai para a Página inicial" href="#">Página inicial</a><br>
<a alt="Vai para a sessão de Produtos e marcas" href="#marcas">Produtos e marcas</a> <br>
<a alt="Vai para a página Fale conosco" href="faleconosco.html">Fale conosco</a><br>
<a alt="Vai para a página Onde Estamos" href="ondeestamos.html">Onde estamos</a>
</p>
</div>
<div class="colunaFooter">
<p>
<strong>Contato</strong><br>
<strong>Endereço:</strong>
Rua X, endereço Y, Avenida Z.
Ceilândia, DF 72.000-000<br>
<strong>Telefone:</strong> (61) 3333-3333<br>
<strong>Email:</strong> otica@otica.com.br<br>
<p>
</div>
</div>
<br class="clearfix"/>
<div class="rodape">
Todos os direitos reservados @ 2017.
<a alt="Vai para Termos de Uso" title="Termos de uso" href="termosdeuso.html">Termos de uso</a> e
<a alt="Vai para Política de Privacidade" title="Política de Privacidade" href="privacidade.html">Politica de privacidade</a><br>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>