-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (111 loc) · 4.43 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
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/styles.css">
<script src="https://kit.fontawesome.com/39c47bf221.js" crossorigin="anonymous"></script>
<title>Curriculum</title>
</head>
<body>
<header>
<div class="banner-principal">
<div class="titulo">
<h1> Luciano Portales</h1>
<p class="cualidades">Curioso, motivado y determinado</p>
</div>
<div class="logo-caracteristicas">
<img src="./img/logo.jpg" alt="" width="200px" height="200px"/>
<p>
Genero: Masculino</br>
Lenguajes: C, Java</br>
Nacionalidad: Chileno</br>
</p>
</div>
<div class="Acerca-de">
<div class="tituloAc"><img src="./img/logo.jpg" alt="" width="40px" height="40px"><h2>Acerca de mi</h2></div>
<div class="descripcion">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id,
porro ad. Blanditiis in sint expedita. Et, voluptatem eos nam
amet neque animi fugit molestias temporibus, nulla illum esse quam commodi autem tenetur
fugiat provident doloremque sit omnis at illo cupiditate repellendus minus
ea deserunt. Distinctio, dolores eveniet. Molestiae ducimus animi doloremque tempora
velit quaerat rerum dolor optio ipsam molestias? Id nihil quaerat sunt consectetur culpa?</br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic ex architecto ipsum magni, numquam
libero, facilis dolorum reprehenderit minima earum asperiores nobis esse
eius adipisci minus, aut aliquam maiores odio?
</p>
</div>
<button>Contactame</button>
</div>
</div>
</header>
<section>
<hr>
<h2>Estudios</h2>
<div class="seccion">
<div id="tarjetas">
<div class="tarjeta">
<div class="tituloE"><h5>2019 - ...</h5></div>
<div class="descE">
<p >
Ingeniero ejecución en informatica <br>
Escuela de Ingenieria en informatica <br>
Pontificia Universidad Catolica de <br>
Valparaiso, Chile.
</p>
</div>
</div>
<div class="tarjeta">
<div class="tituloE"><h5>2006 - 2017</h5></div>
<div class="descE">
<p>
Colegio tecnico Diego Echeverria, <br>
el cual obutuve las competencias......
</p>
</div>
</div>
</div>
</div>
<hr>
<h2>Experiencia</h2>
<div class="seccion">
<p id="experiencia">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ration
e natus incidunt repellat quod iste? Nostrum iure laudantium, non blanditiis est fugiat
quaerat excepturi recusandae officia, deserunt, inventore dolor veritatis provident!
</p>
</div>
<hr>
<h2>Habilidades</h2>
<div class="seccion">
<p>C</p>
<progress id="file" max="100" value="80"></progress>
<p>JAVA</p>
<progress id="file" max="100" value="60"></progress>
</div>
</section>
<footer>
<div class="cajaFooter">
<p class="textoFooter">+569XXXXXXX</p>
</div>
<span class="separacion">|</span>
<div class="cajaFooter">
<p class="textoFooter">lportales655@gmail.com</p>
</div>
<span class="separacion">|</span>
<div class="cajaFooter">
<p class="textoFooter">Valparaiso</p>
</div>
<div class="cajaRS">
<p class="textoFooter">
<i class="fab fa-twitter"></i>
<i class="fab fa-facebook-f"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-google-plus-g"></i>
</p>
</div>
</footer>
</body>
</html>