How to create an animated website using HTML CSS and bootstrap 5

Показать описание

Hi, In this video I will be designing an animated website using HTML, CSS, and Bootstrap.
The animation will be triggered when a user scrolls to the bottom from the top. For the Animation, I'll be using the AoS library.
______________________________

📙Topics Covered

✔️Google Fonts
✔️Bootstrap Installation
✔️Bootstrap Container
✔️Bootstrap Grid
✔️Sticky navbar on scrolling
✔️Bootstrap Scrollspy
✔️Remix Icons Embed
✔️ And more
______________________________

👍 Recommended videos

▶️Build a Website Using HTML CSS | Start To End | Step By Step Tutorial

▶️Design a hair salon website using html5, css3, and Bootstrap

▶️Design a premium template using HTML, CSS, and Bootstrap 5

▶️How to Make a Multipurpose landing template using HTML CSS and Bootstrap
______________________________

💖Subscribe here:
______________________________

📂Download Project Files

📂How to download Project
- Click on the GitHub link
- Click the green Code button
- Download ZIP
- Save and extract
______________________________

😉Follow & Subscribe to us
______________________________

📂Assets used in this video are from
______________________________

⚠️Disclaimer
Just for the time being, I did not use browser prefixes, If you wish to ensure cross-browser compatibility please use prefixes.

Рекомендации по теме

Комментарии

Thanks so much brother! best of luck for your channel!

woofcode

Really Nice. Please upload some website design with bootstrap 5 ❤️❤️

anonymousytuser

I learnt a lot from your videos. but one thing is we were taught a good bootstrap website should contain lesser css as possible. But you use more css when the same thing can be done using bootstrap classes

AnimeVerse_A

great job brother . very helpful . specially recommended to the beginners

peakofversatility

How do you change the blue border on the buttons - .btn? My site is about coffee and the color theme is brown, gold, and red. The blue just doesn't fit. I can't find the css for the a:visited a:active buttons. Also, a search in the .js reveals no code either.

rootgreatness

Greate Job !! We are waiting for More ??

hamisimchana

do you have have advance web design videos on youtube

awetogaabraham

bro, my navbar is overlapping with my hero section.. how to fix?

a.human.

Great job. I really admire your designs. And thanks for the voice explanations.

prinzybeats

1:18:38 how do u select both the text at a time

tech-learner

Bro I downloaded the project and run index.html but alignments are wrong, our services imgages are full screen and similar errors, what may be the mistake bro

tech-learner