Modern HTML CSS Projects-Video Background Glass Morphism CSS

Modern HTML CSS Projects-Video Background Glass Morphism CSS, available at $44.99, has an average rating of 4.35, with 61 lectures, based on 19 reviews, and has 135 subscribers.

You will learn about Project based teaching to sharpen your HTML, CSS, Bootstrap skills Build Transparent Login & Sign Up Form Learn how to add Video Background on website Build Glass Morphism website using HTML, CSS and Bootstrap Modern Hover Effects on Cards Learn how to add Glow Effect on Card Modern Unique Animated Responsive Navbar with Header Glassmorphism Effects Flexbox Projects Dashboard Design This course is ideal for individuals who are Person who want to know how we build modern website. or Person who want to know how we build glass morphism website. or Person who want to know how we create Transparent Login Sign Up Form. or Person who want to know how we add modern css animation, hover effects, glow effect, glassmorphism effect in web projects. or Person who want to learn through modern and latest projects or Project based learning course It is particularly useful for Person who want to know how we build modern website. or Person who want to know how we build glass morphism website. or Person who want to know how we create Transparent Login Sign Up Form. or Person who want to know how we add modern css animation, hover effects, glow effect, glassmorphism effect in web projects. or Person who want to learn through modern and latest projects or Project based learning course.

Enroll now: Modern HTML CSS Projects-Video Background Glass Morphism CSS

Summary

Title: Modern HTML CSS Projects-Video Background Glass Morphism CSS

Price: $44.99

Average Rating: 4.35

Number of Lectures: 61

Number of Published Lectures: 61

Number of Curriculum Items: 61

Number of Published Curriculum Objects: 61

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Project based teaching to sharpen your HTML, CSS, Bootstrap skills

Build Transparent Login & Sign Up Form

Learn how to add Video Background on website

Build Glass Morphism website using HTML, CSS and Bootstrap

Modern Hover Effects on Cards

Learn how to add Glow Effect on Card

Modern Unique Animated Responsive Navbar with Header

Glassmorphism Effects

Flexbox Projects

Dashboard Design

Who Should Attend

Person who want to know how we build modern website.

Person who want to know how we build glass morphism website.

Person who want to know how we create Transparent Login Sign Up Form.

Person who want to know how we add modern css animation, hover effects, glow effect, glassmorphism effect in web projects.

Person who want to learn through modern and latest projects

Project based learning course

Target Audiences

Person who want to know how we build modern website.

Person who want to know how we build glass morphism website.

Person who want to know how we create Transparent Login Sign Up Form.

Person who want to know how we add modern css animation, hover effects, glow effect, glassmorphism effect in web projects.

Person who want to learn through modern and latest projects

Project based learning course

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!!!

Course Curriculum

Chapter 1: Course Overview

Lecture 1: Overview

Chapter 2: Html, Css & Bootstrap Refresher

Lecture 1: Html Introduction

Lecture 2: Install Code Editor and Extensions

Lecture 3: Html Basic Examples

Lecture 4: Text Formating

Lecture 5: Bootstrap basic classes and Columns

Lecture 6: Bootstrap Card and Form

Lecture 7: Css Info Part 1

Lecture 8: Css Info Part 2

Chapter 3: Project Transparent Login & Sign Up Form

Lecture 1: Project Overview

Lecture 2: Boiler Plate

Lecture 3: Add Background Video

Lecture 4: Create Login Form

Lecture 5: Style the Login Form

Lecture 6: Sign Up Form

Chapter 4: Project Card Hover Glow Effect

Lecture 1: Project Overview

Lecture 2: Card Html Part

Lecture 3: Start Styling Our Card

Lecture 4: Add Glow Hover Effect – part 1

Lecture 5: Add Glow Hover Effect – part 2

Chapter 5: Project Unique Modern Animated Responsive Navbar with Header

Lecture 1: Project Overview

Lecture 2: Modern Unique Responsive Navbar with header part 1

Lecture 3: Modern Unique Responsive Navbar with header part 2

Lecture 4: Modern Unique Responsive Navbar with header part 3

Chapter 6: Project Travel Video Background, Glass morphism website

Lecture 1: Project Overview Travel Website

Lecture 2: Files & Folder Structure

Lecture 3: Set Video Background

Lecture 4: Make Our Glass Navbar

Lecture 5: Navbar Links & Social Icons

Lecture 6: Main Navigation Section

Lecture 7: Make Our Navbar Sticky

Lecture 8: Service Section

Lecture 9: About Us Section

Lecture 10: Add the Smooth Scrolling Effect

Lecture 11: Testimonial Section

Lecture 12: Contact US Glass Form

Lecture 13: Add Map & Icons

Lecture 14: Make Our Glass Footer

Chapter 7: Project Modern Pet Website

Lecture 1: 1-Project Overview

Lecture 2: 2-Responsive Sticky Navbar

Lecture 3: 3-Intro Section

Lecture 4: 4-Pet Food & Activities Exercise Section

Lecture 5: 5-Award Section

Lecture 6: 6-Our Services Section

Lecture 7: 7-Happy Section

Lecture 8: 8-Pricing Table Section

Lecture 9: 9-Teach Your Pet Section

Lecture 10: 10-Our Team Section

Lecture 11: 11-Check In Time Section

Lecture 12: 12-Dogs & Cat Section

Lecture 13: 13-Quote Section

Lecture 14: 14-Contact Form Section

Lecture 15: 15-Footer and Smooth Scroll Effect

Chapter 8: Modern Dashboard Design Project Using Flexbox

Lecture 1: Project Overview

Lecture 2: 2-Side Bar Structure

Lecture 3: 3-Side Bar Styling

Lecture 4: 4-Navigation

Lecture 5: 5-Top Bar

Lecture 6: 6-Right Bottom

Lecture 7: 7-Scroll Cards

Lecture 8: Message Side

Instructors

Abdul Qadeer
Full Stack Web Developer | Freelancer

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!