-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinicio.html
145 lines (139 loc) · 5.24 KB
/
inicio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inicio</title>
<link rel="stylesheet" href="/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
</head>
<body>
<header class="hero">
<div>
<nav class="nav container">
<div class="nav__logo">
<h2 class="nav title">Recetas</h2>
</div>
<ul class="nav__link">
<a href="inicio.html" class="nav__link">Inicio</a>
<a href="recetas.html" class="nav__link">Recetas</a>
<a href="sobreNosotros.html" class="nav__link">Sobre Nosotros</a>
</ul>
</nav>
<section class="hero_container">
<h1 class="hero_title">Explora un festín de sabores con Nuestras Recetas de Cocina</h1>
<p class="hero__paragraph">
Sumérgete en el mundo de la gastronomía con nuestras recetas de comida, desde platos exquisitos hasta opciones saludables y rápidas.
¡Aventúrate en la cocina y descubre un universo de sabores
</p>
</section>
</div>
</header>
<section>
<div class="slider-frame">
<ul class="grid-container">
<li class="grid-item">
<img src="Imagenes/slide1.jpg" alt="">
<div>
<p>Chaulafan</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide2.jpg" alt="">
<div>
<p>Bolon de verde</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide3.jpg" alt="">
<div>
<p>Seco de pollo</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide4.jpg" alt="">
<div>
<p>Milanesa</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide5.jpg" alt="">
<div>
<p>Hornado de Chancho</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide6.jpg" alt="">
<div>
<p>Sopa de verduras</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide8.jpg" alt="">
<div>
<p>Encebollado</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide9.jpg" alt="">
<div>
<p>Cuy asado</p>
</div>
</li>
<li class="grid-item">
<img src="Imagenes/slide10.jpg" alt="">
<div>
<p>Papas con cuero</p>
</div>
</li>
</ul>
</div>
</section>
<section class="list-container">
<div class="form-container">
<h1 class="titulos">Envianos tu receta</h1>
<h5 class="subtitulos">Comparte tu receta con nosotros</h5>
<form id="recipeForm" class="centrado">
<label for="nombre" class="label">Nombre de su receta</label>
<textarea class="form-control" id="nombre" ></textarea>
<label for="edad" class="label">Ingrese los ingredientes</label>
<textarea class="form-control" id="ingredientes" rows="10"></textarea>
<label for="opinion" class="label">Ingrese los pasos</label>
<textarea class="form-control" id="pasos" rows="10"></textarea>
<br>
<button type="submit" class="btn" onclick="validarYGuardar()">Enviar</button>
</form>
</div>
</section>
<footer class="footer-names">
<div class="info-personal">
<h1>Realizado por:</h1>
<div class="integrantes-name">
<div class="name-div">
<a href="mailto:[email protected]">[email protected]</a>
<p>Pañora Jeison</p>
</div>
<div class="name-div">
<a href="mailto:[email protected]">[email protected]</a>
<p>Sigual Paul</p>
</div>
</div>
<div class="banderas">
<div class="ban">
<img src="Imagenes/ban-ar.png" alt="Bandera de Argentina">
<img src="Imagenes/ban-ec.png" alt="Bandera de Ecuador">
<img src="Imagenes/ban-pr.png" alt="Bandera de Puerto Rico">
</div>
<p>2023</p>
</div>
</footer>
</body>
</html>