1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < link rel ="icon " href ="imagenes/icono.ico ">
8
+ < link rel ="stylesheet " type ="text/css " href ="style/normalize.css ">
9
+ < link rel ="stylesheet " type ="text/css " href ="style/style.css ">
10
+ < link rel ="stylesheet " type ="text/css " href ="style/stylecatalogo.css ">
11
+ < script src ="js/smooth-scroll.min.js "> </ script >
12
+
13
+ < title > Document</ title >
14
+ </ head >
15
+ < body >
16
+ < header >
17
+ < div class ="header ">
18
+ < div class ="container ">
19
+ < a href ="home.html " class ="logo "> LOGO</ a >
20
+ < span class ="icon "> < ion-icon name ="menu-outline "> </ ion-icon > </ span >
21
+ < nav >
22
+ < ul >
23
+ < li class =""> < a href ="home.html "> Home</ a > </ li >
24
+ < li class =""> < a href ="catalogo.html "> Catalogo</ a > </ li >
25
+ < li class =""> < a href ="servicios.html "> Servicios</ a > </ li >
26
+ < li class =""> < a href ="conocenos.html "> Conocenos</ a > </ li >
27
+ </ ul >
28
+ </ nav >
29
+ </ div >
30
+ </ div >
31
+ </ header >
32
+
33
+ < main >
34
+ < div class ="main-container ">
35
+ < h1 class ="titulo "> CATALOGO</ h1 >
36
+ < div class ="main-grid-item ">
37
+ < div class ="card ">
38
+ < img src ="imagenes/rosquitas.jpeg " alt ="">
39
+ < h3 > Rosquitas</ h3 >
40
+ < p > S/.6.00 </ p >
41
+ </ div >
42
+ < div class ="card ">
43
+ < img src ="imagenes/kingkong.jpeg " alt ="">
44
+ < h3 > kingkong</ h3 >
45
+ < p > S/.10.00 </ p >
46
+ </ div >
47
+ < div class ="card ">
48
+ < img src ="imagenes/trigoAT.jpeg " alt ="">
49
+ < h3 > Trigo Atomico</ h3 >
50
+ < p > S/.1.00 </ p >
51
+ </ div >
52
+ < div class ="card ">
53
+ < img src ="imagenes/tostadas.jpeg " alt ="">
54
+ < h3 > Tostadas</ h3 >
55
+ < p > S/.7.00 </ p >
56
+ </ div >
57
+ < div class ="card ">
58
+ < img src ="imagenes/yougurt.jpeg " alt ="">
59
+ < h3 > Yougurt</ h3 >
60
+ < p > S/.5.00 </ p >
61
+ </ div >
62
+ < div class ="card ">
63
+ < img src ="imagenes/kingkong.jpeg " alt ="">
64
+ < h3 > kingkong</ h3 >
65
+ < p > S/.10.00 </ p >
66
+ </ div >
67
+ < div class ="card ">
68
+ < img src ="imagenes/granola.jpeg " alt ="">
69
+ < h3 > Granola</ h3 >
70
+ < p > S/.6.00 </ p >
71
+ </ div >
72
+ < div class ="card ">
73
+ < img src ="imagenes/paneton.jpeg " alt ="">
74
+ < h3 > kingkong</ h3 >
75
+ < p > S/.10.00 </ p >
76
+ </ div >
77
+ < div class ="card ">
78
+ < img src ="imagenes/kingkong.jpeg " alt ="">
79
+ < h3 > Paneton Bello Horizonte</ h3 >
80
+ < p > S/.19.00 </ p >
81
+ </ div >
82
+ < div class ="card ">
83
+ < img src ="imagenes/bolitasChocolate.jpeg " alt ="">
84
+ < h3 > kingkong</ h3 >
85
+ < p > S/.1.50 </ p >
86
+ </ div >
87
+ < div class ="card ">
88
+ < img src ="imagenes/AlgarrobinaMiel.jpeg " alt ="">
89
+ < h3 > Algarrobina y Miel</ h3 >
90
+ < p > S/.25.00 </ p >
91
+ </ div >
92
+ < div class ="card ">
93
+ < img src ="imagenes/kingkong.jpeg " alt ="">
94
+ < h3 > kingkong</ h3 >
95
+ < p > S/.10.00 </ p >
96
+ </ div >
97
+ < div class ="card ">
98
+ < img src ="imagenes/Queso.jpeg " alt ="">
99
+ < h3 > Queso</ h3 >
100
+ < p > S/.16.00 kg </ p >
101
+ </ div >
102
+ < div class ="card ">
103
+ < img src ="imagenes/kingkong.jpeg " alt ="">
104
+ < h3 > kingkong</ h3 >
105
+ < p > S/.10.00 </ p >
106
+ </ div >
107
+ < div class ="card ">
108
+ < img src ="imagenes/kingkong.jpeg " alt ="">
109
+ < h3 > kingkong</ h3 >
110
+ < p > S/.10.00 </ p >
111
+ </ div >
112
+ < div class ="card ">
113
+ < img src ="imagenes/kingkong.jpeg " alt ="">
114
+ < h3 > kingkong</ h3 >
115
+ < p > S/.10.00 </ p >
116
+ </ div >
117
+ < div class ="card ">
118
+ < img src ="imagenes/kingkong.jpeg " alt ="">
119
+ < h3 > kingkong</ h3 >
120
+ < p > S/.10.00 </ p >
121
+ </ div >
122
+ < div class ="card ">
123
+ < img src ="imagenes/kingkong.jpeg " alt ="">
124
+ < h3 > kingkong</ h3 >
125
+ < p > S/.10.00 </ p >
126
+ </ div >
127
+ < div class ="card ">
128
+ < img src ="imagenes/kingkong.jpeg " alt ="">
129
+ < h3 > kingkong</ h3 >
130
+ < p > S/.10.00 </ p >
131
+ </ div >
132
+ < div class ="card ">
133
+ < img src ="imagenes/kingkong.jpeg " alt ="">
134
+ < h3 > kingkong</ h3 >
135
+ < p > S/.10.00 </ p >
136
+ </ div >
137
+ < div class ="card ">
138
+ < img src ="imagenes/kingkong.jpeg " alt ="">
139
+ < h3 > kingkong</ h3 >
140
+ < p > S/.10.00 </ p >
141
+ </ div >
142
+ < div class ="card ">
143
+ < img src ="imagenes/kingkong.jpeg " alt ="">
144
+ < h3 > kingkong</ h3 >
145
+ < p > S/.10.00 </ p >
146
+ </ div >
147
+ < div class ="card ">
148
+ < img src ="imagenes/kingkong.jpeg " alt ="">
149
+ < h3 > kingkong</ h3 >
150
+ < p > S/.10.00 </ p >
151
+ </ div >
152
+ < div class ="card ">
153
+ < img src ="imagenes/kingkong.jpeg " alt ="">
154
+ < h3 > kingkong</ h3 >
155
+ < p > S/.10.00 </ p >
156
+ </ div >
157
+ < div class ="card ">
158
+ < img src ="imagenes/kingkong.jpeg " alt ="">
159
+ < h3 > kingkong</ h3 >
160
+ < p > S/.10.00 </ p >
161
+ </ div >
162
+ < div class ="card ">
163
+ < img src ="imagenes/kingkong.jpeg " alt ="">
164
+ < h3 > kingkong</ h3 >
165
+ < p > S/.10.00 </ p >
166
+ </ div >
167
+ < div class ="card ">
168
+ < img src ="imagenes/kingkong.jpeg " alt ="">
169
+ < h3 > kingkong</ h3 >
170
+ < p > S/.10.00 </ p >
171
+ </ div >
172
+ < div class ="card ">
173
+ < img src ="imagenes/kingkong.jpeg " alt ="">
174
+ < h3 > kingkong</ h3 >
175
+ < p > S/.10.00 </ p >
176
+ </ div >
177
+ < div class ="card ">
178
+ < img src ="imagenes/kingkong.jpeg " alt ="">
179
+ < h3 > kingkong</ h3 >
180
+ < p > S/.10.00 </ p >
181
+ </ div >
182
+ < div class ="card ">
183
+ < img src ="imagenes/kingkong.jpeg " alt ="">
184
+ < h3 > kingkong</ h3 >
185
+ < p > S/.10.00 </ p >
186
+ </ div >
187
+ < div class ="card ">
188
+ < img src ="imagenes/kingkong.jpeg " alt ="">
189
+ < h3 > kingkong</ h3 >
190
+ < p > S/.10.00 </ p >
191
+ </ div >
192
+ < div class ="card ">
193
+ < img src ="imagenes/kingkong.jpeg " alt ="">
194
+ < h3 > kingkong</ h3 >
195
+ < p > S/.10.00 </ p >
196
+ </ div >
197
+ < div class ="card ">
198
+ < img src ="imagenes/kingkong.jpeg " alt ="">
199
+ < h3 > kingkong</ h3 >
200
+ < p > S/.10.00 </ p >
201
+ </ div >
202
+ < div class ="card ">
203
+ < img src ="imagenes/kingkong.jpeg " alt ="">
204
+ < h3 > kingkong</ h3 >
205
+ < p > S/.10.00 </ p >
206
+ </ div >
207
+ < div class ="card ">
208
+ < img src ="imagenes/kingkong.jpeg " alt ="">
209
+ < h3 > kingkong</ h3 >
210
+ < p > S/.10.00 </ p >
211
+ </ div >
212
+ < div class ="card ">
213
+ < img src ="imagenes/kingkong.jpeg " alt ="">
214
+ < h3 > kingkong</ h3 >
215
+ < p > S/.10.00 </ p >
216
+ </ div >
217
+ < div class ="card ">
218
+ < img src ="imagenes/kingkong.jpeg " alt ="">
219
+ < h3 > kingkong</ h3 >
220
+ < p > S/.10.00 </ p >
221
+ </ div >
222
+ < div class ="card ">
223
+ < img src ="imagenes/kingkong.jpeg " alt ="">
224
+ < h3 > kingkong</ h3 >
225
+ < p > S/.10.00 </ p >
226
+ </ div >
227
+ < div class ="card ">
228
+ < img src ="imagenes/kingkong.jpeg " alt ="">
229
+ < h3 > kingkong</ h3 >
230
+ < p > S/.10.00 </ p >
231
+ </ div >
232
+ < div class ="card ">
233
+ < img src ="imagenes/kingkong.jpeg " alt ="">
234
+ < h3 > kingkong</ h3 >
235
+ < p > S/.10.00 </ p >
236
+ </ div >
237
+ < div class ="card ">
238
+ < img src ="imagenes/kingkong.jpeg " alt ="">
239
+ < h3 > kingkong</ h3 >
240
+ < p > S/.10.00 </ p >
241
+ </ div >
242
+ < div class ="card ">
243
+ < img src ="imagenes/kingkong.jpeg " alt ="">
244
+ < h3 > kingkong</ h3 >
245
+ < p > S/.10.00 </ p >
246
+ </ div >
247
+ < div class ="card ">
248
+ < img src ="imagenes/kingkong.jpeg " alt ="">
249
+ < h3 > kingkong</ h3 >
250
+ < p > S/.10.00 </ p >
251
+ </ div >
252
+ < div class ="card ">
253
+ < img src ="imagenes/kingkong.jpeg " alt ="">
254
+ < h3 > kingkong</ h3 >
255
+ < p > S/.10.00 </ p >
256
+ </ div >
257
+ < div class ="card ">
258
+ < img src ="imagenes/kingkong.jpeg " alt ="">
259
+ < h3 > kingkong</ h3 >
260
+ < p > S/.10.00 </ p >
261
+ </ div >
262
+ < div class ="card ">
263
+ < img src ="imagenes/kingkong.jpeg " alt ="">
264
+ < h3 > kingkong</ h3 >
265
+ < p > S/.10.00 </ p >
266
+ </ div >
267
+ < div class ="card ">
268
+ < img src ="imagenes/kingkong.jpeg " alt ="">
269
+ < h3 > kingkong</ h3 >
270
+ < p > S/.10.00 </ p >
271
+ </ div >
272
+ < div class ="card ">
273
+ < img src ="imagenes/kingkong.jpeg " alt ="">
274
+ < h3 > kingkong</ h3 >
275
+ < p > S/.10.00 </ p >
276
+ </ div >
277
+ < div class ="card ">
278
+ < img src ="imagenes/kingkong.jpeg " alt ="">
279
+ < h3 > kingkong</ h3 >
280
+ < p > S/.10.00 </ p >
281
+ </ div >
282
+ < div class ="card ">
283
+ < img src ="imagenes/kingkong.jpeg " alt ="">
284
+ < h3 > kingkong</ h3 >
285
+ < p > S/.10.00 </ p >
286
+ </ div >
287
+ < div class ="card ">
288
+ < img src ="imagenes/kingkong.jpeg " alt ="">
289
+ < h3 > kingkong</ h3 >
290
+ < p > S/.10.00 </ p >
291
+ </ div >
292
+ < div class ="card ">
293
+ < img src ="imagenes/kingkong.jpeg " alt ="">
294
+ < h3 > kingkong</ h3 >
295
+ < p > S/.10.00 </ p >
296
+ </ div >
297
+ < div class ="card ">
298
+ < img src ="imagenes/kingkong.jpeg " alt ="">
299
+ < h3 > kingkong</ h3 >
300
+ < p > S/.10.00 </ p >
301
+ </ div >
302
+ < div class ="card ">
303
+ < img src ="imagenes/kingkong.jpeg " alt ="">
304
+ < h3 > kingkong</ h3 >
305
+ < p > S/.10.00 </ p >
306
+ </ div >
307
+ < div class ="card ">
308
+ < img src ="imagenes/kingkong.jpeg " alt ="">
309
+ < h3 > kingkong</ h3 >
310
+ < p > S/.10.00 </ p >
311
+ </ div >
312
+ < div class ="card ">
313
+ < img src ="imagenes/kingkong.jpeg " alt ="">
314
+ < h3 > kingkong</ h3 >
315
+ < p > S/.10.00 </ p >
316
+ </ div >
317
+ < div class ="card ">
318
+ < img src ="imagenes/kingkong.jpeg " alt ="">
319
+ < h3 > kingkong</ h3 >
320
+ < p > S/.10.00 </ p >
321
+ </ div >
322
+ < div class ="card ">
323
+ < img src ="imagenes/kingkong.jpeg " alt ="">
324
+ < h3 > kingkong</ h3 >
325
+ < p > S/.10.00 </ p >
326
+ </ div >
327
+ </ div >
328
+ </ div >
329
+ </ main >
330
+ < footer >
331
+ < div class ="footer ">
332
+ < div class ="container-footer ">
333
+ < p > 2021 © Pagina de practica</ p >
334
+ </ div >
335
+ </ div >
336
+ </ footer >
337
+ < script >
338
+ var scroll = new SmoothScroll ( 'a[href*="#"]' ) ;
339
+ </ script >
340
+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js "> </ script >
341
+ < script type ="module " src ="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js "> </ script >
342
+ < script nomodule src ="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js "> </ script >
343
+ </ body >
344
+ </ html >
0 commit comments