https://github.com/emicastor/32_secciones_hero

32 secciones hero maquetadas con Bootstrap. Diseños tomados de diferentes sitios web a modo de inspiración.
https://github.com/emicastor/32_secciones_hero

argentina bootstrap bootstrap5 css desarrollo-web developer freelance html html-css html-css-javascript html5 programming responsive-web-design responsive-website sitioweb web-design web-development website

Last synced: 3 months ago
JSON representation

32 secciones hero maquetadas con Bootstrap. Diseños tomados de diferentes sitios web a modo de inspiración.

• Host: GitHub
• URL: https://github.com/emicastor/32_secciones_hero
• Owner: emicastor
• Created: 2024-07-05T23:01:11.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-06T21:29:48.000Z (10 months ago)
• Last Synced: 2025-01-04T11:12:34.378Z (5 months ago)
• Topics: argentina, bootstrap, bootstrap5, css, desarrollo-web, developer, freelance, html, html-css, html-css-javascript, html5, programming, responsive-web-design, responsive-website, sitioweb, web-design, web-development, website
• Language: CSS
• Homepage: https://32seccioneshero.netlify.app/
• Size: 20.1 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 32 secciones hero

![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

32 secciones hero maquetadas con Bootstrap a partir de una foto como inspiración. Diseños sacados de diferentes sitios web (dribbble, Behance, Pinterest, etc). #𝙳𝚎𝙵𝚘𝚝𝚘𝙰𝙲𝚘𝚍𝚒𝚐𝚘 👨‍💻

A saber: 

- Código css de bootstrap purgado con la herramienta [purgeCSS](https://purgecss.com/)

- El diseño mobile de los hero son pensados por mí.

- Las imágenes son creadas en Canva por mí y luego convertidas a WebP para reducir peso y ganar velocidad.

#### Hero 1

Link del diseño original [acá](https://ar.pinterest.com/pin/450852612712001140/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 1](/hero_1/assets/img/hero_1.png)

#### Hero 2

Link del diseño original [acá](https://ar.pinterest.com/pin/450852612712055513/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 2](/hero_2/assets/img/hero_2.png)

#### Hero 3

Link del diseño original [acá](https://designtemplateplace.com/product/company-profile-hero-header-345433#gallery-1)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 3](/hero_3/assets/img/hero_3.png)

#### Hero 4

Link del diseño original [acá](https://designtemplateplace.com/product/findker-hire-hero-header-image-436469#gallery-1)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 4](/hero_4/assets/img/hero_4.png)

#### Hero 5

Link del diseño original [acá](https://designtemplateplace.com/product/gaming-hero-section-472248#gallery)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 5](/hero_5/assets/img/hero_5.png)

#### Hero 6

Link del diseño original [acá](https://designtemplateplace.com/product/modern-fashion-trends-hero-section-website-489488#gallery-1)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 6](/hero_6/assets/img/hero_6.png)

#### Hero 7

Link del diseño original [acá](https://ar.pinterest.com/pin/397864948339057574/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 7](/hero_7/assets/img/hero_7.png)

#### Hero 8

Link del diseño original [acá](https://ar.pinterest.com/pin/710513278714521170/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 8](/hero_8/assets/img/hero_8.png)

#### Hero 9

Link del diseño original [acá](https://ar.pinterest.com/pin/420664421462232417/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 9](/hero_9/assets/img/hero_9.png)

#### Hero 10

Link del diseño original [acá](https://designtemplateplace.com/product/educlub-professional-e-learning-platform-hero-487386#gallery)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 10](/hero_10/assets/img/hero_10.png)

#### Hero 11

Link del diseño original [acá](https://ar.pinterest.com/pin/545920786111744510/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 11](/hero_11/assets/img/hero_11.png)

#### Hero 12

Link del diseño original [acá](https://ar.pinterest.com/pin/31736372366589561/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 12](/hero_12/assets/img/hero_12.png)

#### Hero 13

Link del diseño original [acá](https://ar.pinterest.com/pin/704180091761245953/)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 13](/hero_13/assets/img/hero_13.png)

#### Hero 14

Link del diseño original [acá](https://dribbble.com/shots/17808357-Wforce-Web-Design)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 14](/hero_14/assets/img/hero_14.png)

#### Hero 15

Link del diseño original [acá](https://dribbble.com/shots/17829097-Podcast-Platform-Website)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 15](/hero_15/assets/img/hero_15.png)

#### Hero 16

Link del diseño original [acá](https://www.behance.net/gallery/171149055/UXUI-design-concept-for-a-yoga-and-meditation-studio)

Mi maquetación con Bootstrap ⬇️

![Captura de pantalla del hero 516](/hero_16/assets/img/hero_16.png)