-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (132 loc) · 7.28 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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height initial-scale=1">
<title>Milo Pastelería</title>
<link rel="icon" href="./images/favicon.ico">
<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=Roboto:wght@100;300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="submitForms.js"></script>
</head>
<body>
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
<ol class="carousel-indicators">
<li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
<li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="overlay-image" style="background-image:url(./images/slide-1.jpg);"></div>
<div class="container">
<div class="d-flex h-100 align-items-center justify-content-center"></div>
<h1 class="d-flex h-100 align-items-center justify-content-center">Milo Pastelería</h1>
<p class="d-flex h-100 align-items-center justify-content-center">Las tortas más ricas, en un solo
lugar</p>
<a href="precios.html" class="btn btn-outline-light btn-lg d-flex h-100 align-items-center justify-content-center border border-3" style="font-weight: bold">
Conocé nuestros productos</a>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<div class="overlay-image" style="background-image:url(./images/slide-2.jpg);"></div>
<div class="container">
<div class="d-flex h-100 align-items-center justify-content-center"></div>
<h1 class="d-flex h-100 align-items-center justify-content-center">Milo Pastelería</h1>
<p class="d-flex h-100 align-items-center justify-content-center">Las tortas más ricas, en un solo
lugar</p>
<a href="precios.html" class="btn btn-outline-light btn-lg d-flex h-100 align-items-center justify-content-center border border-3" style="font-weight: bold">
Conocé nuestros productos</a>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<div class="overlay-image" style="background-image:url(./images/slide-3.jpg);"></div>
<div class="container">
<div class="d-flex h-100 align-items-center justify-content-center"></div>
<h1 class="d-flex h-100 align-items-center justify-content-center">Milo Pastelería</h1>
<p class="d-flex h-100 align-items-center justify-content-center">Las tortas más ricas, en un solo
lugar</p>
<a href="precios.html" class="btn btn-outline-light btn-lg d-flex h-100 align-items-center justify-content-center border border-3" style="font-weight: bold">
Conocé nuestros productos</a>
</div>
</div>
</div>
</div>
<div class="formContainer" id="consulta">
<h4>Dejanos tu consulta</h4>
<form id="sendQuestionForm">
<label for="fname">Nombre completo</label>
<input type="text" id="nombrec" name="nombre" placeholder="¿Cuál es tu nombre completo?" required>
<label for="lname">Número de contacto</label>
<input type="text" id="numeroc" name="numero" placeholder="¿Cuál es tu número de celular?" required>
<label for="subject">Consulta</label>
<textarea id="consultac" name="consulta" placeholder="¿Cuál es tu consulta?" style="height:150px;resize: none;"
required></textarea>
<input type="submit" value="Enviar consulta" onclick="return submitQuestionForm();">
</form>
</div>
<main>
<div class="historyContainer">
<div class="col text-center">
<h2>Sobre nosotros</h2>
<h5>Nuestra historia</h5>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam malesuada quam et lectus egestas sagittis.
Nulla in purus eget mi mollis aliquam ac quis enim. Donec quis sapien nec quam mattis ultricies non eu odio.
Donec eleifend hendrerit interdum. Fusce interdum nulla ligula, eget dignissim mauris mattis vitae. Sed
fermentum ornare quam tincidunt pellentesque. Etiam tincidunt vel lacus nec commodo.</p>
<h5>Nuestro compromiso</h5>
<br>
<p>Integer dictum tincidunt nulla. Phasellus consequat libero cursus, dictum diam in, feugiat urna. Maecenas
consequat tempus sem, eget commodo mi laoreet eleifend. Sed vel tincidunt felis, at placerat tortor.
Suspendisse accumsan mollis lorem, non accumsan elit mollis vel. Cras luctus convallis metus sit amet
luctus. Nullam tristique dapibus dui quis tristique. Fusce pretium aliquet accumsan. In condimentum purus
sit amet nisi ornare ultrices. Nulla aliquam sem sit amet interdum cursus. Cras consectetur est vel sagittis
tempor. Ut bibendum mollis posuere. Vivamus eros erat, blandit sit amet finibus in, placerat sit amet
lectus. Fusce varius laoreet urna non suscipit. Sed dignissim enim nisi.</p>
</div>
<form action="precios.html" style="text-align:center">
<input type="submit" value="Mirá nuestro catálogo" />
</form>
</div>
</main>
<div style="height: 20px">
</div>
<div id="bsFooter">
<footer style="background-color:rgb(51, 51, 51);">
<div class="row">
<div class="column" style="background-color:rgb(80, 80, 80);">
<div class="internalColumn">
<h2>Seguinos también en nuestras redes</h2>
<br>
<p>
<a href="#"><img src="images/facebook.png" alt="Facebook"></a>
<a href="https://www.instagram.com/milo_lapasticceria/"><img src="images/instagram.png" alt="Instagram"></a>
</p>
<br>
</div>
</div>
<div class="column" style="background-color:rgb(88, 88, 88);">
<div class="internalColumn">
<h2>¿Cómo llego?</h4>
<p>Laprida 143 - Famaillá, Tucumán</p>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3553.15852123025!2d-65.4013981!3d-27.0567438!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94224be1d495694b%3A0x5a010a10866e9a5!2sLaprida%20143%2C%20T4132%20BGE%2C%20Tucum%C3%A1n!5e0!3m2!1sen!2sar!4v1663202419495!5m2!1sen!2sar"
width="300" height="300" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div>
<p>2022 Milo Pastelería.<br>Todos los derechos reservados.</p>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
</body>
</html>