{Devchallenges This Interior exo 3}

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

The tech used

For this project I have used the html, CSS and Js Vanilla, the css animation keyframes and the media querries. For create the static items in page, i have used the css grid in the post-card, and used the flex-box for the nav and for place the contain of hoeres section.

The animation

For the nav , I have add a animation to the text move/ rotate to the top with a small delay with all element in nav nav. And for the hamburger menu , I have add a small translate to the left and a apparition of defferently element to the nav with a smalll delay.

The Burger menu

For create this, I have used the querrySelecor the ul of my nav and add a class if click the menu of burger menu. The addEventListener play the fonction for open or close a menu. And a add a special class for element of nav for a good resolution in mobile and ipad.

Built With

I have build this project with HTML, CSS3 And JS vanilla .

Features

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.

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser

Contact

• Website your-website.com
• GitHub @antozr