-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
559 lines (539 loc) · 36.7 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
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<title>Mi Historia de amor</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- font awesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<!-- main css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- responsive css -->
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<!-- favicon -->
<link rel="shortcut icon" href="Favicon/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="Favicon/favicon.ico" type="image/x-icon">
<link rel="icon" href="Favicon/favicon.ico" type="image/x-icon">
<!-- default color skin -->
<link rel="stylesheet" type="text/css" href="css/skins/color-1.css">
<!-- style switcher - for demo purposes only -->
<link rel="stylesheet" type="text/css" class="alternate-style" title="color-1" href="css/skins/color-1.css">
<link rel="stylesheet" type="text/css" class="alternate-style" title="color-2" href="css/skins/color-2.css" disabled>
<link rel="stylesheet" type="text/css" class="alternate-style" title="color-3" href="css/skins/color-3.css" disabled>
<link rel="stylesheet" type="text/css" class="alternate-style" title="color-4" href="css/skins/color-4.css" disabled>
<link rel="stylesheet" type="text/css" class="alternate-style" title="color-5" href="css/skins/color-5.css" disabled>
<link rel="stylesheet" type="text/css" href="css/style-switcher.css">
</head>
<body>
<!-- preloader start -->
<div class="preloader">
<div class="box">
<div></div><div></div><div></div>
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header class="header">
<div class="container">
<div class="row justify-content-between">
<div class="logo">
<a href="index.html">K</a>
</div>
<div class="hamburger-btn outer-shadow outer-shadow hover-in-shadow">
<span></span>
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- Navegacion del menu init -->
<nav class="nav-menu">
<div class="close-nav-menu outer-shadow hover-in-shadow">×</div>
<div class="nav-menu-inner">
<ul>
<li><a href="#home" class="link-item inner-shadow active">Inicio</a></li>
<li><a href="#about" class="link-item outer-shadow hover-in-shadow">Acerca de nosotros</a></li>
<li><a href="#portfolio" class="link-item outer-shadow hover-in-shadow">Recuerdos</a></li>
<li><a href="#contact" class="link-item outer-shadow hover-in-shadow">Despedida</a></li>
</ul>
</div>
<!-- Copyright text -->
<p class="copyright-text">© 2022 Frank Borja - Desrrollador Web</p></nav>
<div class="fade-out-effect">
</div>
<!-- Navegacion del menu end -->
<!-- Home section start -->
<section class="home-section section active" id="home">
<!-- effect wrap strat -->
<div class="effect-wrap">
<div class="effect effect-01">
</div>
<div class="effect effect-02">
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
</div>
<div class="effect effect-03"></div>
<div class="effect effect-04"></div>
<div class="effect effect-05"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
</div>
</div>
<!-- effect wrap end -->
<div class="container">
<div class="row full-screen align-items-center">
<div class="home-text">
<p>Hola les presento</p>
<h2>Mi Historia de amor</h2>
<h1>Junto a Karla Toala</h1>
<a href="#about" class="link-item btn-1 outer-shadow hover-in-shadow">Más sobre nosotros</a>
</div>
<div class="home-img">
<div class="img-box inner-shadow">
<img src="img/01-profile.jpg" class="outer-shadow" alt="profile-pic">
</div>
</div>
</div>
</div>
</section>
<!-- Home section end -->
<!-- About Section Start -->
<section class="about-section section" id="about">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-heading="">Sobre Nosotros</h2>
</div>
</div>
<div class="row">
<div class="about-img">
<div class="img-box inner-shadow">
<img src="img/03-profile.jpg" class="outer-shadow" alt="profile-pic">
</div>
</div>
<div class="about-info">
<p><span>¡Hola Karla!. </span>O Hola mi amor, la verdad quise tener este pequeño detalle hacia ti esperando de corazón de que sea de tu agrado, sé que no es lo más romántico del mundo o lo más hermoso que te han regalo pero lo hice con la mejor actitud del mundo y de todo corazón, la verdad nunca había realizado algo así por alguien y creo que nunca más lo haría, pero por ti hare todo lo que un día dije que jamás haría solo porque en serio quiero que seas tu y sé que cada detalle cada mínima cosa que eh echo lo hice de corazón porque vales la pena, Te amo Karla.</p>
<p>Como empezar esta historia la verdad no lo sé, solo recuerdo que un 6 de febrero del 2022 una señorita tan hermosa, bella, con un carisma increíble me lanza una indirecta muy fuerte hacia mía diciendo "Pilas Frank para ver una serie juntos" en la cual yo acepte la verdad no sé porque lo hice ya que muy poco me gusta compartir con una persona por lo general eh sido alguien solitario siempre, pero bueno ese no es punto. Muy amablemente acepte, ella me envió la solicitud a mi discord y la cual se la acepte y esa misma noche por primera vez fue donde me sentí alegre, me sentí en paz un poco nervioso la verdad que si pero me sentía bien a su lado, al siguiente día fue lo mismo jugamos juntos con otros amigos y al finalizar la noche eso de las 11:00 o 12:00 p.m. volvimos a ver otro capítulo juntos así hasta el 9 de febrero del 2022, aquella noche era su cumpleaños y yo no lo sabía pero aún así aquella dama sin importar de que era su cumpleaños me invito a compartir su noche junto a ella y poder ver nuestra serie juntos. Al día siguiente me entero de que era su cumpleaños yo todo apenado le envió un mensaje deseándole lo mejor en su día y ella sin importar de que no lo sabía y no se lo dije en la noche cuando compartimos juntos lo recibió de la mejor manera, en serio Karla eres una chica que lo vales todo. un 18 de febrero del 2022 ella me dijo para ver un episodio más de nuestras serie a ella le dio miedo esa noche por lo que estábamos viendo y como yo se ella no puede dormir cuando tiene miedo y me dijo por primera vez "Yo no sé Frank hoy duermes conmigo en llamada" Y yo todo apenado le dije que sí y pasamos una de las mejores noches, ella me converso de un tema que muy pocas personas saben o creo que nadie sabe y al contarme de aquel problema me sentí el hombre más feliz del mundo no sabría explicarlo porque me sentí amado, me sentí que me estaba entregando toda su confianza, me estaba dando todo de ella y la escuche con mucha atención y le brinde mi opinión.</p>
</div>
</div>
<div class="history">
<p>Se que esta historia se está haciendo muy larga, pero quiero que quede este repositorio queden guardado mis mejores momentos de toda mi vida.</p>
<p>Me estaba saltando una parte, recuerdo que el 17 de febrero fue cuando te pregunte si ¿Querías ser mi dúa? a lo cual aceptaste toda nerviosa que repetiste mi pregunta JAJAJAJA y la verdad hasta yo estaba lleno de nervios ya que por primera vez en mi vida le pregunto a alguien si quisiera compartir algo conmigo a lo cual la verdad tenía el miedo a ser rechazado pero no sucedió me aceptaste al igual como en la tarde del 19 de febrero que por una indirecta que me enviaste por stiker decidí tener el valor de decirte que me gustabas y poder intentar algo contigo y recuerdo que te pregunte claramente si ¿Querías algo serio o solo de joda? a lo cual respondiste que para algo serio porque si teníamos algo de joda te ibas a enamorar e iba hacer algo peor, créeme que desde ese día soy el hombre más feliz del mundo porque estuve con alguien que valió cada segundo de mi vida, en la cual me sentí amado, me sentí querido desde el 19 de febrero eh vuelto a sonreír con cada momento juntos cada tontería juntos cada segundo a tu lado créeme que me lo paso de lo mejor, un 10 de marzo me entero de que había otra persona en la relación créeme que al saber eso se me vino el mundo encima no sabía que hacer o cómo actuar en ese momento en aquella noche, luego el sábado 12 de marzo regresamos pero decidiste volver a fallarme al día siguiente en menos de 24H lo volviste a buscar pero aun así el marte 15 de marzo te volví a buscar pero solucionar las cosas ya que había visto los videos que grabaste hablándole a tik tok, y al ver todo lo que hablaste de mi decidí volver a buscarte perdiendo mi orgullo y todo te busque hablamos las cosas me prometiste que si querías estar conmigo pero el 17 de marzo intentaste no fallar pero esa confución te pudo y te entiendo pero ese día me volviste a fallar dejándome echo mierda, te pedí que te desaparecieras de mi vida lo cual lo hiciste al igual yo te quería sacar totalmente de mi vida pero aún no tengo el valor de hacerlo, te volví a buscar el 21 de marzo en la madrugada hablamos las cosas el 22 y regresamos el 23 de marzo, pues desde allí créeme que me sentí de lo mejor no me fallaste no me mentías no me ocultabas nada cosa que te pedía como un video o un audio me lo enviabas sin pero alguno sin miedo alguno me sentí muy seguro a tu lado, y ese mismo día te fuiste donde te amiga para poder rendir el examen junto a ella, y recuerdo que te pedí un video donde saliera ella y me lo enviaste créeme que me sentí muy bien a tu lado, al día siguiente me llamaste para poder compartir otro momento juntos recuerdo que vimos una película casi no podías hablar porque estaba ella pero no te importo que te escuchara diciéndome "Amor" o cositas así no te importo nada que simplemente me dedicaste todo ese tiempo para mí. Luego un día antes de tu graduación el 31 de marzo estuviste todo el día ocupada, estresada estabas con vuestro padre, pero aun así veías la manera o el tiempo de enviarme un audio diciendo lo mucho que me amabas o el audio que lo escucho a diario que dice "Oye Virus mi amor, Te amo mucho lo sabias Mucho Mucho mucho...". Con tan solo 6 segundos me habías echo el hombre más feliz de todo este mundo, con tan solo 6 segundos te fasto para poderme sacarme una sonrisa y enamorarme más de ti, y así como ese audio tengo muchos más que cada vez que los escucho recuerdo lo feliz que soy a tu lado, lo afortunado que soy en tenerte a mi lado. Te amo con toda mi alma Karla, solo espero de corazón hayas leído todo esto y si no pues muchas gracias de igual manera.
Gracias por darme la oportunidad de conocerte en persona ese 16 de abril, quedara marcado como un día inolvidable para mí, la verdad cuando te vi por primera vez no sabía que decirte o hacer eras la misma niña, hermosa, bella, preciosa, toda una reina como la había visto en fotos y videos llamadas eres muy hermosa créeme, simplemente me baje del taxi y ese abrazo que me diste me hizo olvidar totalmente del mundo solo eras tú en mis brazos por primera vez, luego como olvidar el cómo me presentaste a vuestros amigos y familiares como "Tu Novio" creme que en ese momento se me olvidaron todas mis inseguridades todos mis miedos a perderte porque lo dijiste de una manera tan única tan especial que sentí que lo dijiste con el alma, luego eran risas nerviosas de ambos, nuestras mirabas JAAJAJ todas nerviosas nuestros besos tan perfectos que recuerdo que me habías dicho de que no me podías besar bien porque estaban los papás de Gema pero después de un rato se te olvidaron los padres de ellas que me diste un beso bien sin miedo alguno, en ese instante era el hombre más feliz del mundo sin duda alguna hasta el momento de ahora que estoy escribiendo esto tal vez tenga lágrimas en mis ojos pero también tengo una sonrisa de tan solo pensar en aquel momento. Luego estábamos pendiente de la hora estábamos buscando el cómo podíamos irnos, hasta que llego el taxi y nos fuimos y en el camino éramos nervioso hasta la llegada que estabas full asustada porque no nos abrían la puerta y tenías miedo de que alguien te viera, ya luego entramos y esto lo hablo por mi pase una de las mejores noches de mi vida créeme que nunca en mi vida había sido tan feliz como lo fui en esa noche por el simple hecho de que te entregaste a mi sin miedo o duda alguna y sabes de que eso lo valoro muchísimos nunca en mi vida voy a olvidar aquella noche. </p>
</div>
<!-- About tabs start -->
<div class="row">
<div class="about-tabs">
</div>
</div>
<!-- About tabs end -->
</div>
</section>
<!-- About Section end -->
<!-- Portfolio section start -->
<section class="portfolio-section section" id="portfolio">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-heading="Galeria">Recuerdos en Fotografias</h2>
</div>
</div>
<!-- Portfolio filter start -->
<div class="row">
<div class="portfolio-filter">
</div>
</div>
<!-- Portfolio filter end -->
<div class="history">
<p>Aquí están los recuerdos que más me han marcado durante estos 2 meses a tú lado. Hay otros recuerdos y fotos que no puedo mencioanr o poner porque prometí que aquella ocasión solo se quedaba entre los 2 y voy a cumplir mi promesa, pero Karla sabes muy bien cuales son esos recuerdos.</p>
</div>
<!-- Portfolio items start -->
<div class="row portfolio-items">
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/01.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/01.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Noche inolvidable</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>Sábado 16 de abril el recuerdo más hermoso que me llevo, aquella noche cocnocí por primera vez al amor de mi vida y se entrgo a mi sin miedo alguno.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/02.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/02.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Para una de las mejores Videos Llamada</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>Jueves 31 de marzo aquella noche estabas nerviosa porque al día siguiente era vuestra graduación pero aún así estabas remantica y detallista que me dedicabas corazones.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/03.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/03.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Por primera vez complete lo de dúo dinamico</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>El 10 de abril por primera vez logre completar lo de dúo dinamico junto al amor de mi vida, en tan solo 18 días lo completamos.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/04.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/04.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Nuestro sueño juntos</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>11 de abril, fue cuando gracias a la aplicación "Noteit" dibujaste nuestro gran sueño juntos que es poder vivir juntos, tener nuestra casa juntos a nuestra hija y mascotas.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/005.png" alt="portfolio" data-screenshots="img/portfolio/large/History/005.png">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Viaje a Marte Juntos</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>28 de abril, te envide nuestro boleto para ir a marte y junto a el te dedique una ultima canción "Vamonos a Marte".</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/05.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/05.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Risas inolvidables</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>30 de marzo, recuerdo que te hice la video llamada que no te esperabas JAJAJA porque me habías dicho "Amor llamame" y te hice una video llamda y estabas hermosa como siempre y toda nerviosa porque no te lo esperabas y las risas AJAJA es lo que nunca nos falataban.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/006.png" alt="portfolio" data-screenshots="img/portfolio/large/History/006.png">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Jugamos Fortnite</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>04 de abril fue cuando me dijiste por primera vez "Amor vamos a jugar Fortnite", créeme que de corazón no me lo esperaba que tú Karla Toala queria jugar FOrtnite conmigo Nooooo es que aún no lo supero te lo juro, pero me lo pase de lo mejor eso te lo aseguro, me hiciste el hombre más feliz. Te Amo.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/06.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/06.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Primeras 12H en llamada</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>06 de abril fue la primera vez cuando cumplimos 12H en llamada AJAJJA quien lo diria Frank cumpliendo 12H en llamadas increíble, pero créeme que contigo nunca me aburria estando en llamada siempre tenias de que hablar nunca nos quedabamos sin ideas o sin saber de que hablar.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/07.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/07.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Podiamos con todo</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>3 de abril, apesar de los problemas que tenia con mi conexión de luz que no podiamos hablar bien, buscamos la manera de siempre hablar y recuerdo que tuviste un día muy pesado pero aún así pudimos hablar y dormir en llamda juntos.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/08.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/08.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Por primera vez me presumiste en tus redes</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>30 de marzo fue cuando por primera vez subiste una foto mía a vuestra historia de instagram que lo vieron muchas personas pero apesar de eso no te importo, hasta recuerdo que un familiar vuestro la vio pero no te importo en ningun momento quitaste la foto gracias la verdad por a verlo echo.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/09.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/09.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Subiste una foto juntos a pesar de todo</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>17 de abril, subiste una foto juntos con una muy hermosa canción a pesar de que no estabamos en nuestro mejor momento aún asi la subiste y etiquetaste.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/10.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/10.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Querias que lo nuestro funcionara</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>4 de abril no habiamos tenido un buen día pero aún asi no te rendiste buscamos solución a nuestro problema y me dijiste "Eres el Homnre de mi vida" creéme que aquellas palabras las llevo marcadas ya que nunca nadie me las había dicho o me había mostrado tanto interes como tú me lo mostraste.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/11.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/11.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Me hice tú K en mi cabello</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>13 de abril te cumpli un cabricho o deseo la verdad no se como llamarlo pero os complací haciendome vuestra "K" en mi cabello, me recuerdo que no lo creias y estabas tan emocionada por verla.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
<!-- Portfolio item start -->
<div class="portfolio-item">
<div class="portfolio-item-inner outer-shadow">
<div class="portfolio-item-img">
<img src="img/portfolio/thumb/12.jpg" alt="portfolio" data-screenshots="img/portfolio/large/History/12.jpg">
<!-- view project btn -->
<span class="view-project">Ver Foto</span>
</div>
<p class="portfolio-item-title">Dibujo que me alegro el día</p>
<!-- portfolio item details start -->
<div class="portfolio-item-details">
<div class="row">
<div class="description">
<h3>Resumen:</h3>
<p>14 de abril, como ya antes mencione que gracias a aquella app me dibujaste una frase que tampoco nadie me la había dicho nunca pero solo tú y siempre tú serás la primera en muchas cosas y aquella frase creéme me sacaste una sonrisa y hasta una lagrima ya que no me la esperaba.</p>
</div>
</div>
</div>
<!-- portfolio item details end -->
</div>
</div>
<!-- Portfolio item end -->
</div>
<!-- Portfolio items end -->
</div>
</section>
<!-- Portfolio section end -->
<!-- contact section start -->
<section class="contact-section section" id="contact">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-heading="">Carta de Despedida</h2>
</div>
</div>
<div class="row">
<div class="history">
<p>Bueno Karla creó que nuestra historia ya no dio para más créeme que me duele que esto se acabe no se el como dejarte o soltarte la verdad me enamore prefundamente y de corazón de ti, me duele mucho el simple echo de saber que ya no podre escuchar tu voz diciendome "Amor de mi vida", "Amor Vamos a jugar", "Virus mi amor", etc me duele el echo de saber que ya no dormire más contigo en llamada cuando antes de conocerte decia que eso eran para niños ridiculos y sin nada que hacer y como cambia la vida ahora necesito de tu llamada para poder dormir ya que así sea enojados o peleados nos dormiamos en llamda, así no hablaramos pero ahí estabamos el uno para el otro, créeme que contigo fui el hombre más feliz del mundo estando a tu lado, me llevo los mejores recuerdo de ti cada llamada, cada risa, cada Te amo, todo simplemente para mi eres perfecta a pesar de todo lo que hemos pasado para eres perfecta sin duda alguna sin pero alguno si la gente dice lo contrario te defendere hasta más no poder ya que a mi me demostraste que eres perfecta que eres una chica que vale la pena llorar y rogar ya que yo lo hice sin dudarlo, vales mucho Karla lo vales todo, llegue a perder mi orgullo contal de estar a tu lado, para mi créeme que valió la pena no me arrepiento de nada. Te ame, Te amo y Te amare toda una vida, fuiste y eres el amor de mi vida sin brujeria entre medio, y como ya te eh mencionado antes para mi eres <span>MI PRIMER AMOR</span>, y sabes muy bien porque lo digo o porque lo siento pero para mi lo eres, espero algun momento de la vida volver a coincidir contigo en algun lugar del mundo o poder verte feliz que hallas logrado tu sueños, tus metas y que seas una gran doctora, que si el día de mañana este apunto de morir o por mi humor resulte herido espero que la vida me lleve a ti y me puedas atender o si es posible operar o que llegues a atender a mis hijos y los puedas sanar, yo creó en ti se que vas a lograr y así no sepa nada de ti y me llegue la noticia de que conseguiste un logro así sea el más minimo aqui estare apoyandote y celebrando cada logro tuyo, te mereces el mundo entero Karla.</p>
<p>Gracias por todo por absolutamente todo muchas gracias, reitero contigo viví cosas nuevas cosas unicas que me decia a mi mismo que nunca las viviria pero por ti lo hice, eh incluso esta simple web nunca lo habia echo por nadie, yo me decía antes que no iba a gastar mi conocimiento o tiempo haciendo una página o un programa para alguien pero veme aqui escribiendo y desarrollando esta página solo para ti y la verdad para mi también ya que aqui estara toda la hermosa historia de amor que vivi contigo, si un dia pierdo la memmoria o me muera aqui estara escrito y en fotos mis 2 meses de felicidad pura que en toda mi vida nunca habia sentido tan feliz como lo fui en estos 2 meses junto a ti. Te amo, Te amo, Te amo no me cansare de decirlo simplemente <span>TE AMO Y ERES TODA MI VIDA KARLA TOALA</span> </p>
<p>Bueno ahora me tocá pedirte disculpas por si en algún momento de nuestra relación te lastime o herí con alguna acción o palabra que te dije, disculpa si alguna vez te llegue a alzar la voz, disculpa por si te hice perder vuestro tiempo conmigo, disculpa por a verte buscado una y otra vez, disculpa por todo más bien PERDÓN por todo</p>
<p>Te amo y te amare toda una vida, lastimosamente lo nuestro llegó a su fin no de mi parte ya que yo quisiera que lo nuestro continue pero me pides cosas que no se como hacerlas, me pides tu privacidad mientras tanto con esa privacidad buscas a otra persona o vez la manera de hablarle a otra persona y no puedo confiar en tí trato la verdad trato de confiar en tí pero también debes de poner de tu parte, lo ibas haciendo muy bien creéme que si estaba volviendo a confiar en ti porque cosa que te pedía cosas que hacías, te pedia una captura y me la envíabas, te pedia que me compartieras pantalla y lo hacías sin duda o miedo alguno, tu misma me pasaste tu cuenta de gmail sin necesidad de pedirtela y creéme que me senti de lo más seguro a tu lado pero llegó el sábado hicimos lo que hicimos y me votaste de la fiesta esperaste a que me fuera para poder salir a difrutar y bailar cuando te había dicho en el motel mirandote a los ojos "Karla quiero pasar el resto de la noche contigo a tu lado". Ya que sabias que no veia solo para acostarme contigo esa nunca fue mi intención yo queria compartir contigo aquella noche tener un monton de fotos, que hasta incluso baila por las noches yo solo mientrtas dormias ya que no queria que pasaras verguenza al bailar conmigo, pero la verdad prefiero ya no recordar lo malo prefiero escribir y recordar todos nuestros bonitos momentos, no quiero llevarme los malos recuerdos solo quiero quedarme a vivir en los buenos. Así que te dejo ir que seas feliz si es así que lo decides no te puedo obligar a quedarte conmigo pero como quisiera que te quedaras, pero si eres feliz sin mi adelante se feliz, si necesitas que desaparezca de tu vida solo dimelo y me ire con dolor si pero me ire, Solo quiero estar contigo y luchar por ese amor o ese futuro juntos que deseamos tener. te amo, Te Reamo y espero seas feliz, eres mi vida...... </p>
<p>Posdata: Disculpen las faltas ortográficas la verdad todo esto lo escribí teniendo tragos encima o con lagrimas en mis ojos, y la verdad el programa donde fue codificado todo esto es un editor de código más no un editor de texto donde me puede correguir las faltas ortográficas.</p>
<div class="history">
<p>Esto va diriguido para el amor de mi vida Karla Isabelly Toala Ortega, espero que te guste y si gustas conservar este detalle guarda el link ya que este repositorio estara subido a internet o nunca lo quitare o borrare, Te amo con toda mi vida y cada celula de mi cuerpo. Eres y seras el amor de mi vida </p>
</div>
</div>
</div>
</section>
<!-- contact section end -->
<!-- Portfolio popup start -->
<div class="pp portfolio-popup">
<div class="pp-details">
<div class="pp-details-inner">
<div class="pp-title">
<h2></h2>
<p> <span class="pp-project-category"></span></p>
</div>
<div class="pp-project-details">
</div>
</div>
</div>
<div class="separator"></div>
<div class="pp-main">
<div class="pp-main-inner">
<div class="pp-project-details-btn outer-shadow hover-in-shadow">Detalles del Recuerdo <i class="fas fa-plus"></i>
</div>
<div class="pp-close outer-shadow hover-in-shadow">×</div>
<img src="img/portfolio/large/project-1/1.png" alt="img" class="pp-img outer-shadow">
<div class="pp-counter"></div>
</div>
<div class="pp-loader">
<div></div>
</div>
<!-- pp navigation -->
<div class="pp-prev"><i class="fas fa-play"></i></div>
<div class="pp-next"><i class="fas fa-play"></i></div>
</div>
</div>
<!-- Portfolio popup end -->
<!-- style switcher start - for demo purposes only -->
<div class="style-switcher outer-shadow">
<div class="style-switcher-toggler s-icon outer-shadow hover-in-shadow">
<i class="fas fa-cog fa-spin"></i>
</div>
<div class="day-night s-icon outer-shadow hover-in-shadow">
<i class="fas"></i>
</div>
<h4>Temas de Colores</h4>
<div class="colors">
<span class="color-1" onclick="setActivateStyle('color-1')"></span>
<span class="color-2" onclick="setActivateStyle('color-2')"></span>
<span class="color-3" onclick="setActivateStyle('color-3')"></span>
<span class="color-4" onclick="setActivateStyle('color-4')"></span>
<span class="color-5" onclick="setActivateStyle('color-5')"></span>
</div>
</div>
<!-- style switcher end -->
<!-- main js -->
<script src="js/main.js"></script>
<!-- style switcher js -->
<script src="js/style-switcher.js"></script>
</body>
</html>