-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (141 loc) · 6.07 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces&family=Lato&family=Oswald&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="shortcur icon" href="./assets/img/logo.ico">
<title>Manhattan - Coffee House</title>
</head>
<body>
<!-- Topo da página -->
<div class="topo">
<img src="./assets/img/logo.png" alt="logomarca">
<div>
<a href="#informacoes">INFORMAÇÕES</a>
<a href="#contatos">CONTATOS</a>
<a href="#horario">HORÁRIOS</a>
</div>
</div>
<!-- Seção Banner da página -->
<div id="banner" class="container-parallax1">
<div>
<h1>Manhattan - Coffee House</h1>
</div>
</div>
<!-- Seção Informações da página -->
<div id="informacoes" class="container-texto">
<h2>EXPERIMENTE O MELHOR CAFÉ DA CIDADE!</h2>
<p>
O café não é uma simples bebida que foi preparada por alguém. O café é
momento e nós mostraremos isso. Frases como “Que tal tomarmos um café?”
ou até então “Vamos fazer um café?” são demonstrações de que um dos
momentos que mais reforçam os laços para com o próximo está finalmente
por acontecer. Fraco ou forte? Com ou sem açúcar? Você deseja açúcar ou
adoçante? Estas são frases que ouvimos em vários lugares. Em quase todos
os locais onde há pessoas há também café. Parecemos intrínsecos ao café.
Aqui na Manhattan serviremos para você com muito carinho o nosso querido
e amado Amaro’s Coffe diretamente do nosso cafezal em Minas Gerais. Para
todos nós, café é coisa séria e merece todo o cuidado.
</p>
</div>
<div class="container-parallax2">
<h3>Um bom café é motivo de alegria!</h3>
</div>
<div class="container-texto">
<h2>O QUE É O CAFÉ MANHATTAN?</h2>
<p>
Segundo a Metodologia de Avaliação Sensorial da SCA (Specialty Coffee
Association), usada no mundo todo, um café especial é todo aquele que
atinge, no mínimo, 80 pontos na escala de pontuação da metodologia (que
vai até 100). O Café Manhattan destaca-se nos atributos fragrância,
corpo, harmonia, doçura e sabor, nesse caso, possuindo sabores e aromas
que podem ser frutados, herbais, doces como caramelo e chocolate.
Podemos fazer uma analogia com o vinho, pois o café Manhattan também
pode ser apreciado por suas características sensoriais e não apenas pela
cafeína. Através do excelente padrão de cultivo, cuidado pós-colheita e
da torra, você poderá experimentar diferentes e deliciosos tipos de
café.
</p>
</div>
<div class="container-parallax3">
<h3>A vida só começa depois do café!</h3>
</div>
<div class="container-texto">
<h2>CONHEÇA O CAFÉ GOURMET MANHATTAN?</h2>
<p>
As características desse tipo do café gourmet da Manhattan são muito
marcantes. O seu corpo vai depender da variedade do blend: quanto mais
“pesado” ele for na boca, maior o corpo. Quanto menor a sua pesagem,
menor o corpo. O nosso café gourmet é o mais bem avaliado no processo de
produção, para que ele não venha com nenhum tipo de defeito. O aroma é
bem perceptível e o consumidor consegue sentir nitidamente, sendo que
ele pode variar entre 4 aromas: florado, cítrico, achocolatado, frutado.
Essas variações são consequências dos grãos do tipo Arábica. Tudo isso
vai depender da torra, quanto mais clara ela for, maior será a acidez.
</p>
</div>
<!-- Seção Contatos da página -->
<div id="contatos" class="container-parallax4">
<h2>Contatos & Endereço</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3673.116814553185!2d-43.36346792557902!3d-22.982731540587928!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9bda2ed54ec2e1%3A0x4431d262cad1d163!2sAv.%20Ayrton%20Senna%2C%203000%20-%20Barra%20da%20Tijuca%2C%20Rio%20de%20Janeiro%20-%20RJ%2C%2022775-003!5e0!3m2!1spt-BR!2sbr!4v1690160870621!5m2!1spt-BR!2sbr" width="850" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="container-contatos">
<p>Telefone & Whatsapp: (21) 99999-5555</p>
<p>E-mail: contato@manhattan.com.br</p>
<p>Endereço: Av Ayrton Senna, 3000 - Barra da Tijuca - Rio de Janeiro</p>
</div>
</div>
<!-- Seção Horários - Lista da página -->
<div id="horarios" class="container-parallax5">
<h2>HORÁRIOS DE FUNCIONAMENTO</h2>
<div>
<ul class="lista-horarios">
<li>
<h3>SEGUNDA</h3>
<div></div>
<span class="texto-marrom">FECHADO</span>
</li>
<li>
<h3>TERÇA</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
<li>
<h3>QUARTA</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
<li>
<h3>QUINTA</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
<li>
<h3>SEXTA</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
<li>
<h3>SÁBADO</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
<li>
<h3>DOMINGO</h3>
<div></div>
<p>09:00 - 22:00</p>
</li>
</ul>
</div>
</div>
<!-- Rodapé da página -->
<div class="container-rodape">
<p>© Manhattan - Coffee House - Todos os direitos reservados</p>
<p>desenvolvido por <span>"Iglyson Silva"</span></p>
<a href="#banner"></a>
</div>
</body>
</html>