-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (176 loc) · 7.81 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
<!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 rel="stylesheet" href="style.css" />
<title>CV Magnifico</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<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=Noto+Sans+Display:wght@200;300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<section class="main-header">
<nav>
<a href="index.html">
<img src="./imagenes/Logo Triangulo.png" alt="yikes borre la imagen"
/></a>
<div class="nav-links">
<ul>
<li><a href="index.html"> HOME</a></li>
<li><a href="#about-me"> ABOUT ME</a></li>
<li><a href="#experience"> EXPERIENCE </a></li>
<li><a href="#skills"> SKILLS</a></li>
<li><a href="#contact"> CONTACT ME</a></li>
</ul>
</div>
</nav>
<div class="carousel-container">
<i class="fas fa-arrow-right" id="nextbtn"></i>
<i class="fas fa-arrow-left" id="prevbtn"></i>
<div class="carousel-slide">
<img src="./imagenes/Image3.jpg" id="lastClone" alt="yikes">
<img src="./imagenes/Image1.jpg" alt="yikes">
<img src="./imagenes/Image2.jpg" alt="yikes">
<img src="./imagenes/Image3.jpg" alt="yikes">
<img src="./imagenes/Image1.jpg" id="firstClone" alt="yikes">
</div>
</div>
<section class="about-me" id="about-me">
<div class="container">
<div class="profile-pic">
<img src="./imagenes/profilepic.jpeg" alt="">
</div>
<div class="about-details">
<div class="about-heading">
<h1>Sobre </h1>
<h2>Mi</h2>
</div>
<h3> Objetivos a corto plazo</h3>
<ul>
<li>Graduarme</li>
<Li>Emigrar</Li>
</ul>
<h3> Objetivos a largo plazo</h3>
<ul>
<li>Comprar casa</li>
<LI>Convertirme en full stack developer</LI>
</ul>
<h3> Gustos y peculiaridades </h3>
<p>
Me gusta jugar videojuegos, ver deportes. Usualmente mi
dia consiste en estudiar y cocinar. Al final de la noche
me desestreso jugando con mis amigos y compartiendo con mi familia.
</p>
</div>
</div>
</section>
<section class="experience" id="experience">
<div class="container">
<div class="section-header">
<h1>Experience</h1>
<h6>Proyectos previamente desarrollados</h6>
</div>
<div class="experience-item">
<div class="experience-img has-margin-right">
<img class="imageexp" src="./imagenes/imgexperience1.png" alt="">
</div>
<div class="experience-description">
<h6>Programa en Java</h6>
<h1> Red Black Trees 29/09/2020</h1>
<p>
Un árbol rojo-negro es un árbol binario de búsqueda equilibrado,
una estructura de datos utilizada en informática y ciencias de
la computación. Programa realizado en NetBeans.
</p>
<a href="https://github.com/UrbinaBarrios/RBTrees-Proyect" target="_blank" class="cta"> Ver detalles</a>
</div>
</div>
<div class="experience-item">
<div class="experience-description has-margin-right">
<h6>Programa en Java</h6>
<h1> Oracle of Kevin Bacon 10/10/2020</h1>
<p>
Los “seis grados de Kevin Bacon” son una variación de la teoría
de los seis grados de separación, que dice que una persona está
conectada con cualquier otra en el mundo por un máximo de seis
conexiones. Programa realizado en NetBeans.
</p>
<a href="https://github.com/UrbinaBarrios/Oracle-KB-"target="_blank" class="cta"> Ver detalles</a>
</div>
<div class="experience-img">
<img class="imageexp" src="./imagenes/imageexperience2.png" alt="">
</div>
</div>
<div class="experience-item">
<div class="experience-img has-margin-right">
<img class="imageexp" src="./imagenes/imageexp3.png" alt="">
</div>
<div class="experience-description">
<h6>Web design</h6>
<h1> Diseno en figma 29/09/2021 </h1>
<p>
Creacion de layout para paginas web y proyectos
utilizando la herramienta de desarrollo de figma.
</p>
<a href="https://www.figma.com/file/V2EFJDxGnhLjzOI1bQ7ZII/layout-terapify-wip?node-id=0%3A1" target="_blank" class="cta"> Ver detalles</a>
</div>
</div>
</div>
</section>
<section class="skills" id="skills">
<div class="container">
<div class="section-header">
<h1>Mis skills</h1>
<h6>Lo que he aprendido</h6>
</div>
<div class="wraper-progressbar" id="pb"></div>
<div class="iconos">
<ul>
<li><a href="javascript:void(0);"><i class="fab fa-python"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-java"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-html5"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-js"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-css3-alt"></i></a></li>
</ul>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="container">
<div class="section-header">
<h1>Contactame</h1>
<H6> Que puedo hacer por ti ?</H6>
</div>
<form action="" class="form">
<label for="name"> Name:</label>
<input type="text" id="name" name="name" placeholder="Introduce tu nombre" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Introduce tu email" required>
<label for="Services">Razon de contacto:</label>
<select name="services" id="service">
<option value="">Ponerme 20</option>
<option value="">Ponerme 20</option>
<option value="">Yikeesss</option
</select>
<label for="Subject">Mensaje:</label>
<textarea name="subject" id="subject" cols="10" rows="10"></textarea>
<input type="submit" value="Submit">
</form>
<p id="thank-you-message">
Mensaje ha sido enviado con exito.
</p>
<div class="section-header" id="informacion">
<H6> Mi Informacion</H6>
</div>
<ul class="redes-sociales">
<li><i class="fab fa-instagram"></i> <a href="https://www.instagram.com/urbinabarrios/?hl=es" target="_blank">Instagram</a></li>
<li><i class="fab fa-whatsapp-square"></i><a href="https://wa.me/+584242135978" target="_blank">Whatsapp</a></li>
</ul>
</div>
</section>
<script src="main.js"></script>
</body>
</html>