Skip to content

Commit bc552d9

Browse files
quiellllquiellll
committed
Portfolio completo y perfiles
1 parent f43759b commit bc552d9

3 files changed

Lines changed: 76 additions & 11 deletions

File tree

‎css/style.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -252,6 +252,20 @@ body {
252252
text-size-adjust: auto;
253253
}
254254

255+
.text-medium {
256+
color: var(--bs-dark) !important;
257+
font-family: "Special Elite", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
258+
font-size: 80%;
259+
text-size-adjust: auto;
260+
}
261+
262+
.text-small {
263+
color: var(--bs-dark) !important;
264+
font-family: "Special Elite", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
265+
font-size: 60%;
266+
text-size-adjust: auto;
267+
}
268+
255269
.text-special {
256270
font-family: "Special Elite", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
257271
}

‎img/escenario.jpeg‎

529 KB
Loading

‎index.html‎

Lines changed: 62 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -121,8 +121,8 @@ <h4 class="text-big">Nuestro manifiesto</h4>
121121
<div class="col-lg-3">
122122
<div class="portfolio-header h-100 bg-dark pt-6 pe-6 pb-6">
123123
<div class="text-start d-flex flex-column justify-content-center wow fadeInUp" data-wow-delay="0.05s">
124-
<h1 class="display-6 text-white">Nuestros trabajos</h1>
125-
<em class="text-white sub-title">Our works</em>
124+
<h1 class="display-6 text-white">Proyectos pasados de nuestros miembros</h1>
125+
<em class="text-white sub-title">Our team members past works</em>
126126
</div>
127127
</div>
128128
</div>
@@ -131,8 +131,11 @@ <h1 class="display-6 text-white">Nuestros trabajos</h1>
131131
<div class="portfolio-item py-5 border-bottom wow fadeInUp" data-wow-delay="0.05s">
132132
<div class="row g-4 align-items-center">
133133
<div class="col-xl-6">
134-
<h4 class="text-body text-special">Videojuego / <em>Videogame</em></h4>
135-
<h1 class="display-6 mb-0 text-special">Soulamander</h1>
134+
<h1 class="text-body text-special">Soulamander</h1>
135+
<h4 class="mb-4 text-body text-special">Juego de plataformas y puzles 2D desarrollado en Unity.
136+
<br><span class="text-medium"><em>2D platformer and puzzle game developed in Unity.</em></span><br>
137+
<span class="text-small">Miguel Rico.</span>
138+
</h4>
136139
</div>
137140
<div class="col-9 col-xl-4">
138141
<div class="portfolio-img">
@@ -149,8 +152,11 @@ <h1 class="display-6 mb-0 text-special">Soulamander</h1>
149152
<div class="portfolio-item py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
150153
<div class="row g-4 align-items-center">
151154
<div class="col-xl-6">
152-
<h4 class="text-body text-special">Videojuego / Videogame</h4>
153-
<h1 class="display-6 mb-0 text-special">Pac-Man</h1>
155+
<h1 class="text-body text-special">Pac-Man</h1>
156+
<h4 class="mb-4 text-body text-special">Recreación del videojuego clásico en JavaScript canvas.
157+
<br><span class="text-medium"><em>Recreation of the classic video game in JavaScript canvas.</em></span><br>
158+
<span class="text-small">Ezequiel García.</span>
159+
</h4>
154160
</div>
155161
<div class="col-9 col-xl-4">
156162
<div class="portfolio-img">
@@ -167,8 +173,11 @@ <h1 class="display-6 mb-0 text-special">Pac-Man</h1>
167173
<div class="portfolio-item py-5 wow fadeInUp" data-wow-delay="0.15s">
168174
<div class="row g-4 align-items-center">
169175
<div class="col-xl-6">
170-
<h4 class="text-body text-special">Videojuego / Videogame</h4>
171-
<h1 class="display-6 mb-0 text-special">Defense of the Pumpkin Patch</h1>
176+
<h1 class="text-body text-special">Defense of the Pumpkin Patch</h1>
177+
<h4 class="mb-4 text-body text-special">Juego de defensa de torres desarrollado en Unity.
178+
<br><span class="text-medium"><em>Tower defense game developed in Unity.</em></span><br>
179+
<span class="text-small">Miguel Rico, Ezequiel García, Gloria Llorente, Ángel Luis Rodríguez.</span>
180+
</h4>
172181
</div>
173182
<div class="col-9 col-xl-4">
174183
<div class="portfolio-img">
@@ -182,6 +191,48 @@ <h1 class="display-6 mb-0 text-special">Defense of the Pumpkin Patch</h1>
182191
</div>
183192
</div>
184193
</div>
194+
<div class="portfolio-item py-5 wow fadeInUp" data-wow-delay="0.15s">
195+
<div class="row g-4 align-items-center">
196+
<div class="col-xl-6">
197+
<h1 class="text-body text-special">Isla japonesa</h1>
198+
<h4 class="mb-4 text-body text-special">Modelado 3D de un escenario de videojuego ambientado en una isla Japonesa.
199+
<br><span class="text-medium"><em>3D modeling of a video game scenario set on a Japanese island.</em></span><br>
200+
<span class="text-small">Javier Castro.</span>
201+
</h4>
202+
</div>
203+
<div class="col-9 col-xl-4">
204+
<div class="portfolio-img">
205+
<div class="portfolio-img-inner view-img">
206+
<img src="./img/escenario.jpeg" class="img-fluid" alt="Image">
207+
</div>
208+
</div>
209+
</div>
210+
<div class="col-3 col-xl-1">
211+
<a href="https://www.artstation.com/artwork/m8LPZ8" class="btn btn-primary btn-lg-square" ><i class="fas fa-plus"></i></a>
212+
</div>
213+
</div>
214+
</div>
215+
<div class="portfolio-item py-5 wow fadeInUp" data-wow-delay="0.15s">
216+
<div class="row g-4 align-items-center">
217+
<div class="col-xl-6">
218+
<h1 class="text-body text-special">IScream</h1>
219+
<h4 class="mb-4 text-body text-special">¡Refréscate con la aventura más dulce y desafiante del verano!
220+
<br><span class="text-medium"><em>Cool off with the sweetest and most challenging adventure of the summer!</em></span><br>
221+
<span class="text-small">Óscar Alarcon.</span>
222+
</h4>
223+
</div>
224+
<div class="col-9 col-xl-4">
225+
<div class="portfolio-img">
226+
<div class="portfolio-img-inner view-img">
227+
<img src="https://img.itch.zone/aW1nLzE2MzkxMDAwLnBuZw==/315x250%23c/gKDw4u.png" class="img-fluid" alt="Image">
228+
</div>
229+
</div>
230+
</div>
231+
<div class="col-3 col-xl-1">
232+
<a href="https://bakerystudios.itch.io/iscreamv2" class="btn btn-primary btn-lg-square" ><i class="fas fa-plus"></i></a>
233+
</div>
234+
</div>
235+
</div>
185236
</div>
186237
</div>
187238
</div>
@@ -237,7 +288,7 @@ <h5 class="mb-2">Ángel Luis Rodríguez</h5>
237288
</div>
238289
</div>
239290
<div class="text-center">
240-
<a href="#" class="btn btn-primary btn-sm mt-2">Personal Page</a>
291+
<a href="https://www.instagram.com/anngeluiss/" class="btn btn-primary btn-sm mt-2">Instagram</a>
241292
</div>
242293
</div>
243294

@@ -307,7 +358,7 @@ <h5 class="mb-2">Gloria Llorente</h5>
307358
</div>
308359
</div>
309360
<div class="text-center">
310-
<a href="#" class="btn btn-primary btn-sm mt-2">Personal Page</a>
361+
<a href="https://www.instagram.com/lrtrnm_/" class="btn btn-primary btn-sm mt-2">Instagram</a>
311362
</div>
312363
</div>
313364

@@ -412,7 +463,7 @@ <h5 class="mb-2">Óscar Alarcón</h5>
412463
</div>
413464
</div>
414465
<div class="text-center">
415-
<a href="#" class="btn btn-primary btn-sm mt-2">Personal Page</a>
466+
<a href="https://www.instagram.com/oscaralarcon__/" class="btn btn-primary btn-sm mt-2">Instagram</a>
416467
</div>
417468
</div>
418469

0 commit comments

Comments
 (0)