https://github.com/sgcm14/0523c02-portfolio

portfolio aplicando bootstrap
https://github.com/sgcm14/0523c02-portfolio

bootstrap first-mobile formsubmit-co html sass

Last synced: 29 days ago
JSON representation

portfolio aplicando bootstrap

• Host: GitHub
• URL: https://github.com/sgcm14/0523c02-portfolio
• Owner: sgcm14
• Created: 2023-07-06T01:26:01.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-17T05:03:33.000Z (almost 3 years ago)
• Last Synced: 2025-03-15T11:49:52.517Z (over 1 year ago)
• Topics: bootstrap, first-mobile, formsubmit-co, html, sass
• Language: HTML
• Homepage: https://sgcm14.github.io/0523C02-portfolio/
• Size: 2.15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Portfolio

=============

- Esta landing la estoy realizando dentro del curso **Front End** de la carrera [Certified Tech Developer](https://www.digitalhouse.com/ar/productos/programacion/certified-tech-developer "Certified Tech Developer") 

- **Periodo :** Mayo - Julio 2023

> Front End I - Práctica integradora

**Objetivo:**

------------

Como vimos en las clases anteriores, una de las principales tareas de un desarrollador front-end es estructurar interfaces a partir de un wireframe o una imagen. El desafío será reconocer los diferentes componentes y layouts que ofrece la documentación de Bootstrap y comenzar a estructurar un archivo hasta obtener un resultado visual similar a la referencia, pero con sus datos personales.

 ![](https://raw.githubusercontent.com/sgcm14/0523C02-portfolio/main/img/Bocetos/desktop.png)

> Pantalla de **Desktop**

![](https://raw.githubusercontent.com/sgcm14/0523C02-portfolio/main/img/Bocetos/tablet.png)

> Pantalla de **Tablet**

![](https://raw.githubusercontent.com/sgcm14/0523C02-portfolio/main/img/Bocetos/mobile.png)

> Pantalla de **Mobile**

![](https://raw.githubusercontent.com/sgcm14/0523C02-portfolio/main/img/Bocetos/hover.png)

> Pantalla de **Hover**

![](https://raw.githubusercontent.com/sgcm14/0523C02-portfolio/main/img/Bocetos/modal.png)

> Pantalla de **Modal**

**Desafío:**

------------

Tomando como referencia los bocetos que se encuentran en este archivo, comenzaremos a utilizar los componentes y layouts de Bootstrap para armar nuestro portfolio on line. Allí encontrarán también las imágenes necesarias.

A tener en cuenta:

- Debe adaptarse a mobile y desktop como indican los bocetos.

- Cada card de la sección portfolio tiene un efecto hover y además con el evento click abrimos un modal. Cada card debe tener su propio modal.

- Se pueden utilizar otras imágenes si se desean. El tamaño de las mismas es de **900px x 650px**

- Recordar crear clases propias para los cambios de estilos.

- Enlazar las cdn tanto de css como js.

- Recurrir siempre a la documentación.

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)