-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (123 loc) · 4.55 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
<!--dev: Matteo Mammoliti ! contacts: matti.mm04@gmail.com-->
<!DOCTYPE html>
<html>
<head>
<!--IMPORT FONT GOOGLE E FOGLIO DI STILE-->
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>IceLovers - Porto</title>
<link rel="stylesheet" href="style.css">
<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=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/ddb2ee09d7.js" crossorigin="anonymous"></script>
</head>
<body>
<!--HEADER-->
<section class="header">
<nav>
<a href="index.html"><img src="images/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">SOBRE NOS</a></li>
<li><a href="sede1.html">MENU R. DOS ClERIGOS</a></li>
<li><a href="sede2.html">MENU R. JOAO BARROS</a></li>
<li><a href="english.html">ENGLISH</a></li>
</ul>
</div>
<i class="fa-solid fa-bars" onclick="showMenu()"></i>
</nav>
<!--CASELLE DI TESTO CENTRALI-->
<div class="text-box">
<h1>IceLovers</h1>
<p>Gelataria artesanal com sabor natural no Porto</p>
<a href="https://goo.gl/maps/7rRDHEWionf5Rek27" class="hero-btn">VISITE-NOS</a>
</div>
</section>
<!--FOTO PIATTI-->
<section class="piatti">
<h1>Nossas delícias</h1>
<p>Algumas das delícias que você pode desfrutar no IceLovers</p>
<div class="row">
<div class="piatti-col">
<img src="images/piatto1.png">
<p>A combinação de sabores laranja e chocolate<p>
</div>
<div class="piatti-col">
<img src="images/piatto2.png">
<p>Waffle com gelado caramelo<p>
</div>
<div class="piatti-col">
<img src="images/piatto3.png">
<p>Gelado delicioso de manga<p>
</div>
<div class="piatti-col">
<img src="images/piatto4.png">
<p>Gelado Black Cookies<p>
</div>
</div>
</section>
<!--RECENSIONI-->
<section class="testimonials">
<h1>Nossos feedbacks</h1>
<p>O que nossos clientes dizem depois de provar nossas delícias</p>
<div class="row">
<div class="testimonial-col">
<img src="images/utente.png">
<div>
<p>Gelados artesanais sabor genuíno . O melhor gelado chocolate negro e manga .<br> Recomendo tb baunilha e chocolate leite . Crepes , qualidade superior.</p>
<h3>paulasilvar 02-2022</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
<div class="testimonial-col">
<img src="images/utente.png">
<div>
<p>Esta é sem dúvida a melhor casa de gelados que conheço e conheço muitas por esse país fora.<br> Os gelados são de uma qualidade excepcional.</p>
<h3>joseb5114 10-2021</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
</div>
</section>
<!--BANNER-->
<section class="banner">
<h1>Se você gosta de sobremesa, Ice Lover é o lugar para você.</h1>
</section>
<!--FOOTER-->
<section class="footer">
<img src="images/logo_footer.png">
<h1>IceLovers</h1>
<p>Rua dos Clérigos 61, 4050 Porto - R. João de Barros, 4150 Porto</p>
<h4>Telefone</h4>
<p>(+351) 917 826 124 - (+351) 917 515 434 - (+351) 222 052 712</p>
<h4>Email</h4>
<p>febetex@sapo.pt</p>
<h4>Tempo de abertura</h4>
<p>Seg-Dom 11:00 - 19:00</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
</div>
</section>
<!--SCRIPT MENU-->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>