-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (45 loc) · 3.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Estilo principal --->
<link rel="stylesheet" href="styles.css">
<!--Fuentes --->
<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:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rock+Salt&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
<title>Portafolio</title>
</head>
<body>
<div id="header">
<ul>
<li class="lista"><a href="https://example.com/" target="_blank">Inicio</a></li>
<li class="lista"><a href="https://example.com/" target="_blank">Proyectos</a></li>
<li class="lista"><a href="https://example.com/" target="_blank">Acerca de mi</a></li>
<li class="lista"><a href="https://example.com/" target="_blank">Contacto</a></li>
</ul>
</div>
<section>
<div id="titulo">
<h1>
Nicolas Triana
<br>
Desarrollador
</h1>
<div class="icons">
<img src="media/github-line.svg" onmouseover="this.src='media/github-fill.svg'" onmouseout="this.src='media/github-line.svg'" alt="github-icon" class="github-line">
<img src="media/linkedin-box-line.svg" onmouseover="this.src='media/linkedin-box-fill.svg'" onmouseout="this.src='media/linkedin-box-line.svg'" alt="linkedin-icon" class="linkedin-line"></li>
<img src="media/mail-line.svg" onmouseover="this.src='media/mail-fill.svg'" onmouseout="this.src='media/mail-line.svg'" alt="mail-icon" class="mail-line"></li>
</div>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut dapibus arcu. Duis sodales vitae ligula in dictum. Phasellus lobortis nisl eget iaculis consequat. Etiam id sem nec ipsum feugiat posuere in eget risus. Donec at pharetra ipsum. Pellentesque fringilla volutpat augue, vel elementum ligula tincidunt sit amet. Suspendisse in odio vestibulum, porttitor lorem efficitur, ornare urna. Ut velit purus, imperdiet et nisl vel, dapibus imperdiet enim. Vivamus sagittis luctus aliquet. Curabitur a nibh in neque fringilla volutpat gravida id ante. Sed tempor rhoncus eros. Vivamus in imperdiet sem, at sodales massa.
Curabitur vel lorem suscipit, pulvinar diam mattis, rhoncus ipsum. Curabitur non velit tristique, malesuada justo et, tempor dolor. Mauris vitae nulla nec turpis eleifend suscipit. Morbi feugiat nisl ac finibus feugiat. Curabitur mollis odio vitae neque auctor, feugiat scelerisque dui elementum. Nullam non semper lorem, vitae tincidunt turpis. Nunc mauris odio, vulputate et tincidunt sagittis, ultrices quis risus. Integer neque felis, maximus a eleifend sit amet, semper sit amet nunc. Curabitur in mauris at libero malesuada tincidunt. Maecenas cursus sagittis diam, vel efficitur magna bibendum id. Vivamus in tellus ultricies lorem consectetur fermentum. Donec fermentum dui in ante consectetur eleifend.
</p>
</section>
<div id="boton">
<button><a href="media/hoja de vida 2024 2.pdf" download="hoja_de_vida">Resume</a></button>
</div>
</body>
</html>