Interior Consultant | Consultora de Interiores

Solution for a challenge from Devchallenges.io. | Solución para un desafío de Devchallenges.io.

Demo | Solution / Solución | Challenge / Desafío

Table of Contents | Tabla de contenido

• Overview | Visión general
  • Built With | Construido con
• Features | Características
• Acknowledgements | Agradecimientos
• Contact | Contacto

Overview | Visión general

Desktop | Escritorio

Mobile | Móvil

Hello everyone, I hope you are well. This is my solution to challenge from Devchallenges.io. | Hola a todos, espero que estén bien. Esta es mi solución al desafío de Devchallenges.io

Here you can see my demo. | Aquí pueden ver mi demo.

This time I take advantage of the project to implement a CSS transition for the navbar links, something that I had not done before. I modify the bottom border of each of them with the :before pseudoclass. I also give a random link to the footer link. | En esta ocasión aprovecho el proyecto para implementar una transición CSS para los enlaces del navbar, algo que no había hecho antes. Modifico el borde inferior de cada uno de ellos con la pseudoclase :before. También otorgo un enlace aleatorio al link del footer.

Built With | Construido con

• HTML
• CSS
• JavaScript

Features | Características

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories | Esta aplicación/sitio se creó como una entrega a un desafío de Devchallenges. El desafío fue crear una aplicación para completar las historias de usuario dadas:

• User story: I can see a page following the given design. | Historia de usuario: Puedo ver una página siguiendo el diseño dado.
• User story: On mobile, I can see a collapsed navigation | Historia de usuario: En móvil, puedo ver una navegación contraída
• User story: On mobile, when I select the hamburger menu, I can see a navigation | Historia de usuario: En móvil, cuando selecciono el menú de hamburguesa, puedo ver una navegación

Acknowledgements | Agradecimientos

• Trucos CSS (12) - Bordes animados; To add the bottom border transition to links | Para agregar la transición del borde inferior a los enlaces.

• Posicionar footer SIEMPRE pegado al pie de pagina ; In order to keep the footer always at the bottom of the page. However, in this project I use it in certain cases | Para lograr mantener el footer siempre al fondo de la página. Sin embargo, en este proyecto lo uso en determinados casos.

Contact | Contacto

• Devchallenges profile | Perfil de Devchallenges
• Codepen: @javiervaleriano
• GitHub: @javiervaleriano
• Instagram: @javiervalerianoz
• Twitter: @javaleriano2