Modern HTML CSS Projects-Video Background Glass Morphism CSS

Are you looking for a practical course that will teach you how to build modern website ? In this course, you’ll build an amazing looking responsive website amazing hands on practical projects in which we have video background, Glass Morphism website design Effect, Flexbox Projects and much more which is trending in 2022.

Did you learn web development but you don’t know how to start building a modern looking website using html css and bootstrap ?

In this course we’ll use your knowledge to build a website.

Do you need to be professional ? We will build a professional modern website and learn how we add some cool css effect so that we can use it in our website to look our website modern and professional.

Course Projects and Flow

1-Html, CSS, Bootstrap Refresher its a project based course so not focus in details

2-Video Background Login Sign Up Project Using Html, CSS & Bootstrap

3-Card Hover Glow Effect Project Using Html & CSS

4-Modern & Unique Animated Responsive Navbar with Header

5-Travel Video Background, Glass morphism website Using Html, CSS & Bootstrap

6-Complete Modern Pet Website website Using Html, CSS & Bootstrap

7-Modern Dashboard Design Using Flexbox

Travel Video Background, Glass morphism website

1. We’ll add the Video Background by using HTML5, CSS3 and Bootstrap

2. We’ll add the Glass Navbar by using HTML5, CSS3 and Bootstrap

3. We’ll add the Glass Home section by using HTML5, CSS3 and Bootstrap

4. We’ll add the Glass Service section by using HTML5, CSS3 and Bootstrap

5. We’ll add the Glass About Us section by using HTML5, CSS3 and Bootstrap

6. We’ll add the Glass Testimonial section by using HTML5, CSS3 and Bootstrap

7. We’ll add the Glass Contact Us form by using HTML5, CSS3 and Bootstrap

8. We’ll add the Glass Map by using HTML5, CSS3 and Bootstrap

9. We’ll add the Glass Footer by using HTML5, CSS3 and Bootstrap

10. We’ll test the responsive design of the website many times

11. We’ll add JS for the Navbar so that our Navbar becomes sticky on the top when we scroll

12. We’ll add JS animations to the website so that we have a smooth scrolling effect in our website

Modern Pet Website

1. We’ll add the Responsive Sticky Navbar by using HTML5, CSS3 and Bootstrap

2. We’ll add the Intro Section by using HTML5, CSS3 and Bootstrap

3. We’ll add the Pet Food & Activities Exercise Section by using HTML5, CSS3 and Bootstrap

4. We’ll add the Award Section by using HTML5, CSS3 and Bootstrap

5. We’ll add the Services Section by using HTML5, CSS3 and Bootstrap

6. We’ll add the Happy Section by using HTML5, CSS3 and Bootstrap

7. We’ll add the Pricing Table Section by using HTML5, CSS3 and Bootstrap

8. We’ll add the Teach Your Pet Section by using HTML5, CSS3 and Bootstrap

9. We’ll add the Our Team Section by using HTML5, CSS3 and Bootstrap

10. We’ll add the Check In time Section by using HTML5, CSS3 and Bootstrap

11. We’ll add the Dogs & Cat Section by using HTML5, CSS3 and Bootstrap

12. We’ll add the Quote Section by using HTML5, CSS3 and Bootstrap

13. We’ll add the Contact Form Section by using HTML5, CSS3 and Bootstrap

14. We’ll add the Footer and Smooth Scroll Effect by using HTML5, CSS3 and Bootstrap.

Modern Dashboard Design Using Flexbox

1. We’ll build the Side Bar using HTML5, CSS3

2. We’ll build the Navigation using HTML5, CSS3

3. We’ll build the Top Bar using HTML5, CSS3

4. We’ll build the Right Bottom Bar using HTML5, CSS3

5. We’ll build the Scroll Cards using HTML5, CSS3

6. We’ll build the Message Side using HTML5, CSS3

So why are you waiting for ENROLL NOW and start building modern website and CSS Effects in your website.

See you in my course!!!

Rating Distribution

• 1 stars: 0 votes
• 2 stars: 1 votes
• 3 stars: 1 votes
• 4 stars: 3 votes
• 5 stars: 14 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!