-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (171 loc) · 10.9 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!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">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="shortcut icon" href="./images/dev.png">
<title>Ed</title>
</head>
<body class="bg-slate-900 text-gray-100">
<div class="mx-auto max-w-screen-lg px-3 py-6">
<div class="flex flex-col gap-y-3 sm:flex-row sm:items-center sm:justify-between "><a
href="https://www.linkedin.com/in/edgardorms/" target="_blank">
<div
class="flex items-center bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-xl font-bold text-transparent">
Ed Developer
</div>
</a>
<nav>
<ul class="flex gap-x-3 font-medium text-gray-300">
<li class="hover:text-white"><a href="#proyectos">Proyectos</a></li>
<li class="hover:text-white"><a href="https://www.linkedin.com/in/edgardorms/details/certifications/" target="_blank">Certificados</a></li>
</ul>
</nav>
</div>
</div>
<div class="mx-auto max-w-screen-lg px-3 py-6">
<div class="flex flex-col items-center md:flex-row md:justify-between md:gap-x-24">
<div>
<h1 class="text-3xl font-bold">Hola, soy <span
class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Edgardo </span>
😀</h1>
<p class="mt-6 text-xl leading-9">Desarrollador web, he hecho cursos online en Coderhouse, Platzi y Codo
a codo, también aprendo con la documentación de la tecnología que estoy utilizando, actualmente realizando proyectos Fullstack MERN(MongoDB,Express,NodeJs y React) y Backend C# .Net 6. Doy soluciones al Frontend aplicando mis
conocimientos.
</p>
<div class="mt-3 flex gap-1">
<a href="mailto:[email protected]"><img class="h-12 w-12 hover:translate-y-1"
src="./images/gmail.png" alt="Gmail icon" loading="lazy" /></a>
<a href="https://www.linkedin.com/in/edgardorms/" target="_blank"><img
class="h-12 w-12 hover:translate-y-1" src="./images/linkedin.png" alt="Linkedin icon"
loading="lazy" /></a>
<a href="https://github.com/edgardorms" target="_blank"><img class="h-12 w-12 hover:translate-y-1"
src="./images/github.png" alt="Github icon" loading="lazy" /></a>
<a href="https://api.whatsapp.com/send/?phone=5491139260579" target="_blank"><img
class="h-12 w-12 hover:translate-y-1" src="./images/ws.png" alt="Whatsapp icon"
loading="lazy" /></a>
<a href="tel:+5491139260579" target="_blank"><img class="h-12 w-12 hover:translate-y-1"
src="./images/tel.png" alt="phone icon" loading="lazy" /></a>
</div>
</div>
<div class="shrink-0 my-5 mr-[86px]"><img class=" sm:h-64 sm:h64 rounded-full"
src="./images/Ed.png" alt="Avatar image" loading="lazy" /></div>
</div>
</div>
<div class="mx-auto max-w-screen-lg px-3 py-6" id="proyectos">
<div class="mb-6 text-2xl font-bold">Mis <span
class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Proyectos</span></div>
<div class="flex flex-col gap-6">
<div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row">
<div class="shrink-0"><a href="https://edgardorms.github.io/Ed-Store/" target="_blank"><img
class="h-36 w-36 hover:translate-y-1" src="./images/ecommerce.png" alt="Project Web Design"
loading="lazy" /></a>
</div>
<div>
<div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400"
href="https://edgardorms.github.io/Ed-Store/" target="_blank">
<div class="text-xl font-semibold">Ecommerce</div>
</a>
<div class="ml-3 flex gap-2">
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-lime-400 text-lime-900">Responsive
</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-sky-400 text-sky-900">Tailwind.css
</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-sky-300 text-sky-800">React Js
</div>
</div>
</div>
<p class="mt-3 text-gray-400">Ecommerce con carrito functional, realizado en ReactJs, consumiendo
API REST de items, simula tienda real.</p>
</div>
</div>
<div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row">
<div class="shrink-0"><a href="https://crud-edgardorms.herokuapp.com/" target="_blank"><img
class="h-36 w-36 hover:translate-y-1" src="./images/crud.png" alt="Project Fire"
loading="lazy" /></a></div>
<div>
<div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400"
href="https://crud-edgardorms.herokuapp.com/" target="_blank">
<div class="text-xl font-semibold">CRUD Fullstack</div>
</a>
<div class="ml-3 columns-2 gap-2 sm:columns-6 ">
<div class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-fuchsia-400 text-violet-900">
Heroku</div>
<div
class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-emerald-400 text-emerald-900">
Node.js
</div>
<div class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-yellow-400 text-yellow-900">
Express</div>
<div class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-green-500 text-green-900">
MongoDb
</div>
<div class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-sky-400 text-sky-900">
Tailwind.css
</div>
<div class="rounded-md px-2 py-1 text-xs mb-2 font-semibold bg-sky-300 text-sky-800">React
Js
</div>
</div>
</div>
<p class="mt-3 text-gray-400">Aplicación Fullstack, Frontend hecho con React Js y estilizado con
Tailwind, se comunica con API REST hecha en Nodejs para manipular base de datos MongoDB.</p>
</div>
</div>
<div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row">
<div class="shrink-0"><a href="https://edgardorms.github.io/react-edd-taskList/" target="_blank"><img
class="h-36 w-36 hover:translate-y-1" src="./images/tasklist.png" alt="Project Fire"
loading="lazy" /></a></div>
<div>
<div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400"
href="https://edgardorms.github.io/react-edd-taskList/" target="_blank">
<div class="text-xl font-semibold">Lista de tareas (TaskList)</div>
</a>
<div class="ml-3 flex gap-2">
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-lime-400 text-lime-900">Responsive
</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-sky-400 text-sky-900">Tailwind.css
</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-sky-300 text-sky-800">React Js
</div>
</div>
</div>
<p class="mt-3 text-gray-400">App para guardar lista de tareas, las entradas quedan guardadas en el
LocalStorage del usuario por lo que las puede seguir viendo.</p>
</div>
</div>
<div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row">
<div class="shrink-0"><a href="https://edgardorms.github.io/react-rick-morty/ " target="_blank"><img
class="h-36 w-36 hover:translate-y-1 " src="./images/rickYmorty.png" alt="Project Maps"
loading="lazy" /></a></div>
<div>
<div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400"
href="https://edgardorms.github.io/react-rick-morty/" target="_blank">
<div class="text-xl font-semibold">Rick and Morty APP</div>
</a>
<div class="ml-3 flex gap-2">
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-indigo-400 text-indigo-900">
Bootstrap</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-lime-400 text-lime-900">Responsive
</div>
<div class="rounded-md px-2 py-1 text-xs font-semibold bg-sky-300 text-sky-800">React Js
</div>
</div>
</div>
<p class="mt-3 text-gray-400">App simple de manipulación de API REST, se crea un sitio dinamicamente
consumiendo la API de Rick y Morty, serie que me gusta mucho por cierto. 😅</p>
</div>
</div>
</div>
</div>
</div>
<div class="mx-auto max-w-screen-lg px-3 py-6">
<div class="border-t border-gray-600 pt-5">
<div class="text-sm text-gray-200">© edgardorms 2022
</div>
</div>
</div>
</body>
</html>