https://github.com/codegeekr/landing-page-psicotest360
Landing Page for Psico test 360
https://github.com/codegeekr/landing-page-psicotest360
api api-rest astro bootstrap5 css css-animations css3 django html5 javascript react sql sqlalchemy
Last synced: 5 months ago
JSON representation
Landing Page for Psico test 360
- Host: GitHub
- URL: https://github.com/codegeekr/landing-page-psicotest360
- Owner: CodeGeekR
- Created: 2024-08-15T21:08:53.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-15T21:31:31.000Z (almost 2 years ago)
- Last Synced: 2025-04-12T22:58:10.999Z (about 1 year ago)
- Topics: api, api-rest, astro, bootstrap5, css, css-animations, css3, django, html5, javascript, react, sql, sqlalchemy
- Language: CSS
- Homepage: https://psicotest360.co/
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Proyecto: Landing Page Psico Test 360
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
- [Página web del proyecto](http://psicotest360.co/)
## Créditos
Este proyecto fue desarrollado por [samuraidev](https://www.samuraidev.engineer) y [ninoska](https://portafolio-natalia.netlify.app/) como parte de un desafío de diseño web.