-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (126 loc) · 5 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
<!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>Portafolio Ismael</title>
<link rel="stylesheet" href="css/app.css" />
</head>
<body>
<div class="contactos">
<a href="https://github.com/Isma47"><img src="src/svg/logo-github.svg" alt="github"></a>
<a href="https://www.linkedin.com/in/isma-anguiano-mendoza-devfrontend/"><img src="src/svg/logo-linkedin.svg" alt=""></a>
<a href="tel:+5522841976">5522841976</a>
<a href="mailto:anguianoismael96@gmail.com"><img src="src/svg/mail.svg" alt=""></a>
<a href=""></a>
</div>
<header class="header" id="inicio">
<!-- Logo -->
<h1>Ismael Anguiano</h1>
<!-- navegación -->
<nav class="header-nav">
<a href="#inicio">INICIO</a>
<a href="#sobremi">SOBRE MÍ</a>
<a href="#cv">CV</a>
<a href="#" class="contacto">CONTACTO</a>
</nav>
<div class="menu-hamburguesa">
<div></div>
<div></div>
<div></div>
</div>
</header>
<div class="presentación container">
<!-- Foto -->
<div class="presentación-photo">
<img src="src/img/Ismael.jpg" alt="" />
</div>
<div class="presentación-text">
<p>
<span>Hola</span>, soy Ismael, me gusta la programación, especifico la
área de Desarrollo web (Frontend).
</p>
<p>
Llevo 7 meses estudiando de manera autodidacta con documentación y cursos.
</p>
<a href="#sobremi">SOBRE MI</a>
</div>
</div>
<main class="main container">
<!-- Sobre mi -->
<section class="sobre-mi" id="sobremi">
<h2 class="title-h2">Sobre mí</h2>
<div class="sobre-mi__texto">
<p>
Comenece el mundo en el Desarrollo en 2022, mi primer reto fue
entender flexbox y css grid, con mucha practica pude maquetar de
buena manera mis páginas web.
</p>
<p>
Consegui un trabajo en el área de IT, estaba en capacitación para
desarrollar páginas en Wordpress pero mientras estaba estudiando PHP
y MySQL, me desempeñe en el área de Infraestructura y Soporte
tecnico nivel 1, donde consegui nuevas habilidades.
</p>
<ul class="sobre-mi__lista">
<li>Trabajo en equipo.</li>
<li>Conversar con clientes.</li>
<li>Mayor aprendizaje.</li>
<li>En tiempos libres mejorar en mi maquetación con css.</li>
<li>En tiempos libres mejorar en mi lógica de programación.</li>
</ul>
<p>
No tuve la oportunidad de desarrollar sitios con Wordpress por falta
de tiempo por mis otras actividades.
</p>
<p>
En mis otras áreas desempeñadas era dar Soporte tecnico en sitio,
donde tenía que solicionar problemas básicos de hardware y software.
Tener el control de prefericos, registros de cada una de las
compuitadoras de la empresa.
</p>
<p>
Estaba estudiando en 2021 la carrera de
<strong>
Ingeníeria en Telecomunicaciones y Electronica en la Universidad
Tecnologíca de México </strong
>, donde en mis clases de programación con C++ descrubri que la
programación era muy extraña al inicio, no cuentas con lógica de
programación y el tipado del lenguaje puede ser complicado.
</p>
</div>
</section>
<!-- Tecnologias -->
<section class="tecnologias">
<h2 class="title-h2">Tecnologias</h2>
<ul class="tecnologias-svg">
<li><img src="src/svg/logo-html5.svg" alt="logo-html5" />HTML</li>
<li><img src="src/svg/logo-css3.svg" alt="logo-css3" />CSS</li>
<li><img src="src/svg/logo-sass.svg" alt="logo-sass" />SASS</li>
<li><img src="src/svg/logo-javascript.svg" alt="logo-javascript" />JAVASCRIPT</li>
</ul>
</section>
<!-- cv -->
<section class="cv" id="cv">
<h2 class="title-h2">CV</h2>
<div class="cv-image">
<img src="src/img/IsmaelCvDev.png" alt="cv">
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<h2 class="">Ismael Anguiano</h2>
<article class="footer-contacto">
<p class="contacto">Contacto:</p>
<div class="contacto-icon">
<p><img src="src/svg/call.svg" alt="">55 2284 1976</p>
<p><img src="src/svg/mail.svg" alt="">anguianoismael96@gmail.com</p>
<a href="https://www.linkedin.com/in/isma-anguiano-mendoza-devfrontend"><img src="src/svg/logo-linkedin.svg" alt="">Isma Anguiano</a>
</div>
</article>
</footer>
<script src="src/js/app.js"></script>
</body>
</html>