-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (126 loc) · 5.14 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Brafé 1</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container">
<a class="brafe-logo href="/"> <img src="img/brafe.png" alt="brafe-logo"></a>
<nav>
<ul>
<li><a href="/">Sobre</a></li>
<li><a href="/">Produtos</a></li>
<li><a href="/">Portfólio</a></li>
<li><a href="/">Contato</a></li>
</ul>
</nav>
</div>
</header>
<div class="intro-bg">
<h1>CAFÉS COM A CARA<br>
DO BRASIL</h1>
<p>Direto das fazendas de Minas Gerais</p>
</div>
<section class="sobre">
<h2>Uma mistura de</h2>
<div class="container">
<div class="img-sobre">
<img src="img/cafe-1.jpg" alt="cafe-amor">
<h3>amor</h3>
</div>
<div class="img-sobre">
<img src="img/cafe-2.jpg" alt="cafe-perfeicao">
<h3>perfeição</h3>
</div>
</div>
<p>O café é uma bebida produzida a partir dos grãos torrados do fruto do cafeeiro. É servido tradicionalm
aente quente, mas também pode ser consumido gelado. Ele é um estimulante, por possuir cafeína —
geralmente 80 a 140 mg para cada 207 ml dependendo do método de preparação.</p>
</section>
<section class="tipo-cafe">
<div class="container">
<div class="cafe-box">
<h2 class="cafe-paulista">Paulista</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo noutras regiões: o João Alberto Castelo Branco trouxe mudas do Pará</p>
</div>
<div class="cafe-box">
<h2 class="cafe-carioca">Carioca</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo noutras regiões: o João Alberto Castelo Branco trouxe mudas do Pará</p>
</div>
<div class="cafe-box">
<h2 class="cafe-mineiro">Mineiro</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo noutras regiões: o João Alberto Castelo Branco trouxe mudas do Pará</p>
</div>
</div>
<a class="btn" href="#">Saiba Mais</a>
</section>
<section class="locais">
<div class="loja-brafe container">
<div class="brafe-img">
<img src="img/botafogo.jpg" alt="loja-botafogo">
</div>
<div class="info-loja">
<h2>Botafogo</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo.</p>
<a href="#">Ver Mapa</a>
</div>
</div>
<div class="loja-brafe container">
<div class="brafe-img">
<img src="img/iguatemi.jpg" alt="loja-iguatemi">
</div>
<div class="info-loja">
<h2>Iguatemi</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo.</p>
<a href="#">Ver Mapa</a>
</div>
</div>
<div class="loja-brafe container">
<div class="brafe-img">
<img src="img/mineirao.jpg" alt="loja-mineirao">
</div>
<div class="info-loja">
<h2>Mineirão</h2>
<p>As condições climáticas não eram as melhores nessa primeira escolha e, entre 1800 e 1850,
tentou-se o
cultivo.</p>
<a href="#">Ver Mapa</a>
</div>
</div>
</section>
<section class="quebra">
<div class="assine container">
<div class="call">
<h2>Assine Nossa Newsletter</h2>
<p>promoções e eventos mensais</p>
</div>
<form>
<label>E-mail</label>
<input type="text" placeholder="Digite seu e-mail">
<button type="submit">Enviar</button>
</form>
</div>
</section>
<footer class="footer">
<div class="container">
<p>Este é um projeto da Origamid. Mais em origamid.com<br>
Praia de Botafogo, 300, 5º andar - Botafogo - Rio de Janeiro</p>
<img src="img/brafe.png" alt="brafe-logo">
</div>
</footer>
</body>
</html>