Requirements
- Basic knowledge of html and Css
Description
Hi Guys!
WELCOME TO THE COURSE "Create 5 Easy Navbars with CSS"
This course is divided in 5 Sections, the content of every video is explained below:
First Section: Intro
- Get the summary of what you will be learning in the entire course.
Second Section: Dropdown Menu
- Create a transition for the Menu Icon with the transform property, from a vertical hamburger icon to an arrow facing down.
- Add a shadow to your navbar and shadow to the links
- Create an animation for the links when you hover them.
- Improve your Css skills
Second Section: Gradient side bar menu
- Create a hamburger Icon with a gradient color that will transform into a gradient "X" once you click on it.
- Add a transition for the menu Icons as well as the responsive navbar and menu links.
- Create a hover animations for the links by switching the colors of each of them.
Third Section: Full Height menu
- Create a minimalist transition for the hamburger Icon when clicked.
- Display a full height menu when clicking on the menu Icon with a nice transition using the transform property.
Fourth Section: Shift side bar Menu
- Create a side bar menu that shift the background image when clicking on the Icon.
- Rotate the arrow icon 180 degrees to when clicking on it with the transform property and the value rotate.
Fifth Section: Icons side bar Menu
- Create a side bar menu with Icons on the left side of the page that show the link's name when you hover on the navigation bar
- Add a gradient background to the links when hover them, also a zoom-in animation.
- Add a transition for the navbar.
THIS COURSE IS AIM TO BEGINNERS & INTERMEDIATE PROGRAMMERS, WEB DESIGNER, WEB DEVELOPERS.
All the code is made under the html File including the Css Code and JavaScript.
Each menu has a zip file attached that you can find on the "resources" with the html files and images.
Who this course is for:
- Beginner and intermediate programmers and web developers
- Beginner web designers
Instructor
- 4.5 Instructor Rating
- 135 Reviews
- 24,540 Students
- 9 Courses
Hi!
My name is Eliana, and I am passionate about web development, web design and programming.
My Journey started in 2019 when I wanted to create a website for myself, since then I fell in love with my career and in 2021 I decided to start teaching to help others unlock their potential.
I believe that learning to code should be an exciting and rewarding journey, one that not only imparts valuable technical skills but also unleashes your creativity. Programming offers a unique blend of logic and imagination, allowing you to build innovative solutions and bring your ideas to life.
I strive to make complex concepts accessible and relatable by breaking them down into manageable steps and using real-world examples.
Teaching allows me to share my passion for programming with others and witness the transformative power of education.
Whether you're a complete beginner or looking to advance your skills, I am here to guide and support you on your programming journey.
Let's embark on this exciting adventure and unlock the limitless possibilities that coding offers!
Feel free to reach out to me with any questions or to discuss how we can work together to achieve your learning goals.