-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (130 loc) · 8.47 KB
/
Copy pathindex.html
File metadata and controls
153 lines (130 loc) · 8.47 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--BOOTSTRAP-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!--CSS-->
<link rel="stylesheet" href="style.css">
<!--BOX ICONS-->
<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>
<!--Font awesome-->
<link rel="stylesheet" href="fontawesome/css/all.css">
<title>Alexander Paul Castañeda Salinas - Portfolio</title>
</head>
<body>
<header class="l-header ">
<nav class="navbar navbar-expand-lg navbar-light bg-light" >
<div class="container-fluid nav__menu">
<div >
<a class="navbar-brand home__title-color" href="index.html">Alexander Paul <br>Castañeda Salinas</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse nav-uno" id="navbarNavAltMarkup">
<div class="navbar-nav nav__list">
<a class="nav-link nav__link" href="#sobreMi">Sobre mí</a>
<a class="nav-link nav__link" href="#Experiencia">Portfolio</a>
<a class="nav-link nav__link" href="#contact">Contacto</a>
</div>
</div>
</div>
</nav>
</header>
<main class="l-main">
<section class="home bd-grid" id="home">
<div class="home-uno">
<div class="home__data">
<h1 class="home__title">¡Hola!<br>Soy <span class="home__title-color">Alexander,</span><br>Jr. Web
Developer</h1>
</div>
<div class="home__social">
<a href="https://www.linkedin.com/in/alexander-paul-casta%C3%B1eda-salinas-125555b0/" target="_blank" class="home__social-icon"><i
class='bx bxl-linkedin'></i></a>
<a href="https://www.instagram.com/alexandercs88_/" target="_blank" class="home__social-icon"><i class='bx bxl-instagram'></i></a>
<a href="https://github.com/iwill88" target="_blank" class="home__social-icon"><i class='bx bxl-github'></i></a>
</div>
</div>
<div class="home__img">
<img src="Imagenes/Profile_picture.jpg" alt="Profile picture">
</div>
</section>
<!--sobre mi-->
<section class="sobreMi section " id="sobreMi">
<h2 class="section-title">Un poco sobre mí</h2>
<div class="sobreMi__container bd-grid">
<div class="sobreMi__img">
<img src="./Imagenes/Profile_picture.jpg" alt="">
</div>
<div>
<h2 class="sobreMi__subtitle">Mi nombre es Alexander,</h2>
<p class="sobreMi__text">soy una persona <span class="home__title-color">comprometida con el trabajo y con una gran
motivación</span>, apasionada por la <b>programación</b>, la <b>tecnología</b>, las <b>inversiones</b> y la <b>música</b>.</p><br>
<p class="sobreMi__text">Soy licenciado en Administracion de Negocios Internacionales con una especialización en Finanzas Corporativas, <span class="home__title-color">sin embargo la pasión que tengo por la solución de problemas y la creación de nuevas herramientas que ayuden a superar retos
</span> me llevó poco a poco a acercarme al mundo de la programación. <br><br>
Actualmente me encuentro trabajando como Desarrollador Web freelance desde Perú.</p>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="Experiencia section" id="Experiencia">
<h2 class="section-title">Portfolio</h2>
<div class="Experiencia__container bd-grid">
<div class="Experiencia__img">
<a href="https://iwill88.github.io/Bodega-Castaneda_Website/" target="_blank"><img src="./Imagenes/Bodega-Castañeda_Website.jpg"
alt="Proyecto ReactJs en proceso"></a>
</div>
<div>
<h2 class="sobreMi__subtitle">"Bodega Castañeda" Website</h2>
<p class="sobreMi__text">
Sitio Web de la tienda ficticia <b>"Bodega Castañeda"</b> en Tacna-Perú, creado con <span class="home__title-color">HTML, CSS, Bootstrap y SASS</span>. Sitio web para prueba de maquetado, desktop y mobile, responsive, 5 pages y animaciones.
</p>
</div>
<div class="Experiencia__img">
<a href="https://iwill88.github.io/El-Vinilo-de-Vasiliy_Website/" target="_blank"><img src="./Imagenes/El-Vinilo-de-Vasiliy_Website.jpg"
alt="Proyecto Kajami Flowers"></a>
</div>
<div>
<h2 class="sobreMi__subtitle">"El Vinilo de Vasiliy" Website</h2>
<p class="sobreMi__text">
Sitio Web de la tienda de vinilos ficticia <b>"El Vinilo de Vasiliy"</b> en Tacna-Perú, creado con <span class="home__title-color">HTML, CSS, bootstrap, JavaScript, AJAX y Json</span>, se implementa manejo del DOM para la carga inicial de las Cards de productos y para la incorporación de filtros por categoría solicitado por el cliente, teniendo como ventaja que se carga primero cada página y luego se cargan las cards de los productos, de esta manera garantizamos una mejor experiencia de usuario.
</p>
</div>
<div class="Experiencia__img">
<a href="https://iwill88.github.io/Saint-Petersburg_Website/" target="_blank"><img
src="./Imagenes/Saint-Petersburg_Website.jpg" alt="Proyecto Les Chats"></a>
</div>
<div>
<h2 class="sobreMi__subtitle">"The Glory of Saint Petersburg" Website</h2>
<p class="sobreMi__text">
Sitio Web de la pagina tributo <b>"The Glory of Saint Petersburg"</b>, dedicado a mi amada novia Maria de San Petersburgo, Rusia. Página creada con <span class="home__title-color">HTML, CSS y Bootstrap</span>. Sitio web para desktop y mobile, responsive, 4 pages y animaciones.
</p>
</div>
<div class="Experiencia__img">
<a href="https://melicasasco.github.io/nexus/" target="_blank"><img src="nexus.jpg" alt=""></a>
</div>
</section>
<!--contacto-->
<section class="contact section contact__container bd-grid" id="contact">
<h2 class="section-title">Contacto</h2>
</section>
<footer class="footer">
<div class="footer__social">
<a href="https://www.linkedin.com/in/alexander-paul-casta%C3%B1eda-salinas-125555b0/" target="_blank" class="home__social-icons"><i
class='bx bxl-linkedin'></i></a>
<a href="https://www.instagram.com/alexandercs88_/" target="_blank" class="home__social-icons"><i class='bx bxl-instagram'></i></a>
<a href="https://github.com/iwill88" class="home__social-icons" target="_blank"><i class='bx bxl-github'></i></a>
</div>
<p class="correo">alex88_upt@hotmail.com</p>
</footer>
<!--scroll reveal-->
<script src="https://unpkg.com/scrollreveal"></script>
<!--mi JS-->
<script src="./js/main.js"></script>
<!------BOOTSTRAP JS------->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>