-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathperfil.html
More file actions
83 lines (83 loc) · 4.31 KB
/
Copy pathperfil.html
File metadata and controls
83 lines (83 loc) · 4.31 KB
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
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
<link rel="stylesheet" href="./css/perfil.css">
<link rel="stylesheet" href="./css/font/flaticon.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+Mono:wght@400;500;700&family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<section class="header-icons-container">
<div class="icons">
<a href=""><span class="flaticon-001-facebook"></span></a>
<a href=""><span class="flaticon-002-twitter"></span></a>
<a href=""><span class="flaticon-011-instagram"></span></a>
<a href=""><span class="flaticon-010-linkedin"></span></a>
<a href=""><span class="flaticon-008-youtube"></span></a>
</div>
</section>
<nav>
<div class="nav-logo-container">
<a href="/"><img src="./assets/img/5842a770a6515b1e0ad75afe.png" alt="blog's logo"></a>
</div>
<div class="profile-link">
<a href="perfil.html">Sobre mí</a>
</div>
</nav>
</header>
<main>
<section class="profile-main-container">
<img src="./assets/img/IMG_81323.jpg" alt="ernesto mendoza">
<div class="profile-text-container">
<h1>Hello!</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi itaque minus eius! Impedit, debitis! Maxime eum delectus veritatis voluptatem nihil! Dignissimos, saepe? Saepe quos quam asperiores quasi molestiae obcaecati officiis.</p>
</div>
</section>
<section class="projects-main-container">
<h2>Projects</h2>
<section class="projects-container">
<article>
<p>Text</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod necessitatibus quidem ratione quo aspernatur repellendus molestiae quas aliquid sed consequuntur veritatis magni iure provident nulla laboriosam ut asperiores dolor voluptatibus obcaecati, assumenda pariatur sit, laudantium sapiente ipsam. Cupiditate, expedita pariatur?</p>
</article>
<article>
<p>Text</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod necessitatibus quidem ratione quo aspernatur repellendus molestiae quas aliquid sed consequuntur veritatis magni iure provident nulla laboriosam ut asperiores dolor voluptatibus obcaecati, assumenda pariatur sit, laudantium sapiente ipsam. Cupiditate, expedita pariatur?</p>
</article>
<article>
<p>Text</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod necessitatibus quidem ratione quo aspernatur repellendus molestiae quas aliquid sed consequuntur veritatis magni iure provident nulla laboriosam ut asperiores dolor voluptatibus obcaecati, assumenda pariatur sit, laudantium sapiente ipsam. Cupiditate, expedita pariatur?</p>
</article>
</section>
</section>
<section class="contact-main-container">
<div class="contact-left">
<img src="./assets/img/013-newsletter.png" alt="newsletter">
<div>
<a href="perfil.html">Contacto</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="contact-right">
<img src="./assets/img/006-like.png" alt="like">
<div>
<a href="">Escribe</a>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-top"></div>
<div class="footer-bottom">
<p>Ernesto MR - Frontend Developer 2022</p>
</div>
</footer>
</body>
</html>