-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (112 loc) · 6.59 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LA BRUJITA - ENC </title> <!-- TITULO DE MI PESTA;A -->
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Raleway:500,600&display=swap" rel="stylesheet">
<!-- MI CSS -->
<link rel ="stylesheet" href="./style.css">
<!-- Materialize css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
</head>
<body> <!-- ESTRUCTURA PARA INICIO, CATALOGO Y REALIZAR PEDIDO -->
<nav class="nav">
<ul class="list">
<li class="list_item">
<div class="list_button list_item--click">
<img src="./img/inicio.svg" alt="icono de inicio" class="list_img">
<a href="#inicio" class="nav_link">Inicio</a>
</div>
<li class="list_item list_item--click">
<div class="list_button list_button--click">
<img src="./img/menu.svg" alt="icono de menu" class="list_img">
<a href="./catalogo/catalogo.html" class="nav_link">Catalogo</a>
</div>
<li class="list_item list_item--click">
<div class="list_button list_button--click">
<img src="./img/comprar.svg" alt="icono de menu" class="list_img">
<a href="./pedido/pedido.html" class="nav_link">Hace tu Pedido</a>
</div>
</li>
</ul>
</nav>
<!-- declaro un div de la class container y agrego lo que quiero proyectar con la estructura del carousel -->
<div class="container">
<div class="row"> <!-- agrego fila -->
<div class="col s12"> <!-- agrego columna-->
<h1 class="center-align titulo"> La Brujita <br/> Reposteria </h1> <!-- TITULO PRINCIPAL, NOMBRE DE LA EMPRESA-->
<hr>
<div class="carousel center-aling">
<div class="carousel-item">
<h2 class="subtitulo">TORTA</h2>
<div class="linea-division"></div>
<p class="sabor">Chocolate</p>
<img src="img/DRIP CAKE CHOCOLATE.jpg" alt="torta drip cake de chocolate">
</div>
<div class="carousel-item">
<h2 class="subtitulo">TORTA</h2>
<div class="linea-division"></div>
<p class="sabor">Ganachada</p>
<img src="img/TORTA GANACHADA.jpg" alt="torta Ganachada">
</div>
<div class="carousel-item">
<h2 class="subtitulo">Mini</h2>
<div class="linea-division"></div>
<p class="sabor">Frutilla con <br/>Chantilly</p>
<img src="img/MINI FRUTILLA CON CHANTILLY.jpg" alt="mini frutilla con chantilly">
</div>
<div class="carousel-item">
<h2 class="subtitulo">Pan Dulce</h2>
<div class="linea-division"></div>
<p class="sabor">Chocolate</p>
<img src="img/PAN DULCE DE CHOCOLATE.jpg" alt="pan dulce de chocolate">
</div>
<div class="carousel-item">
<h2 class="subtitulo">Mini</h2>
<div class="linea-division"></div>
<p class="sabor">Napoleon</p>
<img src="img/MINI NAPOLEON.jpg" alt="mini napoleon">
</div>
<div class="carousel-item">
<h2 class="subtitulo">Box</h2>
<div class="linea-division"></div>
<p class="sabor">Personalizos</p>
<img src="img/BOX DE CHOCO.jpg" alt="caja personalizada">
</div>
<div class="carousel-item">
<h2 class="subtitulo">TORTA</h2>
<div class="linea-division"></div>
<p class="sabor">HBR</p>
<img src="img/tortablanca.jpg" alt="torta personalizada">
</div>
<div class="carousel-item">
<h2 class="subtitulo">TORTA</h2>
<div class="linea-division"></div>
<p class="sabor">Personalizada</p>
<img src="img/tortacumple.jpg" alt="torta personalizada">
</div>
</div>
</div>
</div>
</div>
<div class="nav_link" id="inicio">
<!-- CREO LA ESTRUCTURA DE LA INFORMACION QUE ME VA A DAR EL BOTON INICIO -->
<h3>Inicio</h3> <!-- TITULO-->
<!--PARRAFO -->
<p1 id="texto-inicio">Hola, mi nombre es Aracely soy de Encarnacion - Paraguay. <br/> <br/>El Nombre la Brujita fue en homenaje a mi mama. Ella fue quien me incentivo de empezar curso de resposteria. Gracias a ella estoy en este mundo tan hermoso que es la reposteria.<br/> <br/> Empece este emprendimiento en noviembre de 2018. <br/><br/> Actualmente trabajamos sobre pedidos, nos diferenciamos por el sabor y la calidad de nuestros productos. <br/> <br/> Si no conoces aun nuestros productos, podes entrar en nuestro catalago o escribirnos y te ayudamos con lo que necesites.</p1>
</br>
</br><!-- CREE UN ID QUE TIENE UN ENLACE QUE LLEVA AL WHATSAPP , EL TEXTO QUE VA A VER EL USUARIO Y TAMBIEN LA IMAGEN DEL LOGO DE WHATSSAPP -->
<a id="escribinos" href="https://www.whatsapp.com/"> Contactanos <img src="img/whatsapp.svg" alt="logo whatsapp"></a>
</br>
</br>
</div>
</div>
<!-- Materialize.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- MI JS-->
<script src="./scripts.js"></script>
</body>
</html>