-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (167 loc) · 7.32 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
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./img/forno-icon.png" type="image/png" />
<link rel="stylesheet" href="./styles/bootstrap.css">
<link rel="stylesheet" href="./styles/style.css">
<title>Pizzaria Marcielo</title>
</head>
<body>
<!-- Fazer esquema do site, somente grid com as bordas para simbolizar conteúdo-->
<header class="header">
<div class="container">
<div class="row">
<div class="col-8 logo-menu">
<a href="#start">
<img class="logo" src="./img/logo.svg" alt="Logo">
</a>
<span>
<span class="colorText">Pizzaria</span> Marcielo
</span>
</div>
<nav class="col-4">
<ul class="menu">
<li><a href="./pages/sobre.html">Sobre</a></li>
<li><a href="./pages/sabores.html">Sabores</a></li>
</ul>
</nav>
</div>
</div>
</header>
<section class="introducao" id="start">
<h1>Pizzas artesanais feitas<br>com amor</h1>
</section>
<section class="sobre">
<h1>Quem somos</h1>
<p>Pizza boa é para todos. Pizza boa é para dar risada com a família. É para uma noite romântica, acompanhada de um bom vinho. Pode ser para festejar com os amigos. Ou até mesmo em casa, sozinho, assistindo um filme. Mas se for para comer pizza, tem que ser pizza boa. Tem que ser pizza quentinha. Tem que ser pizza que o vovô e a vovó gostam. É pizza para o seu primo ou sua tia. Pizza para os seus pais e seus filhos. Pizza boa é para todos. </p>
<div class="call">
<p>clique aqui e conheça mais sobre a gente!</p>
<a href="./pages/sobre.html" class="btn btn-danger mt-3">Conheça mais</a>
</div>
</section>
<section class="produtos">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/mao-na-massa.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Massa feita na casa, à mão!</h5>
<p>Nossos ingredientes são 100% naturais de boa qualidade</p>
</div>
</div>
<div class="carousel-item">
<img src="./img/pizza-assando.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Assadas da melhor maneira</h5>
<p>Utilizamos fornos típicos das grandes pizzarias Italianas!</p>
</div>
</div>
<div class="carousel-item">
<img src="./img/pizza-ao-forno.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Suculência garantida</h5>
<p>Com a qualidade da nossa assada, difícil não se deliciar</p>
</div>
</div>
<div class="carousel-item">
<img src="./img/pizza-final.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Agora é só se deliciar! :)</h5>
<p>Feita com carinho desde a produção da massa desde a entrega à mesa do cliente</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<section class="sabores">
<div class="container">
<h1>Sabores</h1>
<div class="row">
<div class="col-lg-6 pizzas">
<img src="./img/pizza4.jpg" alt="Pizza Pepperoni">
<span>Pepperoni</span>
</div>
<div class="col-lg-6 pizzas">
<img src="./img/pizza-3.jpg" alt="Pizza Portuguesa">
<span>Portuguesa</span>
</div>
<div class="col-lg-6 pizzas">
<img src="./img/pizza2.jpg" alt="Pizza Marguerita">
<span>Marguerita</span>
</div>
<div class="col-lg-6 pizzas">
<img src="./img/pizza5.jpg" alt="Pizza Calabresa">
<span>Calabresa</span>
</div>
</div>
</div>
<div class="call">
<p>Acesse a lista completa dos nossos sabores clicando no botão abaixo</p>
<a href="./pages/sabores.html" class="btn btn-danger">Sabores Completos</a>
</div>
</section>
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-5">
<h3>Nossa História</h3>
<p>Quando inauguramos a pizzaria, queriamos trazer todas as características de uma pizzaria italiana profissional para a região, obviamente com a melhor qualidade possível. Hoje estamos aqui, há mais de 60 anos de puro amor à profissão e mantendo a missão e valores definidos desde o início.</p>
</div>
<div class="col-lg-4">
<h3>Contato</h3>
<ul>
<li>+55 (42) 9 9994-1023</li>
<li>[email protected]</li>
<li>Rua 03 de maio - Mallet/PR</li>
</ul>
</div>
<div class="col-lg-3">
<h3>Redes Sociais</h3>
<ul class="redes-sociais">
<li>
<a href="https://www.facebook.com/" target="_blank">
<img src="./img/facebook.svg" alt="Facebook">
</a>
</li>
<li>
<a href="https://twitter.com/" target="_blank">
<img src="./img/twitter.svg" alt="Twitter">
</a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank">
<img src="./img/instagram.svg" alt="Instagram">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="copy">
<div class="container">
<p>Pizzaria Marcielo 2020 - Todos os direitos reservados</p>
</div>
</div>
</footer>
<script src="./scripts/jquery.js"></script>
<script src="./scripts/bootstrap.js"></script>
</body>
</html>