-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (151 loc) · 6.85 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<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=REM:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/home.css">
<title>Dindim Gourmet Official | Gelando suas tardes com alegria</title>
</head>
<body>
<header>
<h1>
<a href="index.html"><img src="docs/images/Logo.svg" alt="Logo"></a>
</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="docs/categorias.html">Sabores</a></li>
<li><a href="">Combo do Dia</a></li>
<li><a href="">Delivery</a></li>
</ul>
</nav>
</header>
<main>
<section class="principal">
<div class="slider">
<div class="slides">
<!-- Radio Buttons -->
<input type="radio" name="radio-btn" id="radio1">
<input type="radio" name="radio-btn" id="radio2">
<input type="radio" name="radio-btn" id="radio3">
<!-- Fim Radio Buttons -->
<!-- Imagens -->
<div class="slide first">
<img src="docs/images/carousel_image_1.png" alt="Imagem 1">
</div>
<div class="slide">
<img src="docs/images/carousel_image_2.png" alt="Imagem 2">
</div>
<div class="slide">
<img src="docs/images/carousel_image_3.png" alt="Imagem 3">
</div>
<!--Fim Images -->
<!-- Navigação automática -->
<div class="navigation-auto">
<div class="auto-btn1"></div>
<div class="auto-btn2"></div>
<div class="auto-btn3"></div>
</div>
<!-- Fim Navegação automática -->
</div>
<!--Navegação manual-->
<div class="manual-navigation">
<label for="radio1" class="manual-btn"></label>
<label for="radio2" class="manual-btn"></label>
<label for="radio3" class="manual-btn"></label>
</div>
<!--Fim Navegação manual-->
</div>
<!--Fim Slider-->
<!--Flexbox Lançamentos-->
<div class="container">
<div id="box-1" class="lancamento">
<a href="docs/maispedidos.html">
<img src="docs/images/lancamento/lancamento_1.png" alt="Novo sabor">
<div class="bg-lancamento">
<h3>LANÇAMENTO!</h3>
</div>
</a>
</div>
<div id="box-2" class="lancamento">
<a href="docs/maispedidos.html">
<img src="docs/images/lancamento/lancamento_2.png" alt="Novo sabor">
<div class="bg-lancamento">
<h3>LANÇAMENTO!</h3>
</div>
</a>
</div>
<div id="box-3" class="lancamento">
<a href="docs/maispedidos.html">
<img src="docs/images/lancamento/lancamento_3.png" alt="Novo sabor">
<div class="bg-lancamento">
<h3>LANÇAMENTO!</h3>
</div>
</a>
</div>
</div>
<!--Fim Flexbox Lançamentos-->
</section>
<!--Section Fidelidade-->
<section class="fidelidade">
<div class="fidelidade-img">
<img src="docs/images/fidelidade.PNG" alt="Ilustração">
</div>
<div class="fidelidade-txt">
<h2>Participe do Nosso Clube de Fidelidade!</h2>
<p>Some pontos e concorra a sorteios e descontos exclusivos!</p>
<div class="fidelidade-btn">
<a href="docs/fidelidade.html"><button>Saiba mais!</button></a>
</div>
</div>
</section>
<!--Fim Section Fidelidade-->
<!--Section Endereço-->
<section class="endereco">
<div class="endereco-txt">
<h2>Compre e Retire em nosso Endereço!</h2>
<div class="localizacao">
<img src="docs/images/localizacao.png" alt="Pino de localização">
<address>Nossa senhora da Piedade, 125 Conjunto Conego Monte - Santa Cruz/RN</address>
</div>
<button>Compre agora!</button>
</div>
<div class="iframe">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d991.5608602028008!2d-36.0111397244739!3d-6.231604588471089!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7b1fbe52d4a57cd%3A0xffd8eda1c175d8b0!2sR.%20Nossa%20Sra.%20da%20Piedade%2C%20125%20-%20Dnre%2C%20Santa%20Cruz%20-%20RN%2C%2059200-000!5e0!3m2!1spt-BR!2sbr!4v1726138828431!5m2!1spt-BR!2sbr" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<!--Fim Section Endereço-->
</main>
<footer>
<h1>
<img src="docs/images/Versão branca 1.png" alt="Logo rodapé">
</h1>
<div class="info-footer">
<nav>
<ul>
<li><a href="docs/quemsomos.html">Quem Somos</a></li>
<li><a href="">Trabalhe Conosco</a></li>
<li><a href="">Seja um Revendedor</a></li>
</ul>
</nav>
<div class="socials">
<ul>
<li><a href=""><img src="docs/images/socials/wpp.png" alt=""></a></li>
<li><a href=""><img src="docs/images/socials/ig.png" alt=""></a></li>
<li><a href=""><img src="docs/images/socials/fb.png" alt=""></a></li>
<li><a href=""><img src="docs/images/socials/yt.png" alt=""></a></li>
<li><a href=""><img src="docs/images/socials/tiktok.png" alt=""></a></li>
</ul>
</div>
<div class="copyright">
<p>© Dindim Gourmet Official 2024 | Todos os direitos reservados</p>
</div>
</div>
</footer>
<script src="src/carrossel.js"></script>
</body>
</html>