Elixir — Bootstrap Landing Page / How to make a responsive website using HTML CSS and Bootstrap

Elixir — Bootstrap Landing Page / How to make a responsive website using HTML CSS and Bootstrap
______________________________

📙Topics Covered

✔️Font Share
✔️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.
______________________________

Timestamps
0:00 Intro
3:33 Environment Setup
7:59 Reset Properties
13:31 Navbar
20:19 Hero
25:18 About
35:46 Services
43:00 Counter
46:05 Portfolio
54:08 Testimonials
1:00:06 Team
1:05:10 Contact
1:12:01 Blog
1:15:58 Footer
1:28:04 Animations
1:32:43 Preview

[hasanmusluoglu]

**PERFECT** I coded the site myself from start to finish.

[jeetsikder]

Great video sir... I have learnt so many things from your video.
Love from India 🇮🇳❤️☺️

[zeeshanali]

one of the best design i have seen so far .. thanks you i am going to use it in as a landig page in my project .

[aimanecouissi]

I have been waiting for your new video. Keep going.

[Munchkie]

I like it, but in my opinion the nav-links can be spaced out a little more and you can give the background a little darker overlay, so you have more contrast between the text in the middle and the background(hero section).

[AYUSHRAJ-yxsq]

thank you sir ! great video learned a lot . helped me in many ways.

[omotayomiracle]

Thank you so much.. your videos are amazing 🎉🎉

[ahsanmughal]

Always awesome 🤩🤩
Can i add this project in my resume

[ritikmanta]

Hlo sir plz make footer animation also ❤

[edenblockchain]

I've finished my website, thank you. Can yo do a tutorial on uploading on Github depository & publishing it live on the web?

[JohnProsper-yqmh]

I like your vscode font. Please how do I change mine.. to make it like yours

[abdoulayesene]

you are fucking dope. love the way that..., very organised

[guigarcia]

awesome video!! how did u made the svg logo?

[dare.suraj]

your video is awesome sir can you make video with javascript

[m.fadhilsyuza]

Hi, i have an issue :

When i'm on Home & About section (With 100% zoom on Chrome setting), there are scroll right, and when i scroll it, there are *empty spaces* on the right of the Home & About section

But it's only happen in Home & About Section (With 100% zoom on Chrome setting),
The other sections are totally fine (there are no Scroll right)

But it's not happen (everything totally fine) when i'm at 80% zoom on Chrome Setting

Why is it happening?

I'm confused, hope you can answer my question

Thank you :)

[vfixtechnology]

Hello bro from where you get these design ideas?

[mauropineyro]

HI Sa7man how re u?
which is the plugin than show the possible class options?

[edenblockchain]

Hey, I'm having issues on the spacing of my website, everything is close to the top on all of my sections. Where did I go wrong? currently at 45:25

[edenblockchain]

Line 89-92 on html my words are appearing under my image instead of to the right of it, how do I fix this

[MeenaPatel-po]

You need improve the teaching and explain how responsive work in detail., 👍