-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
221 lines (177 loc) · 8.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Kevin Tapia</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/Style1.css" rel="stylesheet">
<!--Usé un template desde bootstrapmade y lo voy a ir modificando.-->
</head>
<body>
<!-- ======= Cabecera ======= -->
<header id="header" class="header-tops">
<div class="container">
<h1 span class="titulo1"><a href="#">Kevin Tapia</a></h1>
<h2 class="titulo2">Soy un <span>estudiante/diseñador</span> de Santa Fe Capital</h2>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="#header">Inicio</a></li>
<li><a href="#about">Sobre Mi</a></li>
<li><a href="#contact">Contacto</a></li>
<li><a href="#Draws">Mis Dibujos</a></li>
</ul>
</nav><!-- .nav-menu -->
<div class="social-links">
<a href="https://www.facebook.com/kevin.tapia.3150/" class="facebook"><i class="icofont-facebook"></i></a>
<a href="https://www.instagram.com/kevin_tapia1/" class="instagram"><i class="icofont-instagram"></i></a>
<a title="Unraf" href="https://www.unraf.edu.ar/"><img src="public/Icono-unraf.png" height="35px" width="100%" alt="Unraf"></a>
</div>
</div>
</header><!-- End Header -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
<!-- ======= About Me ======= -->
<div class="about-me container">
<div class="section-title">
<h2>Sobre Mi</h2>
<p>Quien soy?</p>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<p class="font-italic">
Hola! Mi nombre es Kevin Tapia, soy estudiante de la carrera de Producción de Videojuegos y Entretenimiento Digital
en la Universidad Nacional de Rafaela. Estudie Diseño Grafico. Juego de libero para el equipo de voley de UNRaf. Amo dibujar, tocar la guitarra y sobre todas las cosas, pasar horas jugando videojuegos.
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Fecha de nacimiento:</strong> 14 de junio de 2000</li>
<li><i class="icofont-rounded-right"></i> <strong>Telefono:</strong> +54 342 4279562</li>
<li><i class="icofont-rounded-right"></i> <strong>Naci en</strong> Santa Fe, Santa Fe</li>
<li><i class="icofont-rounded-right"></i> <strong>Vivo en</strong> Rafaela, Santa Fe</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Edad: </strong>22 (PorAhora)</li>
<li><i class="icofont-rounded-right"></i> <strong>Grado actual: </strong>2do Año</li>
<li><i class="icofont-rounded-right"></i> <strong>E-Mail:</strong> [email protected]</li>
</ul>
</div>
</div>
</p>
<h4>Intereses</h4>
<p>Como dije anteriormente, Me gusta mucho dibujar y diseñar, es lo que hago la mayor parte del tiempo, tambien me gusta tocar mis instrumentos, pero más que nada la guitarra, ya que fue el primer instrumento que tuve. Pero lo que más me gusta hacer es jugar videojuegos, siempre y cuando mi pc de para ellos, pero me gusta estar probando titulos nuevos o los clasicos de mi infancia.</p>
</div>
</div>
</div><!-- End About Me -->
</section><!-- End About Section -->
<!-- ======= Resume Section ======= -->
<section id="resume" class="resume">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title">Resumen</h3>
<div class="resume-item pb-0">
<ul>
<li>Lisandro de la torre 151, 2300 Rafaela, Santa Fe</li>
<li>(342)-154279562</li>
<li>[email protected]</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Resume Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contacto</h2>
<p>Mis Datos</p>
</div>
<div class="row mt-2">
<div class="col-md-6 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-map"></i>
<h3>Donde encontrarme</h3>
<p>Lisandro de la torre 151, Rafaela 2300, Santa Fe</p>
</div>
</div>
<div class="col-md-6 mt-4 mt-md-0 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-share-alt"></i>
<h3>Perfiles Sociales</h3>
<div class="social-links">
<a href="https://www.facebook.com/kevin.tapia.3150/" class="facebook"><i class="icofont-facebook"></i></a>
<a href="https://www.instagram.com/kevin_tapia1/" class="instagram"><i class="icofont-instagram"></i></a>
</div>
</div>
</div>
<div class="col-md-6 mt-4 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-envelope"></i>
<h3>Mandame un mail!</h3>
<p>[email protected]</p>
</div>
</div>
<div class="col-md-6 mt-4 d-flex align-items-stretch">
<div class="info-box">
<i class="bx bx-phone-call"></i>
<h3>Llamame! (O mandame un mensaje)</h3>
<p>+54 342 4279562</p>
</div>
</div>
</div>
</div>
</section><!-- End Contact Section -->
<!-- ======= Creations Section ======= -->
<section id="Draws" class="Draws">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title" style="color:rgb(138, 137, 137)">Creaciones</h3>
<div class="resume-item pb-0">
<ul>
<li>En este apartado pondre algunos dibujos y diseños ya sean 2d o 3d que fueron hechos por mi (Perdon por la falta de color en los dibujos) :D</li>
<figure class="Dibujos y modelado">
<h4 style="color:rgb(27, 253, 57); font-family: fantasy;">Mi primer dibujo digital</h4>
<p>Sobre este no hay que hablar mucho, a simple vista se sabe quien es. Es de los pocos dibujos que intente pintar.</p>
<img src="public/goku.png" height="250px" width="110%" alt="Dibujo de Goku">
<h4 style="color: brown; font-family: fantasy;">Kitana</h4>
<p>Este es uno de los ultimos dibujos que hice. Es Kitana, Personaje mitico de Mortal Kombat</p>
<img src="public/Dibujo-Kitana.jpg" height="450px" width="60%" alt="Dibujo de Kitana">
</figure>
</ul>
</div>
</div>
</div>
</div>
</section>
<audio src="public/Videos-y-musica/Rock-Base-No-Copy.mp3" width="50px" heigth="70px" controls></audio>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>