https://github.com/codegeekr/landing-page-cosmetics

Landing page for on line store Cosmetics.
https://github.com/codegeekr/landing-page-cosmetics

bootstrap5 css-animations css-flexbox css-grid css3 html5 javascript

Last synced: about 8 hours ago
JSON representation

Landing page for on line store Cosmetics.

• Host: GitHub
• URL: https://github.com/codegeekr/landing-page-cosmetics
• Owner: CodeGeekR
• Created: 2024-03-23T17:11:48.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-08-15T13:08:10.000Z (3 months ago)
• Last Synced: 2024-08-15T15:02:49.705Z (3 months ago)
• Topics: bootstrap5, css-animations, css-flexbox, css-grid, css3, html5, javascript
• Language: HTML
• Homepage: https://www.kaficosmetics.co
• Size: 3.47 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Proyecto: Landing Page para Productos y Servicios de Belleza




    

        

    

    

        

    

    

        

    



Este proyecto es una landing page diseñada para presentar una variedad de productos y servicios de belleza, cuidado de la piel, cosmeticos, nutrición, maquillaje, accesorios. La página ha sido desarrollada utilizando tecnologías como HTML, CSS, JavaScript y Bootstrap 5.3, siguiendo buenas prácticas de programación y optimización de código.

## Estructura del proyecto

El proyecto tiene la siguiente estructura de archivos:

- `index.html`: Página principal del sitio web.

- `css/styles.css`: Archivo de estilos personalizados.

- `js/main.js`: Archivo de lógica del sitio web.

- `README.md`: Documentación del proyecto.

## Descripción del proyecto

- Cards Animadas: Las tarjetas de productos están diseñadas con animaciones CSS para proporcionar una experiencia de usuario interactiva y atractiva.

- Carousel: Un carrusel de imágenes destacadas proporciona una visión dinámica de los productos y servicios ofrecidos.

- Modal: Se utilizan ventanas modales para proporcionar detalles adicionales sobre los productos y servicios cuando se seleccionan.

- Enlace Directo a WhatsApp: Para facilitar la comunicación y las transacciones con los clientes, se ha incluido un enlace directo a WhatsApp en cada tarjeta de producto.

## Tecnologías Utilizadas

- HTML: Utilizado para la estructura básica de la página.

- CSS: Utilizado para el diseño y las animaciones de la página.

- JavaScript: Utilizado para la funcionalidad interactiva de la página.

- Bootstrap 5.3: Utilizado para el diseño responsivo y los componentes interactivos de la página.

## Vista Previa

- [Página web del proyecto](https://www.kaficosmetics.co)

## Créditos

Este proyecto fue desarrollado por [samuraidev](https://www.samuraidev.engineer)