-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (69 loc) · 3.07 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
<!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>Juan Carlos Barreto</title>
<!-- CSS -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<a href="">
<img class="logo" src="img/logo 1.jpg" alt="Logo JuanCBG">
</a>
<nav>
<ul id="menu">
<li class="menu-item">
<a href="#inicio">Inicio</a>
</li>
<li class="menu-item">
<a href="#contacto">Contacto</a>
</li>
</ul>
</nav>
</header>
<!-- La estructura básica y la vinculación con CSS estan listas. A codear! 💪 -->
<!-- En este archivo escriban su HTML -->
<main>
<section id="inicio">
<figure class="presentacion-img">
<img src="https://placekitten.com/400/400" alt="Foto de gato">
</figure>
<article class="presentacion">
<h1>Hola, soy Juan Carlos!</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sunt, exercitationem ipsum nostrum quos libero amet reprehenderit ratione odit cum. Ab debitis doloremque est rem aperiam deleniti, asperiores velit fugit. Dignissimos sunt, Dignissimos sunt exercitationem ipsum nostrum quos libero amet reprehenderit ratione odit cum.</p>
<a href="https://drive.google.com/file/d/1pLaZ6zKi4e8oUgvuC7mjRiFOtbOZKtB7/view?usp=sharing" target="_blank" class="btn">Descargar mi CV</a>
</article>
</section>
<section id="contacto">
<article class="hablemos">
<h2>Hablemos!</h2>
<p class="marg">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet illum a minus hic quaerat similique iste culpa fugiat quod aut! Pariatur voluptatum veniam a odit culpa! Pariatur quisquam consequuntur quibusdam.</p>
</article>
<nav class="enlaces">
<ul>
<li><a href="mailto:juanc.barretog9@gmail.com?Subject=Contacto%20Proyecto%201%20Codigo%20Latam" target="_blank">
<img class="miniatura" src="img/mail.png" alt="email">
</a>
</li>
<li><a href="https://www.github.com" target="_blank">
<img class="miniatura" src="img/github.png" alt="github">
</a>
</li>
<li><a href="https://www.linkedin.com/in/juan-carlos-barreto-4b8490272" target="_blank">
<img class="miniatura" src="img/linkedin.png" alt="linkedin">
</a>
</li>
</ul>
</nav>
</section>
</main>
<footer>
<div>
<h3>Código Latam</h3>
</div>
</footer>
</body>
</html>