How to create an animated website using HTML CSS and bootstrap 5
ฝัง
- เผยแพร่เมื่อ 7 ก.ย. 2024
- 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
• How to make a website ...
▶️Design a hair salon website using html5, css3, and Bootstrap
• Build a website for a ...
▶️Design a premium template using HTML, CSS, and Bootstrap 5
• Design a premium templ...
▶️How to Make a Multipurpose landing template using HTML CSS and Bootstrap
• How to make a website ...
______________________________
💖Subscribe here:
👉 / @sa7man
______________________________
📂Download Project Files
👉Download Project: github.com/SA7...
📂How to download Project
- Click on the GitHub link
- Click the green Code button
- Download ZIP
- Save and extract
______________________________
😉Follow & Subscribe to us
👉Instagram: / sa7man.khan
👉Github: github.com/SA7MAN
👉TH-cam: / sa7man
______________________________
📂Assets used in this video are from
💻www.elegantthe...
💻Fonts: fonts.google.c...
💻www.pexels.com/
💻unsplash.com/
______________________________
⚠️Disclaimer
Just for the time being, I did not use browser prefixes, If you wish to ensure cross-browser compatibility please use prefixes.
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
Thanks for your feedback. While Bootstrap provides many classes to style a website, sometimes custom CSS can provide more control and advanced styling. It's important to find a balance between using Bootstrap classes and custom CSS. Thanks for watching my videos and I hope they continue to be helpful to you.
Thanks for your feedback. While Bootstrap provides many classes to style a website, sometimes custom CSS can provide more control and advanced styling. It's important to find a balance between using Bootstrap classes and custom CSS. Thanks for watching my videos and I hope they continue to be helpful to you.
Great Work
Osam❤
Really Nice. Please upload some website design with bootstrap 5 ❤️❤️
Thanks so much brother! best of luck for your channel!
Superb
Superb bro
Thanks 🤗
great job brother . very helpful . specially recommended to the beginners
lvl ha yrr🔥
Amazing!!!!!!!!!!!!!!!!
Greate Job !! We are waiting for More ??
Nice
Really excellent explanation bro..
nice...
Great job. I really admire your designs. And thanks for the voice explanations.
love the tutorial by the way
great work
Please make more videos
Your sound quality is not properly audible
first like 👍♥️
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.
Great video man! I would you like to collaborate with you in some future video.... what do you say?
Sure, Why not!
do you have have advance web design videos on youtube
bro, my navbar is overlapping with my hero section.. how to fix?
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
Masha Allah, Alaka subscirber hal de hm rata waya somra showal?
I want this figma file for practice. Can you provide this figma file
Download Project Download Project: github.com/SA7MANKHAN/Billo-Pro
source code? pls
@@thomescribanti3228 Click on the above link, (pinned comment)
@@SA7MAN Where? I don't find it
please its a broken link
@@melpponp2694 Download Project: github.com/SA7MANKHAN/Billo-Pro
Can I use this template/tutorial for my own website???
Of course you can.
1:18:38 how do u select both the text at a time
Ctrl+D. Hold control button and then press D button
@@SA7MAN thanks
Hello , the code is giving an error can you write a new link?
Download from here: Download Project: github.com/SA7MANKHAN/Billo-Pro
@@SA7MAN please its a broken link