-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (146 loc) · 8.66 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title style="color: red;">Sierra Cordova William Jesus</title>
<style>
body {
background-color:aquamarine;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<a >Inicio</a>
</nav>
<section class="textos-header">
<h1 style="color: red;">William Jesus Sierra Cordova</h1>
<h2 style="color: blue">¨Biografia¨</h2>
</section>
<div class="wave" style="height: 150px; overflow: hidden;"><svg viewBox="0 0 500 150" preserveAspectRatio="none"
style="height: 100%; width: 100%;">
<path d="M0.00,49.98 C150.00,150.00 349.20,-50.00 500.00,49.98 L500.00,150.00 L0.00,150.00 Z"
style="stroke: none; fill: #fff;"></path>
</svg></div>
</header>
<main>
<section class="contenedor sobre-nosotros">
<h2 class="titulo">Un poco sobre mi</h2>
<div class="contenedor-sobre-nosotros">
<img src="img/ilustracion2.svg" alt="" class="imagen-about-us">
<div class="contenido-textos">
<h3 style="color:peru"><span>1)</span><br>BIOGRAFÍA</h3>
<p>Me llamo william jesus sierra cordova, tengo 18 años, vivo en el distrito de Santa Anita-Lima y estudio ingenieria de sistemas en la <a href="https://www.usil.edu.pe/?verified=true" target="_blank">Universidad San Ignacio de Loyola</a>. Elegi esta carrera porque siempre me ha interesado todo lo que hay atras de la tecnologia que usamos, el porque
es asi?, el como llego a hacer eso? y como yo puedo crear eso?, son preguntas que siempre me he planteado y es por ello
que estudio esta carrera, para darle respuesta a mis preguntas, poder crear tecnologia y no solo utilizarla.</p>
<h3 style="color:peru"><span>2)</span><br>HOBBIES</h3>
<p>Desde los 4 años me ha gustado ver deportes en general, desde el futbol hasta la Formula 1.Tambien me gusta
mucho la musica en especial el rock, rock and pop, indie, alternativa, etc. Mis bandas y artistas favoritos actualmente son
The strokes,The voids,Artick Monckeys,C-tangana y Post malone. Ademas de vez en cuando que tengo tiempo libre me
gusta ver series y peliculas como Ozark, Parasite, Fractured, Designated Survivor,etc.</p>
<h3 style="color:peru"><span>3)</span><br>METAS</h3>
<p>Entre mis metas estan terminar la carrera satisfactoriamente, terminar la carrera y ya haber empezado a crear tecnologia.
poder ir a trabajar en el extranjero a crear tecnologia. Asi tambien, poder vivir en <a href="https://www.google.com/search?q=barcelona+catalunia&biw=1280&bih=609&sxsrf=ALeKk01cVTY1_fzVWjPuG-pQbXSlxa-GhQ%3A1624735396397&ei=pH7XYNfkF-6WwbkPo7Kn6Ac&oq=barcelona+catalunia&gs_lcp=Cgdnd3Mtd2l6EAMyBwguEAoQkwIyBAgAEAoyBAgAEAoyBwgAEMkDEAoyBAgAEAoyBAgAEAoyCAgAEBYQChAeOgcIIxCwAxAnOgcIABBHELADOgQIIxAnOgQILhBDOgQIABBDOgoILhCxAxBDEJMCOgcIABCxAxBDOgoILhDHARCvARBDOggIABCxAxCDAToHCC4QsQMQQzoFCAAQsQM6BwguEEMQkwI6AggAOgIILjoHCCMQ6gIQJzoECC4QJzoHCAAQhwIQFDoLCC4QsQMQxwEQowI6CggAELEDEIMBEEM6CggAEIcCELEDEBQ6BQguELEDOgcIABDJAxBDOgQILhAKOgUILhCTAjoICC4QxwEQrwE6BQgAEMkDOgYIABAWEB5KBAhBGABQryJYy2pgq2xoDnACeACAAegBiAGFJpIBBjAuMzAuMZgBAKABAaoBB2d3cy13aXqwAQrIAQnAAQE&sclient=gws-wiz&ved=0ahUKEwjXxp-Bg7bxAhVuSzABHSPZCX0Q4dUDCA4&uact=5" target="_blank">Barcelona</a>, por lo menos unos años.
</p>
</div>
</div>
</section>
<section class="portafolio">
<div class="contenedor">
<h2 class="titulo">Hobbies</h2>
<div class="galeria-port">
<h3 class="titulo">Deportes</h3>
<div class="imagen-port">
<a href="https://www.redbull.com/mx-es/tags/f1" target="_blank">Red Bull F1</a>
</div>
<div class="imagen-port">
<a href="https://www.nba.com/warriors/" target="_blank">Golden State Warriors </a>
</div>
<div class="imagen-port">
<a href="https://www.fcbarcelona.es/es/" target="_blank">F.C.Barcelona</a>
</div>
<h3 class="titulo">Musica</h3>
<div class="imagen-port">
<a href="https://www.thestrokes.com/" target="_blank">The Strokes</a>
</div>
<div class="imagen-port">
<a href="https://www.arcticmonkeys.com/" target="_blank">Artick Monkeys</a>
</div>
<div class="imagen-port">
<a href="https://official.tameimpala.com/" target="_blank">Tame Impala</a>
</div>
<div class="imagen-port">
<a href="https://www.twentyonepilots.com/" target="_blank">Twenty One Pilots</a>
</div>
<div class="imagen-port">
<a href="https://www.youtube.com/c/CultRecordsNYC/featured" target="_blank">The Voidz</a>
</div>
<h3 class="titulo">Series y Peliculas</h3>
<div class="imagen-port">
<a href="https://www.netflix.com/pe/title/80113647" target="_blank">Designated Survivor</a>
</div>
<div class="imagen-port">
<a href="https://www.netflix.com/pe/title/81221938" target="_blank" >Parasite</a>
</div>
<div class="imagen-port">
<a href="https://www.netflix.com/pe/title/80117552" target="_blank">Ozark</a>
</div>
<div class="imagen-port">
<a href="https://www.netflix.com/pe/title/80223997" target="_blank">Fractured</a>
</div>
<div class="imagen-port">
<a href="https://www.amazon.com/Mr-Robot-Season-1/dp/B00YBX664Q" target="_blank">Mr.Robot</a>
</div>
</div>
</section>
</main>
<footer>
<div class="contenedor-footer">
<div class="content-foo">
<h4>Correo Institucional</h4>
<a href="http://www.outlook.com/usil.pe">william.sierra@usil.pe</a>
</div>
<div class="content-foo">
<h4>Twitter</h4>
<a href="https://twitter.com/_wjsc_">@_wjsc_</a>
</div>
<div class="content-foo">
<h4>Instagram</h4>
<a href="https://www.instagram.com/_wjsc_/">@_wjsc_</a>
</div>
<div class="content-foo">
<h4>Compañeros</h4>
<a href="https://claudiaandreacampuzanoaguirre.me/">Claudia Campuzano</a>
</div>
<div class="content-foo">
<a href="https://joseantonioespinomauricio.000webhostapp.com/Index.html">Jose Espino</a>
</div>
<div class="content-foo">
<a href="https://andrealiaga.000webhostapp.com/">Andre Aliaga</a>
</div>
<div class="content-foo">
<a href="https://luiggi3012.github.io/luiggi/#cuarto">Luiggi Taboada</a>
</div>
<div class="content-foo">
<a href="https://stifled-brains.000webhostapp.com/">Piero Sarmiento</a>
</div>
<div class="content-foo">
<a href="https://gonseco.000webhostapp.com/">Gonzalo Sarmiento</a>
</div>
<div class="content-foo">
<a href="https://yuditesmeraldaalarcon.000webhostapp.com/">Judith Alarcón</a>
</div>
<div class="content-foo">
<a href="https://rodrigofernandocasomatos.000webhostapp.com/">Rodrigo Cason</a>
</div>
<div class="content-foo">
<a href="https://leonardo10950.github.io/Sitio-web/">Leonardo Seminario</a>
</div>
</div>
</footer>
</body>
</html>