-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (90 loc) · 4.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Julian Catolico</title>
<link rel="stylesheet" href="assets/CSS/styles.css">
</head>
<body>
<h1>Tamales Colombia, los mejores</h1>
<div class="container">
<header>
<div class="barraheader">
<a href="#">
<img class="img1" src="assets/images/tamal.png" alt="">
</a>
<nav>
<a href="#">Inicio</a>
<a href="#">Iniciar sesion/registrate</a>
<a href="#">¿Quienes somos?</a>
</nav>
</div>
</header>
<div class="firstbanner">
<section>
<h2>¡Los mejores tamales colombianos!</h2>
<p>el sabor que jamas imaginaste</p>
<img class="img2" src="assets/images/tamal grande.png" alt="">
</section>
</div>
<main>
<div>
<section>
<h1 style="text-align: center;">articulos</h1>
<div class="product-section">
<div class="product-item">
<img class="imgprodu" src="assets/images/tolimense.jpg" alt="">
<a href="#" class="titulos">
<p>TAMAL TOLIMENSE</p><br>
<p>El tamal tolimense es, quizá, la preparación más conocida. Este delicioso plato, además de ser reconocido por su delicioso sabor, es famoso por la manera en la que se envuelve. Por lo general, son redondos y se empacan en forma de bolsa.</p>
</a>
</div>
<div class="product-item">
<img class="imgprodu" src="assets/images/santandereano.jpg" alt="">
<a href="#" class="titulos">
<p>TAMAL SANTANDEREANO</p><br>
<p>Este tamal se caracteriza por su abundante relleno y por su forma rectangular. Además, es uno de los platos más deliciosos de la gastronomía santandereana, y uno de los mejores tamales colombianos.</p>
</a>
</div>
<div class="product-item">
<img class="imgprodu" src="assets/images/santafereno.jpg" alt="">
<a href="#" class="titulos">
<p>TAMAL SANTAFEREÑO</p><br>
<p>Este es el tamal típico de Bogotá. Se diferencia de los demás tamales colombianos por sus ingredientes y su proceso de preparación.</p>
</a>
</div>
<div class="product-item">
<img class="imgprodu" src="assets/images/costeño.jpg" alt="">
<a href="#" class="titulos">
<p>TAMAL COSTEÑO</p><br>
<p>Uno de los tamales colombianos más deliciosos es el costeño ya que utiliza un ingrediente distintivo: el arroz. ¡Pruébalos y atrévete a prepararlos!</p>
</a>
</div>
</div>
</section> <br>
<section>
<div class="more-section">
<div class="more-item">
<img class="img3" src="assets/images/gente tamal.jpg" alt="">
<h1 style="text-align: center;">¡Contactanos para darte mas informacion!</h1>
<form class="formulario">
<label for="username">Nombre de Usuario</label>
<input type="text" id="username" name="username" required><br>
<label for="email">Correo Electrónico</label>
<input type="email" id="email" name="email" required><br>
<label for="descripcion">cuentanos un poco sobre lo que quieres</label>
<input type="text" id="password" name="password" required><br>
<button type="submit">Enviar</button>
</form>
</div>
</div>
</section>
</div>
</main>
<footer>
<p>Derechos de autor © 2023. Todos los derechos reservados.</p>
</footer>
</div>
</body>
</html>