This repository has been archived by the owner on Jul 20, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (85 loc) · 7.99 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
<!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>Dev Esandries</title>
<link rel="stylesheet" href="./css/index.css">¿
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header class="header">
<a href="#hero">
<svg width="64" height="49" viewBox="0 0 64 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M63.6359 0.000122603C63.6278 0.0664713 63.6127 0.132941 63.6126 0.199411C63.6114 3.33545 63.6116 6.4715 63.6116 9.60754C63.6116 9.67048 63.6116 9.73342 63.6116 9.8173C63.5429 9.8173 63.4817 9.8173 63.4205 9.8173C58.5921 9.8173 53.7638 9.8173 48.9354 9.8173C46.5008 9.8173 44.4478 11.5737 44.082 13.984C44.0328 14.3088 44.0398 14.644 44.0396 14.9742C44.0377 19.7319 44.0393 24.4895 44.0399 29.247C44.0399 29.2902 44.0399 29.3334 44.0399 29.388C43.8439 29.388 43.6557 29.3989 43.4692 29.3863C41.1374 29.229 39.099 28.3724 37.3876 26.7777C35.6846 25.1912 34.6791 23.23 34.3545 20.9259C34.2928 20.4889 34.2662 20.0435 34.2654 19.602C34.2581 16.3539 34.2535 13.1059 34.2639 9.85784C34.2723 7.24199 35.1622 4.96215 36.9618 3.0591C38.509 1.42303 40.4096 0.444232 42.6387 0.114314C42.9365 0.0702439 43.2384 0.0541755 43.5382 0.0237403C43.5697 0.0205751 43.6002 0.00815663 43.6313 0C50.2994 0.000121741 56.9676 0.000122603 63.6359 0.000122603Z" fill="#48E05A"/>
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M34.2568 0.000488281C34.2188 0.0346974 34.1852 0.0758447 34.1427 0.102384C31.7427 1.5959 30.2168 3.71456 29.6023 6.47807C29.3681 7.53125 29.3279 8.5977 29.4583 9.66963C29.4634 9.71163 29.4626 9.75449 29.4652 9.8128C29.388 9.8128 29.3211 9.8128 29.2541 9.8128C19.5709 9.8128 9.88778 9.8128 0.204552 9.81292C0.136531 9.81292 0.0685095 9.81596 0.000488281 9.81755C0.000488281 9.57407 0.000488281 9.33058 0.000488281 9.0871C0.00961457 9.05131 0.0227562 9.016 0.0271368 8.97972C0.0607215 8.70459 0.0799479 8.42702 0.12704 8.15432C0.516306 5.9026 1.55549 4.00369 3.25967 2.48303C4.85117 1.0628 6.71853 0.255534 8.84447 0.0538093C9.01178 0.037983 9.17873 0.0183842 9.34593 0.000488281C17.6493 0.000488281 25.9531 0.000488281 34.2568 0.000488281Z" fill="#48E05A"/>
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M34.2568 0.000488281C34.2188 0.0346974 34.1852 0.0758447 34.1427 0.102384C31.7427 1.5959 30.2168 3.71456 29.6023 6.47807C29.3681 7.53125 29.3279 8.5977 29.4583 9.66963C29.4634 9.71163 29.4626 9.75449 29.4652 9.8128C29.388 9.8128 29.3211 9.8128 29.2541 9.8128C19.5709 9.8128 9.88778 9.8128 0.204552 9.81292C0.136531 9.81292 0.0685095 9.81596 0.000488281 9.81755C0.000488281 9.57407 0.000488281 9.33058 0.000488281 9.0871C0.00961457 9.05131 0.0227562 9.016 0.0271368 8.97972C0.0607215 8.70459 0.0799479 8.42702 0.12704 8.15432C0.516306 5.9026 1.55549 4.00369 3.25967 2.48303C4.85117 1.0628 6.71853 0.255534 8.84447 0.0538093C9.01178 0.037983 9.17873 0.0183842 9.34593 0.000488281C17.6493 0.000488281 25.9531 0.000488281 34.2568 0.000488281Z" fill="#48E05A"/>
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M0 39.1812C0.0680213 39.1829 0.136042 39.1858 0.204064 39.1858C9.85457 39.186 19.5049 39.186 29.1554 39.186C29.2229 39.186 29.2903 39.186 29.3684 39.186C29.3684 42.4553 29.3684 45.7143 29.3684 48.9936C29.3177 48.9936 29.2661 48.9936 29.2143 48.9936C22.6786 48.9936 16.1426 49.0132 9.60694 48.9836C7.13554 48.9724 4.97091 48.071 3.15161 46.3941C1.44913 44.8246 0.439035 42.8767 0.0945479 40.5857C0.0564609 40.3328 0.0311511 40.078 0 39.8241C0 39.6098 0 39.3954 0 39.1812Z" fill="#48E05A"/>
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M0 19.6055C8.1505 19.6055 16.301 19.6055 24.4597 19.6055C24.4597 22.8741 24.4597 26.1283 24.4597 29.3983C24.3989 29.3983 24.3467 29.3983 24.2944 29.3983C16.2449 29.3983 8.19528 29.3983 0.145655 29.3981C0.0971035 29.3981 0.0485518 29.395 0 29.3934C0 26.1308 0 22.8681 0 19.6055Z" fill="#48E05A"/>
<path class="logo-icon" fill-rule="evenodd" clip-rule="evenodd" d="M53.8232 19.5825C54.2938 19.6227 54.7461 19.6396 55.1919 19.7032C57.1825 19.9871 58.9317 20.8015 60.4157 22.16C62.1243 23.724 63.1558 25.6603 63.5079 27.9504C63.575 28.3863 63.6061 28.8319 63.607 29.2732C63.6149 32.6233 63.6241 35.9734 63.607 39.3235C63.5952 41.6761 62.801 43.7563 61.2818 45.5466C59.8218 47.2671 57.9734 48.3591 55.7601 48.8009C55.1768 48.9174 54.5739 48.989 53.98 48.9902C47.4679 49.0034 40.9557 48.9985 34.4435 48.9985C34.3903 48.9985 34.337 48.9985 34.2725 48.9985C34.2725 45.7311 34.2725 42.4714 34.2725 39.1861C34.3255 39.1861 34.3814 39.1861 34.4371 39.1861C39.3188 39.1857 44.2005 39.1913 49.0822 39.1807C50.2461 39.1781 51.2704 38.7505 52.14 37.9844C53.2612 36.9966 53.8202 35.7395 53.8216 34.2458C53.826 29.4348 53.8233 24.6239 53.8233 19.813C53.8232 19.7504 53.8232 19.6877 53.8232 19.5825Z" fill="#48E05A"/>
</svg>
</a>
<nav class="menu">
<ul>
<li><a href="#">Hola</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Hablemos</a></li>
</ul>
</nav>
<a href="" class="button">curriculum</a>
</header>
<main>
<section class="hero">
<div class="hero-photo">
<img src="../assets/images/esandries-photo.jpg" alt="Foto de Emaanuel Sandries">
</div>
<div class="hero-info">
<h1>
<span>Hola a Todos</span>
Soy Emanuel
</h1>
<p>
Un Fronte3nd Developer que le encanta implementar dise;os que inspiran y atraten a las personas
</p>
<div class="social">
<a href="" class="social-button"><img src="./assets/icons/icon-phone.svg" alt=""></a>
<a href="" class="social-button"><img src="./assets/icons/icon-important_mail.svg" alt=""></a>
<a href="" class="social-button"><img src="./assets/icons/icon-instagram.svg" alt=""></a>
<a href="" class="social-button"><img src="./assets/icons/icon-twitter_squared.svg" alt=""></a>
</div>
</div>
</section>
<section class="proyectos"></section>
<div class="intro">
<h2>
A lo largo de mi carrera como Frontend, he tenido el privilegio de trabajar en proyectos retadores e increíbles
</h2>
<p>Aquí hay algunos que me gustaría compartir.</p>
<img src="./assets/icons/arrow-down.svg" alt="flecha apuntando con direccion para abajo">
</div>
<div class="proyecto">
<div class="info">
<h3 class="proyecto__name">
LeonidasEsteban.com
</h3>
<p class="proyecto__description">
Accede a más de 120 proyectos que te ayudarán a mejorar tus habilidades como desarrollador Front-End.
</p>
<div class="proyecto__buttons">
<a href="#" class="button">
ver proyecto
</a>
<a href="#" class="button-secundary"> <span> </span> Ver Codigo </a>
</div>
</div>
<div class="img"></div>
</div>
<section class="form"></section>
</main>
<footer class="footer"></footer>
</div>
</body>
</html>