Bootstrap 5 Responsive Landing Page Design | Responsible website design

Bootstrap 5 Responsive Landing Page Design | Responsible website design
Hello Friends, In this video, We are going to build a responsive website using HTML CSS and Bootstrap 5. In his Bootstrap 5 project, we will learn about the Bootstrap 5 navbar, bootstrap 5 form, bootstrap 5 grid, bootstrap 5 carousel, bootstrap 5 cards, bootstrap 5 color, etc. You can download the images used for this project from the link below.
👉 Click For More: / @divinector
👉 Project Images: cutt.ly/bUGeDcz
👉 Download This Code: www.divinectorweb.com/
👉 More Like this: • Full Website Design Fr...
👉 Support this Channel: www.buymeacoffee.com/divinector
Follow this Channel:
--------------------------------------------------
▶️ Website for Source Code: www.divinectorweb.com/
▶️ Facebook: / divinector
▶️ Twitter: / divinector
▶️ Instagram: / divinector
▶️ Subscribe For More Front-End Development Tutorials: cutt.ly/PUlhXxH
===========================================
--| Watch More Videos on Webdesign | --
-----------------------------------------
▶️ Flexbox examples: cutt.ly/XmYdofE
▶️ Navigation menu Tutorial: cutt.ly/7mYdnGX
▶️ Ken Burns Effects: cutt.ly/wmYdfRb
▶️ Swiper slider tutorial: cutt.ly/WmYdWu0
▶️ Slick slider tutorial: cutt.ly/5mYdTl3
▶️ Footer Deign : cutt.ly/ZmYdUHB
▶️ Pricing Table Design: cutt.ly/emYdAaY
▶️ Contact Form Design: cutt.ly/5mYdFgT
▶️ CSS Image Hover Effect: cutt.ly/9mYdK6v
▶️ CSS3 Animation Snippets: cutt.ly/umYdBCz
▶️ Home page design: cutt.ly/7mYd9Zs
▶️ Web Design & Development: cutt.ly/nmYft52
▶️ Text Animation: cutt.ly/QmYfpA4
▶️ JQuery Plugin Tutorial: cutt.ly/MmYffYb
▶️ HTML Template: cutt.ly/AmYfj0s
Image Credit: pexels
#divinector

[@chenwanyen]

Thanks for sharing! I have made a landing page successfully by watching this tutorial step by step. Most of things work well. I change the font-weight to 600 because the text in my browser looks faded with "font-family: Montserrat".

[@Divinector]

Glad it helped!

[@shruti_3243]

How did you make that, I mean on which platform did you make the webpage?

[@centum_dream]

​@@Divinectormm

[@vovo8298]

Thanks alot ❤❤❤❤ it was so useful. I hope you will always be happy and successful 😊

[@Divinector]

So nice of you

[@gopalmhaske5370]

Thank you for providing a good video and source.
Thank you for your good influence.
I sincerely hope that you will develop.❣❣❣❣

[@Divinector]

Thanks for the visit

[@user-yd9ry8ke6q]

Thank you for providing a good video and source.
Thank you for your good influence.
I sincerely hope that you will develop.

[@Divinector]

Thank you too!

[@BiMiHi]

Awesome work, thank you so much for this :)

[@Divinector]

Glad you liked it!

[@happytv3]

amazing .thanks for project images

[@Divinector]

thanks for the visit

[@adiliqbaal6796]

thank you so much i will completed my project , and credit goes to You sir BIG RESPECT ❣❣ KEEP IT UP

[@Divinector]

Keep it up

[@eltonsantos8804]

Hi Teacher, great job! Its amazing!!!

[@Divinector]

Glad you like it!

[@media7588]

Thank you so much! Thanks to you, I solved the problem in my landing page project

[@Divinector]

Glad it helped!

[@nyombiphilemon3761]

very much grateful, it has helped me in my first project👊👊

[@Divinector]

Great to hear!

[@AyazKhan-hn1ee]

Highly Recommended. I gave 10 Stars out of 10

[@Divinector]

Thanks for the visit

[@adityashekharsingh2669]

thanks for increasing my project count

[@Divinector]

Thanks for the visit

[@codsmannu7384]

Thanks for this wonderful landing page

[@Divinector]

Thanks for the visit

[@asiimwecalvin6893]

You deserve a place in heaven with even a swimming pool...Thank alot...!!

[@Divinector]

Thanks for the visit

[@Deus-lo-Vuilt]

more videos with bootstrap pls

[@DrGAGS-uy5qm]

Hi!
Thanks for this tutorial #Divinector.

[@Divinector]

Glad it was helpful!

[@skyflora9835]

Such a nice video. It helped me a lot

[@Divinector]

Glad it helped!

[@milonhossain3355]

Thank you for providing a good video and source.

[@Divinector]

So nice of you

[@mereckeynuunyango1322]

Best

[@adnanimran4414]

Thank you! Your work is a really a great help for me ... please do more with bootstrap 5 and JS (Custom-ly)

[@Divinector]

Will do!

[@judithokwuose]

Nice tutorial, if i dont want the carousel and i just need the page to show an image on one the right side and a text on the left, what should i use.

[@taimoorhussainofficial9277]

YOU SHOULD USE TOW COLUMS ONE FOR IMAGE AND 1 FOR TEXT COL-6

[@xemtuvi-nhiettinh-az]

Can i ask why they put class name = col ml md....

[@1smart_study]

Thank you man

[@Divinector]

Thanks for the visit

[@AbhishekThakur-fk7px]

Really helpful Thank you so much sir.

[@Divinector]

Thanks for the visit.

[@mahnooraltaf8525]

Just amazing

[@Divinector]

Thanks for the visit

[@user-th4gy4sz8j]

супер😊😊

[@mntdev]

Adorei a lição, muito obrigado.

[@Divinector]

obrigado

[@saltech2024]

This is awesome!!

[@Divinector]

thanks for the visit

[@Rahulyadav17187]

Great job

[@Divinector]

thanks for the visit

[@juanpablogomezkian6686]

excellent video!!

[@Divinector]

Thanks for the visit

[@zuhrilfahrizal2177]

thank you sio much

[@Divinector]

Thanks for the visit

[@Vishakhayadav01]

Thank you 👍

[@Divinector]

No worries!

[@DILEEPKUMAR-xk8sc]

Thank you so much

[@Divinector]

You're most welcome

[@crinceebelempou6611]

Nice and simple

[@Divinector]

Thanks for liking

[@NajmiddinTurgunpolatov-md8cr]

thank you bro

[@Divinector]

Thanks for the visit

[@artisutar7615]

THANK YOU BRO..😊

[@Divinector]

Thank you too

[@user-fk5ku7pm2d]

thank you so so much for this

[@Divinector]

Thanks for the visit

[@Sigma__Gaming.]

so nice website design ☺

[@Divinector]

thanks for the visit

[@hope...3464]

hie, i got problem in carousel that while styling the inner::before my whole carousel gets that bg colour including the text on it also. what should i do

[@Divinector]

have you applied z-index. get the code from description box

[@user-je4et6hu8j]

Thank you soo much for uploading this video...Keep do it more...i will also copy from you more...

[@Divinector]

Thanks for the visit

[@xemtuvi-nhiettinh-az]

Thank you do you have any tutorial for React with this same website? 🎉🎉🎉

[@dePaul_08]

Hi Teacher.I am from Uzbekistan.This website amazing.Goodbye!!!

[@Divinector]

Thanks for the visit

[@ArjunaPandava]

thank you

[@Divinector]

Thanks for the visit

[@syedsalmanali7359]

Nice pages

[@Divinector]

Glad you like them!

[@syedsalmanali7359]

@@Divinector Thanks

[@syedsalmanali7359]

@@Divinector where are you from

[@kangwamukuka4056]

Beautiful ❤

[@Divinector]

Thanks for the visit

[@GoalGlory33]

This video Is helpfull ❤

[@Divinector]

Thanks for the visit

[@tolgasahin2624]

Dude, awesome speed and clean code. Thank you very much for sharing

[@Divinector]

Thanks for the visit

[@taurusdark7656]

@@Divinector If you don't mind, could you tell me where is the code to download?
Thank you very much in advance.

[@Divinector]

Please check the website link in description box.

[@taurusdark7656]

@@Divinector Bro, sorry to bother but where do I download the bootstrap?

[@Divinector]

getbootstrap.com/

[@Mark_Justine]

Thanks for sharing this tutorial, What vscode theme you are using?

[@Divinector]

At this moment, Material theme ocean

[@thanushaudara3730]

thanks sir.

[@Divinector]

Thanks for the visit

[@ericcc5676]

the bestt

[@Divinector]

Thanks for the visit

[@t.g.3706]

Thanks so much sir

[@Divinector]

Thanks for the visit

[@technogamerfan00]

thanku you bro ❤

[@Divinector]

Thanks for the visit

[@pugazhc5243]

Thanks bro🎉🎉🎉

[@Divinector]

Thank you too

[@cosmecardoso8618]

show de mais

[@nassirourahimy8952]

merci

[@Divinector]

merci de visiter la chaîne youtube

[@Spirovsk]

great looks website. I am curious what are you using as a browser that allows you so switch to mobile mode ? Thank you

[@Divinector]

This feature available in mozilla firefox. Thanks for the visit

[@afsanarousne8941]

Very nice..May Allah bless you

[@Divinector]

Thanks for the visit

[@m.cwaduwawala1192]

good job bro

[@Divinector]

Thanks for the visit

[@muhibyt7469]

Awesome website ❤

[@Divinector]

Thanks for the visit

[@yogiganteng9231]

thankyou bro iam yogi nugraha from indonesian

[@Divinector]

Thanks for the visit

[@muharramozodboyeva8697]

thankyou

[@Divinector]

Thanks for the visit

[@user-sc1sm3em9w]

cool video)

[@Divinector]

Thanks for the visit.

[@syedfaizan5841]

thanks

[@Divinector]

Thanks for the visit

[@jamesbryanramos6910]

I add dropdown in navigation bar, why the dropdown menu are in the left?
Please help me to move it into right

[@Divinector]

Please add ms-auto class with the class navbar-nav

[@devshinde7254]

nice video

[@Divinector]

Thanks for the visit

[@tektektuktuk4086]

Hi should I copy paste everytime ? or try to learn all of these attributes

[@Divinector]

First learn all of these attributes

[@naveenkumarm5914]

well done bro

[@Divinector]

Thanks for the visit

[@snezhana5507]

Thanks a lot !
But I don't understand why in () not working padding ?
I don't have space between sections .. I tried to find answer ..

[@Divinector]

give section-padding class a padding value

[@letsarray5712]

Bro thank you for your tutorial. i'll pay your service with i subscribe your youtube channel

[@Divinector]

Thanks for the visit

[@simransharma93]

I have one question

[@Hacker-om9xz]

My carousel is not working pls help get the image but the height is very big and sometimes i only get one image and the side arrows are also not working.

[@Divinector]

have you collected the code from description

[@Bhupi4240]

❤❤❤

[@Divinector]

Thanks for the visit

[@malakalby100]

thanks for your effort but I've problems with: before not shown in the project how can i solve it?

[@Divinector]

your question is not clear

[@malakalby100]

@@Divinector Thanks for the your reply could I sent you an image for the problem? I think you will understand what I mean

[@Divinector]

go for it

[@anisfathima3163]

thanks for this project!...but i have some issue,once my navbar is open ,then it doesn't close ,i did same as your code bt its not working for me..what i do?

[@Divinector]

get the source code and see what went wrong

[@sannikeshachari3912]

in bootstrap templet if we want extra pages its possible if possible any use
backend code?

[@Divinector]

no backend code needed

[@user-cq5os2fj8l]

my text animations arent working any idea on how to fix it ? i have just followed your steps

[@Divinector]

Please Collect the Code and see whether you missed anything

[@BIT_RAJKUMAR]

I already created website if I make the website responsive using bootstrap should I create that website from scrap or can i change it with the existing code

[@Divinector]

If you've already created a website and now want to make it responsive using Bootstrap, you generally don't need to start from scratch. Instead, you can modify the existing code to integrate Bootstrap's responsive features into your website. Of course you need to add bootstrap js and css file in your file.

[@kolenj]

awesome video，can you share the source code？❤

[@Divinector]

In the description

[@lucii6664]

I'm getting a problem the text got disappear and the image take full High when I use it on responsive mode. Solution please

[@Divinector]

check the comments. I have given a solution for it.

[@HaroldHenao]

Muchas gracias por ese aporte tan valioso

[@Divinector]

Gracias por el cumplido

[@SuneoHonekawa409]

I have a question how to you add the pink circle on the first in style.css how to you do this On the windows?

[@Divinector]

didn't get you

[@SuneoHonekawa409]

⁠@@Divinectornever mind I know that

[@zaiyanffshorts5483]

Sir how can I
download whole website

[@Divinector]

please go to website link I provided and search there. You will get it there

[@sanpoudel997]

❤❤

[@Divinector]

Thanks for the visit

[@sanpoudel997]

@@Divinector actually completed the project as well was a huge help 😍💙

[@pugazhc5243]

Please upload the form validation code please 🙏

[@networkstar30]

Good Day. Can we configure this and put our own pictures and info here and then deploy it? please advice. thank you.. i we can.. what would be the credits to our footer?

[@Divinector]

Yes, you can. channel link will be fine. Thank you

[@networkstar30]

@@Divinector how much if we are going to remove the copyright?

[@Divinector]

zero

[@networkstar30]

@@Divinector ive send a message to your web sir.

[@Robert-gr1cl]

my captions on the carousel are not centered, how do i fix this?

[@Divinector]

adjust the top or bottom value

[@MirziyodMirshoxidov-di9xk]

kodlarini tashabberolismi manam ozimmikid aqilib kormoqchi edim
oldindan raxmat

[@Divinector]

kanalga tashrif buyurganingiz uchun rahmat

[@murodfikriofficial4091]

13:29

[@Divinector]

Thanks for the visit

[@adishct4371]

please try to explain also .

[@pugazhc5243]

Bro intha website ku cotact form validation uplod pannunga bro plsss😢😢

[@teraex5285]

How to solve carousel images height issue?

[@Divinector]

keep them same size

[@weishyan9699]

where the section-padding come from

[@weishyan9699]

when do w-100 and my text is gone

[@baptistikenna9770]

Bro please the carousel isn't working
Please respond

[@Divinector]

please collect the source code. link in description

[@shinpol767]

what is section padding in css

[@Divinector]

section padding is used to generate space between two sections of a website

[@shabbinhossain8127]

Although I'm not in the position to correct you, your css skills are way superior than mine but heard that its not really a good idea to manipulate bootstrap classes using external css.

[@Divinector]

It's true. But sometimes when it is necessary.

[@spyders4445]

F

[@pradumkumar6933]

at 8:20 my text is not going in center

[@loveforall9343]

text-align: center;

[@Thuyinh-ek2wy]

Hello, can I have the code please???

[@Divinector]

Search the website provided in description box

[@ShivaniSharma-gu1rs]

Actually i have facing problem can you pls hlp m

[@Divinector]

download code and let me know if the problem still exist

[@marketin1513]

can i get the whole code to copy?

[@Divinector]

check description box

[@Godzil771]

What is your code editor

[@Divinector]

at present vs code

[@Godzil771]

@@Divinector are you software developer

[@Divinector]

Nope. Frontend developer