Este proyecto es una réplica del reto Clipboard landing page de Frontend Mentor. Se trata de una landing page moderna y responsiva para promocionar una aplicación de gestión del portapapeles.
La página muestra las funcionalidades principales de la app Clipboard: historial completo, sincronización iCloud, snippets organizados y más.
Incluye imágenes promocionales, testimonios, logos de marcas reconocidas y llamados a la acción para descargar la app en iOS o Mac.
El diseño está hecho con Tailwind CSS y sigue un enfoque mobile first.
- HTML5 semántico
- Tailwind CSS
- Responsive Design
- Íconos en SVG
- Optimización con clases utilitarias
- Reto basado en: Frontend Mentor
- Header: logo, mensaje principal y botones de descarga.
- Main:
- Descripción de funciones (historial, búsqueda, sincronización)
- Acceso desde cualquier dispositivo
- Herramientas: listas negras, texto plano, vista previa
- Testimonios con logos de empresas
- Sección final de descarga
- Footer: navegación secundaria y redes sociales
.
├── index.html
├── css/
│ └── output.css
├── images/
│ ├── favicon-32x32.png
│ ├── bg-header-mobile.svg
│ ├── logo.svg
│ ├── image-computer.png
│ ├── image-devices.png
│ ├── icon-blacklist.svg
│ ├── icon-text.svg
│ ├── icon-preview.svg
│ ├── logo-google.png
│ ├── logo-ibm.png
│ ├── logo-microsoft.png
│ ├── logo-hp.png
│ ├── logo-vector-graphics.png
│ ├── icon-facebook.svg
│ ├── icon-twitter.svg
│ └── icon-instagram.svg- Agregar versión en español de todos los textos
- Mejorar accesibilidad con etiquetas ARIA
- Integración de formulario de contacto funcional
- Reemplazo de botones por elementos
<a>accesibles
Bryan14Saenz
“Programa no para resolver problemas, sino para crear soluciones.”
📧 Correo: 14bryansaenz@gmail.com
🌐 GitHub: github.com/Bryan14Saenz
🔗 LinkedIn: linkedin.com/in/14bryansaenz