Skip to content

Commit 1f6b054

Browse files
author
Xosh
committed
Output to Desafio 751
1 parent faaa9a3 commit 1f6b054

12 files changed

+274
-1
lines changed

‎README.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
# desafio_751
2-
Desafío N°751: Cuppon.
2+
# Desafío N°751: Cuppon.
3+
# Bootcamp Ruby & Rails.

‎assets/css/style.css

+87
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
* {
2+
margin: 0px;
3+
padding: 0px;
4+
font-family: 'Roboto', sans-serif;
5+
text-align: left;
6+
}
7+
8+
.navbar {
9+
background-color: #28A745 !important;
10+
}
11+
12+
.card-body {
13+
border: 1px solid rgba(0, 0, 0, 0.15);
14+
/* borde con color y grosor */
15+
border-radius: 0.25rem;
16+
/* redondeo de bordes */
17+
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
18+
/* sombra */
19+
margin-bottom: 20px;
20+
/* margen inferior (espacio en blanco) por cada card */
21+
}
22+
23+
.card-img-top {
24+
height: 278px;
25+
width: 180px;
26+
}
27+
28+
.card-title {
29+
font-size: 20px;
30+
font-weight: 300;
31+
color: #212529;
32+
}
33+
34+
.card-text-1 {
35+
margin-bottom: 0;
36+
font-weight: 300;
37+
color: #707070;
38+
}
39+
40+
#adress {
41+
font-size: 13px;
42+
font-weight: 300;
43+
color: #707070;
44+
}
45+
46+
#prices {
47+
text-align: right;
48+
font-weight: 300;
49+
color: #707070;
50+
}
51+
52+
.price2 {
53+
font-size: 20px;
54+
color: #28A745;
55+
font-weight: 500;
56+
}
57+
58+
.form-body {
59+
margin-top: 15px;
60+
/* espacio para separar el section-formulario del section-cards */
61+
height: 260px;
62+
width: 100%;
63+
background-color: #28A745;
64+
color: #707070;
65+
padding: 20px;
66+
/* espacio adicional sobre el titulo h1 */
67+
}
68+
69+
h3 {
70+
font-size: 21px;
71+
color: #FFFFFF;
72+
font-weight: 500;
73+
text-align: center;
74+
}
75+
76+
.footer-home {
77+
padding: 30px;
78+
text-align: center;
79+
}
80+
81+
.credits {
82+
text-align: center;
83+
color: #707070;
84+
font-size: 16px;
85+
font-weight: 300;
86+
margin-top: 25px;
87+
}

‎assets/img/cupon-1.jpg

124 KB
Loading

‎assets/img/cupon-2.jpg

126 KB
Loading

‎assets/img/cupon-3.jpg

86.3 KB
Loading

‎assets/img/cupon-4.jpg

90.4 KB
Loading

‎assets/img/cupon-5.jpg

134 KB
Loading

‎assets/img/cupon-6.jpg

71.3 KB
Loading

‎assets/img/favicon.ico

15 KB
Binary file not shown.

‎assets/img/logo-black.png

6.64 KB
Loading

‎assets/img/logo-white.png

7.04 KB
Loading

‎index.html

+185
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,185 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Meta tags -->
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9+
<meta name="author" content="Josech">
10+
<meta name="copyright" content="2023 Copyright of Josech">
11+
<meta name="description" content="Sitio web de Cuppon - Cupones online">
12+
<meta name="keywords" content="cuppon,plumones manolino,v for vegan, san petro atacama">
13+
<script src="https://kit.fontawesome.com/333dc36bd3.js" crossorigin="anonymous"></script>
14+
15+
<!--Favicon-->
16+
17+
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.ico">
18+
19+
<!--Google Fonts-->
20+
21+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">
22+
23+
<!--Style CSS of Josech-->
24+
25+
<link rel="stylesheet" href="assets/css/style.css">
26+
27+
<!-- Bootstrap CDN Settings v5.1.3-->
28+
29+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
30+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
31+
32+
<title>Cuppon</title>
33+
34+
</head>
35+
36+
<body>
37+
<!--nav-->
38+
<nav class="navbar navbar-dark">
39+
<div class="container">
40+
<a class="navbar-brand pl-3" href="#"><img src="/assets/img/logo-white.png" alt="Logo Cuppon - Home"
41+
width="86" height="25"></a>
42+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
43+
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
44+
aria-label="Toggle navigation">
45+
<span class="navbar-toggler-icon"></span>
46+
</button>
47+
</div>
48+
</nav>
49+
50+
<section class="cupones my-3">
51+
52+
<div class="container">
53+
54+
<div class="row">
55+
56+
<!-- card 1 -->
57+
58+
<div class="col-x2-12 col-md-4">
59+
<img class="card-img-top" src="assets/img/cupon-1.jpg"
60+
alt="Plumon Coral Fleece - Plumones Manolino">
61+
<div class="card-body">
62+
<h5 class="card-title">Plumón Coral Fleece estampado en modelo y tamaño a elección</h5>
63+
<p class="card-text-1">Plumones Manolino</p>
64+
<p id="adress"><i class="fas fa-map-marker-alt fa-xs"></i> 9191 Avenida Vitacura, Chile</p>
65+
<hr>
66+
<p id="prices"><span class="price1">$22.990</span> <span class="price2">$45.990</span>
67+
</p>
68+
</div>
69+
</div>
70+
71+
<!-- card 2 -->
72+
73+
<div class="col-x2-12 col-md-4">
74+
<img class="card-img-top" src="assets/img/cupon-2.jpg" alt="Entrada para compartir | V for Vegan">
75+
<div class="card-body">
76+
<h5 class="card-title">Entrada para compartir + platos de fondo + postres + bebestibles</h5>
77+
<p class="card-text-1">V for Vegan</p>
78+
<p id="adress"><i class="fas fa-map-marker-alt fa-xs"></i> 777 Jesse Pinkman, Chile</p>
79+
<hr>
80+
<p id="prices"><span class="price1">$30.990</span> <span class="price2"> $12.990</span></p>
81+
</div>
82+
</div>
83+
84+
<!-- card 3 -->
85+
86+
<div class="col-x2-12 col-md-4">
87+
<img class="card-img-top" src="assets/img/cupon-3.jpg"
88+
alt="Evaluación integral - Clínica Dental Quijada">
89+
<div class="card-body">
90+
<h5 class="card-title">Evaluación integral + blanqueamiento dental led + limpieza +
91+
fluoración
92+
</h5>
93+
<p class="card-text-1">Clínica Dental Quijada</p>
94+
<p id="adress"><i class="fas fa-map-marker-alt fa-xs"></i> 1342, Blanco Encalada, Chile</p>
95+
<hr>
96+
<p id="prices"><span class="price1">$4.200</span> <span class="price2"> $2.100</span></p>
97+
</div>
98+
</div>
99+
100+
<!-- card 4 -->
101+
102+
<div class="col-x2-12 col-md-4">
103+
<img class="card-img-top" src="assets/img/cupon-4.jpg" alt="Colación - Suricata almacen">
104+
<div class="card-body">
105+
<h5 class="card-title">Colación para 2 personas + postre (no incluye bebidas)</h5>
106+
<p class="card-text-1">Suricata almacen</p>
107+
<p id="adress"><i class="fas fa-map-marker-alt fa-xs"></i> 1071 Miguel Claro, Chile</p>
108+
<hr>
109+
<p id="prices"><span class="price1">$4.200</span> <span class="price2"> $2.100</span></p>
110+
</div>
111+
</div>
112+
113+
<!-- card 5 -->
114+
115+
<div class="col-x2-12 col-md-4">
116+
<img class="card-img-top" src="assets/img/cupon-5.jpg"
117+
alt="tickets para Stukids - Stukids Centro de Eventos">
118+
<div class="card-body">
119+
<h5 class="card-title">1, 2 o 4 tickets para Stukids. Elige sucursal</h5>
120+
<p class="card-text-1">Stukids Centro de Eventos</p>
121+
<p id="adress"><i class="fas fa-map-marker-alt fa-xs"></i> 133 El tranque, Chile</p>
122+
<hr>
123+
<p id="prices"><span class="price1">$4.000</span> <span class="price2"> $2.500</span></p>
124+
</div>
125+
</div>
126+
127+
<!-- card 6 -->
128+
129+
<div class="col-x2-12 col-md-4">
130+
<img class="card-img-top" src="assets/img/cupon-6.jpg"
131+
alt="Tour San Pedro de Atacama - D-Latam Travel">
132+
<div class="card-body">
133+
<h5 class="card-title">San Pedro de Atacama : 1 o 2 noches en alojamiento a elección</h5>
134+
<p class="card-text-1">D-Latam Travel</p>
135+
<hr>
136+
<p id="prices"><span class="price1">$80.200</span> <span class="price2"> $44.100</span></p>
137+
</div>
138+
</div>
139+
140+
</div>
141+
142+
</section>
143+
144+
<!--Formulario-->
145+
146+
<section class="form-body">
147+
148+
<h3>Recibe cupones en tu correo</h3>
149+
150+
<input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
151+
placeholder="Nombre">
152+
153+
<div class="mb-3">
154+
155+
<label for="exampleFormControlInput1" class="form-label"></label>
156+
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Correo Electrónico">
157+
158+
<br>
159+
<div class="text-center">
160+
<button type="submit" class="btn btn-light">Enviar</button>
161+
</div>
162+
</div>
163+
164+
165+
</section>
166+
167+
<!--Footer-->
168+
169+
<footer class="footer-home">
170+
171+
<img src="/assets/img/logo-black.png" alt="Logo Cuppon - Footer Home" width="82" height="24">
172+
173+
<p class="credits"> © 2018 Cuppon Latam .Todos los derechos reservados.</p>
174+
175+
</footer>
176+
177+
<!--Bootstrap Javascript Settings v5.1.3-->
178+
179+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
180+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
181+
crossorigin="anonymous"></script>
182+
183+
</body>
184+
185+
</html>

0 commit comments

Comments
 (0)