-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (160 loc) · 7.28 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!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" />
<link rel="stylesheet" href="./css/index.css" />
<meta
name="description"
content="Pagina Web de muestra, sobre un desarrollador."
/>
<meta
name="keywords"
content="web, contact,aboutme, development, front end, user, briefcase"
/>
<title>EliteDev</title>
</head>
<body>
<section>
<nav>
<img
class="nav__img"
src="./img/Avatar-Garce-tematico-bellaka2.jpg"
alt=""
/>
<h1>Dev. Andrés García</h1>
<p>Front End Jr.</p>
<ul class="nav__ul nav-fixed">
<li><a class="ancore__menu" href="#about__me">About me</a></li>
<li><a class="ancore__menu" href="#briefcase">Briefcase</a></li>
<li><a class="ancore__menu" href="#skills">Skills</a></li>
<li><a class="ancore__menu" href="#contact">Contact</a></li>
</ul>
<svg
preserveAspectRatio="none"
class="nav__wave"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 320"
>
<path
fill="#f3f4f5"
fill-opacity="1"
d="M0,32L10.4,69.3C20.9,107,42,181,63,197.3C83.5,213,104,171,125,138.7C146.1,107,167,85,188,90.7C208.7,96,230,128,250,165.3C271.3,203,292,245,313,250.7C333.9,256,355,224,376,197.3C396.5,171,417,149,438,170.7C459.1,192,480,256,501,261.3C521.7,267,543,213,563,160C584.3,107,605,53,626,42.7C647,32,668,64,689,74.7C709.6,85,730,75,751,101.3C772.2,128,793,192,814,218.7C834.8,245,856,235,877,213.3C897.4,192,918,160,939,133.3C960,107,981,85,1002,69.3C1022.6,53,1043,43,1064,58.7C1085.2,75,1106,117,1127,117.3C1147.8,117,1169,75,1190,85.3C1210.4,96,1231,160,1252,197.3C1273,235,1294,245,1315,234.7C1335.7,224,1357,192,1377,197.3C1398.3,203,1419,245,1430,266.7L1440,288L1440,320L1429.6,320C1419.1,320,1398,320,1377,320C1356.5,320,1336,320,1315,320C1293.9,320,1273,320,1252,320C1231.3,320,1210,320,1190,320C1168.7,320,1148,320,1127,320C1106.1,320,1085,320,1064,320C1043.5,320,1023,320,1002,320C980.9,320,960,320,939,320C918.3,320,897,320,877,320C855.7,320,835,320,814,320C793,320,772,320,751,320C730.4,320,710,320,689,320C667.8,320,647,320,626,320C605.2,320,584,320,563,320C542.6,320,522,320,501,320C480,320,459,320,438,320C417.4,320,397,320,376,320C354.8,320,334,320,313,320C292.2,320,271,320,250,320C229.6,320,209,320,188,320C167,320,146,320,125,320C104.3,320,83,320,63,320C41.7,320,21,320,10,320L0,320Z"
></path>
</svg>
</nav>
</section>
<section id="about__me">
<div class="about__container">
<img
class="about__svg"
src="./img/Web Developer_Monochromatic (6).svg"
alt="Ilustracion development"
/>
<div class="about__info">
<h2>About Me</h2>
<p>
My name is Andrés García Chávez, I am 23 years old, originally from
Ensenada, Baja California. Mexico. I am a Front End jr developer,
with 1 year of self-taught experience, passionate about technology
and new learning, I am currently studying the Full Stack Developer
career at Coder House, my level of English is currently basic, I am
also an audiovisual producer and I am passionate about music. My
greatest qualities are to be responsible, proactive, orderly and
dedicated to what I do. I handle technologies such as Html, CSS,
JavaScript, Sass, and in learning: Swift, SwiftUi, mySQL.
</p>
</div>
</div>
</section>
<section id="briefcase">
<main>
<div class="portafolio__container">
<h3>BriefCase</h3>
<div class="portafolio__flex">
<a href="https://elitedev.github.io/Calculadora/" target="_blank" rel="noopener"
><img src="./img/calculadora.webp" alt="App de Calculadora"
/></a>
<a href="https://github.com/EliteDev/Weather-Finder" target="_blank" rel="noopener"
><img src="./img/wheater.webp" alt="App del clima"
/></a>
<a href="https://elitedev.github.io/App-IMC/" target="_blank" rel="noopener"
><img src="./img/imc.webp" alt="App de Bmi"
/></a>
<a
href="https://elitedev.github.io/Online-Shop-Main/" rel="noopener"
target="_blank"
><img src="./img/Shop.webp" alt="Tienda de instrumentos"
/></a>
<a href="https://elitedev.github.io/Toggle/" target="_blank" rel="noopener"
><img src="./img/toggle.webp" alt="Boton de luz"
/></a>
<a href="#" target="_blank"
><img src="./img/Medical-App.webp" alt="App de consultorio"
/></a>
</div>
</div>
</main>
</section>
<section id="skills">
<div class="skills__container">
<h2>My Skills</h2>
<div class="skills__info">
<i class="fa-brands fa-html5"></i>
<i class="fa-brands fa-css3-alt"></i>
<i class="fa-brands fa-sass"></i>
<i class="fa-brands fa-square-js"></i>
<i class="fa-brands fa-git"></i>
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-swift"></i>
</div>
<svg
preserveAspectRatio="none"
class="port__wave"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 320"
>
<path
fill="#3A9ACA"
fill-opacity="1"
d="M0,128L48,128C96,128,192,128,288,128C384,128,480,128,576,117.3C672,107,768,85,864,101.3C960,117,1056,171,1152,181.3C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"
></path>
</svg>
</div>
</section>
<footer id="contact">
<div class="contact__container">
<div class="contact__info">
<h2>Contact</h2>
<p>Send me an email to acquire my services!.</p>
<div class="contact__icons">
<a class="contact__a__icons" href="https://www.linkedin.com/in/andr%C3%A9s-garc%C3%ADa-8ba04225b/" target="_blank" rel="noopener"><i class="fa-brands fa-linkedin"></i></a>
<a class="contact__a__icons" href="https://github.com/EliteDev" target="_blank"><i class="fa-brands fa-github" rel="noopener"></i></a>
</div>
</div>
<div class="contact__form">
<form action="">
<label for="email"
>Email<input
type="email"
name="email"
id="email"
placeholder="micorreo@mail.com"
/></label>
<label for="password"
>Description<input class="description__contact" type="text" name="password" id="password"
/></label>
<button type="submit">SUBMIT</button>
</form>
</div>
<div class="contact__info"></div>
</div>
</footer>
<script
src="https://kit.fontawesome.com/70436840f7.js"
crossorigin="anonymous"
></script>
<script src="./js/ancore__scroll.js"></script>
</body>
</html>