forked from gsanchezd/fdsw-github
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (238 loc) · 9.82 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
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- lINK Google Fonts -->
<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=Raleway:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<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"
/>
<!-- LINK Fontawesone -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"
integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- LINK Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" />
<title>Papitas Page</title>
</head>
<body>
<nav
class="navbar navbar-expand-lg bg-dark bg-gradient navbar-dark fixed-top"
style="height: 4"
>
<div class="container-fluid">
<a class="navbar-brand" href="#">PhD en Papas Fritas C. Espinoza</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavAltMarkup"
>
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Acerca de mi</a>
<a class="nav-link" href="#">Trabajos</a>
<a class="nav-link disabled" aria-disabled="true">Contacto</a>
</div>
</div>
</div>
</nav>
<div id="Fondo-Section">
<header class="text-light text-end py-3 mt-5">
<div class="container">
<div class="ms-auto col-12 col-md-7 my-7">
<h1 class="text-danger display-1 fw-bold my-5">
Nada supera las <br />
Papas Fritas
</h1>
<p class="my-5">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis,
accusamus iusto quibusdam dignissimos labore sequi. Cupiditate
reiciendis eius dolore, illum adipisci harum voluptas iste
mollitia inventore provident labore voluptatum nemo.
</p>
<div class="mb-5 pb-5">
<button class="btn btn-lg btn-outline-dark text-light me-4">
Trabajos
</button>
<button class="btn btn-lg btn-dark text-light">Contacto</button>
</div>
</div>
</div>
</header>
<section id="Acerca-de-mi" class="text-white container text-center my-5">
<h2 class="display-3 fw-bold my-4">Acerca de mi</h2>
<p class="my-4">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio
quisquam distinctio, odit laborum aliquam earum itaque cum sequi,
dolorem optio vol
</p>
<div class="row">
<div class="col-12 col-md-4">
<i class="fas fa-camera fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Fotografo de Papas Sexys</h3>
<p class="my-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-12 col-md-4">
<i class="fas fa-bullhorn fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Divulgador de Papas Fritas</h3>
<p class="my-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-12 col-md-4">
<i class="far fa-map fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Cazador de Nuevas Papas Fritas</h3>
<p class="my-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</section>
<section id="Mis-trabajos" class="p-5">
<h2 class="display-4 fw-bold text-center text-light mb-5">
Mis Creaciones
</h2>
<div class="row">
<div class="col-12 col-sm-4 py-2">
<div class="card">
<div
class="image-top"
style="background-image: url(assets/img/papasbufalo.jpg)"
></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papitas Búfalo</h5>
<p class="card-text">
Papas Fritas preparadas a temperatura baja en aceite de oliva
centenario directamente traído de Egipto, aderezadas con
panceta de búfalo americano albino.
</p>
<button type="button" class="btn btn-outline-danger">
Ver más
</button>
</div>
</div>
</div>
<div class="col-12 col-sm-4 py-2">
<div class="card">
<div
class="image-top"
style="background-image: url(assets/img/papaslimon.jpg)"
></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papitas Limón</h5>
<p class="card-text">
Papas Fritas cortadas con forma de prisma triangular y
marinadas con limoncello cubano. Estas están acompañas por una
salsa cítrica y merquén andino.
</p>
<button type="button" class="btn btn-outline-danger">
Ver más
</button>
</div>
</div>
</div>
<div class="col-12 col-sm-4 py-2">
<div class="card">
<div
class="image-top"
style="background-image: url(assets/img/papaschicanas.jpg)"
></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papitas Chicanas</h5>
<p class="card-text">
Papas Fritas clásicas Chicanas con chile Carolina Reaper y
Trinidad Moruga Scorpion, es acompañado con salsa de queso
Nidelven Blå noruego.
</p>
<button type="button" class="btn btn-outline-danger mx-20">
Ver más
</button>
</div>
</div>
</div>
</div>
</section>
<section id="Contacto" class="container mt-5 mb-10">
<h2 class="display-4 fw-bold text-center my-5 text-white">
Contáctame para comer papas fritas...
</h2>
<p class="text-center my-4 d-none d-md-block text-white">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus
sapiente, autem delectus totam expedita animi corporis dolorem qui
magnam, aspernatur officiis quasi culpa tempora est commodi. Voluptate
beatae tempora quaerat?
</p>
<form>
<div class="form-group mb-4">
<label class="mb-2 text-white">Nombre</label>
<input class="form-control" placeholder="Nombre" />
</div>
<div class="form-group mb-4">
<label class="mb-2 text-white">Correo electrónico</label>
<input class="form-control" placeholder="Correo electrónico" />
</div>
<div class="form-group">
<label class="mb-2 text-white">Mensaje</label>
<textarea
class="form-control"
placeholder="Escribe aquí tu mensaje"
></textarea>
</div>
<div class="mb-3 text-center">
<button class="btn btn-danger text-light">Enviar</button>
</div>
</form>
</section>
<footer class="bg-dark bg-gradient text-center text-light p-4">
<p class="mb-0">
PhD Cristian Espinoza 2024. Todos los derechos reservados.
</p>
</footer>
</div>
<!-- script de js por bootstrap -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>