forked from MrJoseV/MrJoseV.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_cupon.html
183 lines (153 loc) · 8.61 KB
/
index_cupon.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cupon Page</title>
<link rel="stylesheet" href="./assets/css/style_cupon.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<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:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="collapse text-white" id="navbarToggleExternalContent" >
<div class="bg-success p-4">
<span>Las mejores ofertas!</span>
</div>
</div>
<nav class="navbar bg-success p-2">
<div class="container-fluid text-white">
<h5 class="h4 ">CUPPON</h5>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<div class="row justify-content-center p-4" >
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Plumón Coral Fleece estampado en modelo y tamaño a elección</h5>
<p class="card-text">Plumones Manolino</p>
<div class="row">
<i class="fa-solid fa-location-dot col-1"></i>
<p class="card-text col-10">9191 Avenida Vitacura, Chile</p>
</div>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-5 text-black-50">$45990</h4>
<h3 class="card-text col-6 text-success" >$22.990</h3>
</div>
</div>
</div>
</div>
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Entrada para compartir + platos de fondo + postres + bebestibles</h5>
<p class="card-text">V for Vegan</p>
<div class="row">
<i class="fa-solid fa-location-dot col-1"></i>
<p class="card-text col-10">777 Jesse Pinkman, Chile</p>
</div>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-5 text-black-50">$30.990</h4>
<h3 class="card-text col-6 text-success" >$12.990</h3>
</div>
</div>
</div>
</div>
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Evaluación integral + blanqueamiento dental led + limpieza + fluoración</h5>
<p class="card-text">Clínica Dental Quijada</p>
<div class="row">
<i class="fa-solid fa-location-dot col-1"></i>
<p class="card-text col-10">1342, Blanco Encalada, Chile</p>
</div>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-6 text-black-50">$300.000</h4>
<h3 class="card-text col-5 text-success" >25.990</h3>
</div>
</div>
</div>
</div>
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Colación para 2 personas + postre (no incluye bebidas)</h5>
<p class="card-text">Suricata almacen</p>
<div class="row">
<i class="fa-solid fa-location-dot col-1"></i>
<p class="card-text col-10">1071 Miguel Claro, Chile</p>
</div>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-6 text-black-50">$4.200</h4>
<h3 class="card-text col-5 text-success" >$2.100</h3>
</div>
</div>
</div>
</div>
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-5.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">1, 2 o 4 tickets para Stukids. Elige sucursal</h5>
<p class="card-text">Stukids Centro de Eventos</p>
<div class="row">
<i class="fa-solid fa-location-dot col-1"></i>
<p class="card-text col-10">133 El tranque, Chile</p>
</div>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-5 text-black-50">$4.200</h4>
<h3 class="card-text col-5 text-success" >$2.500</h3>
</div>
</div>
</div>
</div>
<div class ="col-xs-12 col-md-3 m-4 ">
<div class="card" style="width: 18rem;">
<img src="./assets/img_cupon/cupon-6.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">San Pedro de Atacama : 1 o 2 noches en alojamiento a elección</h5>
<p class="card-text">D-Latam Travel</p>
<div class="row text-end justify-content-end border border-end-0 border-start-0 border-bottom-0">
<h4 class="card-text col-5">$80.200</h4>
<h3 class="card-text col-6 text-success" >$44.100</h3>
</div>
</div>
</div>
</div>
</div>
<section class="container-fluid bg-success text-white text-center pt-3 pb-5 px-2">
<div class="container">
<h2> Recibe tus cupones en tu correo</h2>
<form class="mt-4">
<div class="mb-3">
<input type="text" class="form-control" placeholder="Nombre">
</div>
<div class="mb-3">
<input type="email" class="form-control" placeholder="Correo Electronico">
</div>
<button type="submit" class="btn btn-light px-5 py-2">Enviar</button>
</form>
</div>
</section>
<footer class="row bg-white justify-content-center text-black text-center pt-3 pb-5 px-2;">
<div class="w-25">
<img src="./assets/img_cupon/logo-black.png" class="img-fluid " alt="logo cuppon en negro">
</div>
<p> © 2018 Cuppon Latam .Todos los derechos reservados.</p>
<a href= "index.html"> Regresar a pagina principal Jose Venegas <br></a>
</footer>
</body>
</html>