Este proyecto es una landing page diseñada para presenta al usuario los servicios de Psico Test 360, una empresa dedicada a la evaluación psicológica y el desarrollo personal. 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
Créditos
Este proyecto fue desarrollado por samuraidev y ninoska como parte de un desafío de diseño web.