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.