-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·154 lines (152 loc) · 9.03 KB
/
about.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
<!DOCTYPE html>
<html lang="es">
<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">
<title>Sobre mi</title>
<link rel="stylesheet" href="/estilos/about.css">
<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=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/img/favicon.png">
<!-- Esta es la pagina que incluye informacion acerca de quien soy -->
</head>
<body>
<header>
<h1>Sobre mi</h1>
</header>
<nav class="navegador">
<a href="index.html">Inicio</a>
<a href="about.html">Sobre mi</a>
<a href="clientes.html">Clientes</a>
<a href="contacto.html">Contacto</a>
</nav>
<main>
<section class="slide">
<img src="/img/slide.jpg" alt="slider">
</section>
<section class="descripcion">
<p>
Mi nombre es <strong>Rodrigo Villaseñor</strong> y soy un estudiante de la carrera de <strong>Ingenieria
en computación</strong><br> en la Universidad de Guadalajara. Apasionado por la tecnología, la información y
la programación.<br>Usuario linux, con experincia en algoritmos, desarrollo web, sistemas operativos
y resolución de<br>problemas. Amante de la libertad, el riesgo, la aventura y la exploración. No hay
cosa que disfrute <br>más que andar en moto, crear, aprender y compartir con los que me rodean.
</p>
</section>
<section class="container-1">
<div class="section-title">
<h2>Habilidades</h2>
</div>
<div class="padre-habilidades">
<div class="habilidad">
<h2>Algoritmos</h2>
<a href="https://www.geeksforgeeks.org/fundamentals-of-algorithms/"><img src="https://conceptodefinicion.de/wp-content/uploads/2016/12/Algoritmo2.jpg" alt="algoritmos"></a>
<p>
Conocimiento de algoritmos y <br>estructuras de datos, así como <br>su implementación en lenguajes<br> de programación.
</p>
</div>
<div class="habilidad">
<h2>Desarrollo web</h2>
<a href="https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics"><img src="https://th.bing.com/th/id/R.2211a28e0a154c4b34ff8acfb945dba1?rik=R0jaR4Nk7pwPKw&pid=ImgRaw&r=0" alt="desarrollo web"></a>
<p>
Estudiante activo de desarrollo web, con <br>algunos conocimientos en HTML y CSS.
</p>
</div>
<div class="habilidad">
<h2>Sistemas operativos Linux</h2>
<a href="https://www.linuxfromscratch.org/"><img src="https://i.pinimg.com/originals/3f/30/82/3f308271b0edf17d02c112f2bda9595f.png" alt="Linux"></a>
<p>
Usuario activo de Linux, con <br>conocimientos en la instalación<br> y configuración de sistemas <br>operativos basados en Linux.
</div>
</div>
</section>
<section class="metas">
<div class="container2">
<div class="section-title">
<h2>Metas</h2>
</div>
<div class="metas-container">
<div class="meta">
<div class="iconos">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-affiliate" width="64" height="64" viewBox="0 0 24 24" stroke-width="2" stroke="#fd0061" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M5.931 6.936l1.275 4.249m5.607 5.609l4.251 1.275" />
<path d="M11.683 12.317l5.759 -5.759" />
<circle cx="5.5" cy="5.5" r="1.5" />
<circle cx="18.5" cy="5.5" r="1.5" />
<circle cx="18.5" cy="18.5" r="1.5" />
<circle cx="8.5" cy="15.5" r="4.5" />
</svg>
</div>
<h3>Desarrollar mi propia empresa</h3>
<p>
Mi meta es desarrollar mi propia empresa, <br>con la cual pueda ayudar a las personas a <br>resolver sus problemas.
</p>
</div>
<div class="meta">
<div class="iconos">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-android" width="64" height="64" viewBox="0 0 24 24" stroke-width="2" stroke="#00bfd8" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<line x1="4" y1="10" x2="4" y2="16" />
<line x1="20" y1="10" x2="20" y2="16" />
<path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" />
<line x1="8" y1="3" x2="9" y2="5" />
<line x1="16" y1="3" x2="15" y2="5" />
<line x1="9" y1="18" x2="9" y2="21" />
<line x1="15" y1="18" x2="15" y2="21" />
</svg>
</div>
<h3>Crear un sistema operativo</h3>
<p>
Mi meta es crear un sistema operativo <br>basado en Linux, con el cual pueda <br>mejorar mi dominio en el SO y su kernel.
</p>
</div>
<div class="meta">
<div class="iconos">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-book" width="64" height="64" viewBox="0 0 24 24" stroke-width="2" stroke="#a905b6" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
<path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
<line x1="3" y1="6" x2="3" y2="19" />
<line x1="12" y1="6" x2="12" y2="19" />
<line x1="21" y1="6" x2="21" y2="19" />
</svg>
</div>
<h3>Ser ingeniero en computación</h3>
<p>
Mi meta es graduarme como ingeniero <br>en computación, que me permita <br>desarrollar mi futuro profesional.
</p>
</div>
<div class="meta">
<div class="iconos">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-motorbike" width="64" height="64" viewBox="0 0 24 24" stroke-width="2" stroke="#00b341" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<circle cx="5" cy="16" r="3" />
<circle cx="19" cy="16" r="3" />
<path d="M7.5 14h5l4 -4h-10.5m1.5 4l4 -4" />
<path d="M13 6h2l1.5 3l2 4" />
</svg>
</div>
<h3>Viajar por el mundo en moto</h3>
<p>
Una de mis pasiones es andar en moto, <br>por lo que mi meta es viajar por el mundo <br>en moto, recorriendo todos los lugares <br>que me sea posible.
</p>
</div>
</div>
</section>
<section class="video">
<div class="container3">
<h2>La mayor de mis pasiones...</h2>
<div class="videoYT">
<iframe width="560" height="315" src="https://www.youtube.com/embed/xxwI2WG6T10" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</section>
</main>
<footer>
<p>Todos los derechos reservados © 2023 Rodrigo Villaseñor</p>
</footer>
</body>
</html>