Design a premium template using HTML, CSS, and Bootstrap 5 / Bootstrap 5 Complete Course

Подписаться 8 тыс.

Просмотров 125 тыс.

50% 1

Hi everyone, In this video, I'll design a premium Bootstrap 5 Template from the very beginning to the end. After watching this video you will be able to design your own Premium template.
______________________________
📙Topics Covered
✔️Bootstrap Installation
✔️Google Fonts
✔️Bootstrap Scrollspy
✔️Owl Carousel Slider
✔️Sticky navbar on scrolling
✔️Bootstrap Container
✔️Bootstrap Grid
✔️Responsive Layout
✔️ 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
👉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/SA7...
👉RU-vid: / sa7man
______________________________
📂Assets used in this video are from
💻Icons: remixicon.com/
💻Fonts: fonts.google.c...
💻www.pexels.com/
💻unsplash.com/
💻owlcarousel2.g...
______________________________
⚠️Disclaimer
Just for the time being, I did not use browser prefixes, If you wish to ensure cross-browser compatibility please use prefixes.

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 105

@peakofversatility1845 2 года назад

great brother very helpful . Thank you for all the efforts. May Allah bless you 😍😍😍

@RajeshKumar-uw9qi 2 года назад

And today I subscribed your channel and found the best web tutorial there....keep up good work always. Have a good day

@SA7MAN 2 года назад

Thanks, Bhai.

@shehryshaikh4666 Год назад

This is one of those video that i have completely followed and watched till the end thanks mannn! ☺☺

@shihabshihab9795 11 месяцев назад

bro do you have code send me plese

@fkwebdev 2 года назад

Brother please make an ecommerce premium website template 😊😊

@j.m.5433 Год назад

Thanks a lot for your teaching. You are really good on it!

@nuraini-yd6sy 2 года назад

Thanks for the great tutorial . Subscribed 👍

@RajeshKumar-uw9qi 2 года назад

Awesome design dear. Thanks for your time and effort you give......

@waelzad4655 Год назад

a Very Professional Work >>>

@dinethdilshan6016 3 месяца назад

Thanks a lot for your teaching.

@quaid-e-azameducationalcomplex 2 года назад

Good Presentation having strong grip, very helpful material

@AnilSaini-yw7mp 2 года назад

Sir G y bta skty h kya aap js kha sy link krvaya h

@chayansarkar8722 2 года назад

Thank you very much. This project was helpful for me.

@user-dt9sl2jw7o 2 месяца назад

HANK YOU SO MUCH

@kunalchavda8622 Год назад

just amazing tutorial...very well explained...hats off.!👌👌

@saqibamin9942 Год назад

Thankyou this video is really helpful

@afaqahmad8918 2 года назад

Your new fan 🤚🏻

@kamaraemmanuelf6409 Год назад

you are amaizing sir

@alishamugale3568 Год назад

Thank you sir . Learned a lot from one video

@SA7MAN Год назад

Glad to hear that

@shihabshihab9795 11 месяцев назад

bro do you have code send me plese

@holimasandy2937 2 года назад

It an awesome project. please can you create Ecommerce project for some of us to get more knowledge? also is there any link for backend development?

@siblynoman8867 Год назад

you are the best. could you please make an eCommerce website tutorial?

@mombicolanaVA Год назад

I will try it now dear...

@carlostho7403 2 года назад

keep doing these videos! nice

@praveenrao9619 Год назад

You are Amazing man

@blessed-favored 2 года назад

Thank you bro. Learnt quite a bit from the video. Keep it up.

@SA7MAN 2 года назад

Glad it helped

@muhdbasiirzulkifle5090 Год назад

Thank you for the great tutorial!

@DrTsitos Год назад

Thank you for this site!!!

@sangeennawaz1485 2 года назад

learned a lot from this

@lukeroberts914 2 года назад

Nice video mate

@MaxTheKing289 2 года назад

Thank you for this tuto it was very helpful

@SA7MAN 2 года назад

Glad it was helpful!

@pedrambeheshtian5502 Год назад

I saw this ، thank u

@AbdulSattar-qj3pb 2 года назад

Derar sir i visit your chanal today and you are the osam person man My question to you that where are you from I subscribe like 👍 and share your videos with my class fellows

@Web_Cric 2 года назад

Can you please make a video on JavaScript course with project? It will be very helpful for us ..

@ArieBayang Год назад

Thanks for the tutorial, it's really inspiratif, I like to ask can I create a design first on webflow and add necessary code for dynamic it later on vs code?

@evayong2613 2 года назад

Hello, this is the best tutorial i have come across...but I have a problem with the team section.....my pictures are not displaying as yours, how are I wish you will reply ASAP

@SA7MAN 2 года назад

IDK why images are not displaying. You can download the project from GitHub github.com/SA7MAN/Prixima

@snehasharma6761 Год назад

Sir if I want to add backend to this project how can I do that like the contact section if I want the info to be stored in database what can I do ?

@woofcode3383 2 года назад

Thanks so much! You are great!

@SA7MAN 2 года назад

You're welcome!

@kojoagyekumboateng1997 Год назад

Great tutorial!

@shihabshihab9795 11 месяцев назад

bro do you have code send me plese

@coolclouds3534 2 года назад

Well done bro 👏 👍

@SA7MAN 2 года назад

Thank you so much 😀

@sorithly130 2 года назад

You should increase your vs code font size.

@anushgm4947 2 года назад

@28:22 probably he is using old verison of bootstrap so he is using ms-auto...when I tried it is not working. So I replaced that with "ml-auto". If u face this issue try what I tried.

@SA7MAN 2 года назад

getbootstrap.com/docs/5.2/utilities/spacing/

@devber2450 Год назад

Thank you

@dreamsdreams8836 Год назад

thank you

@farjanaakter2729 2 года назад

To active the (Home) by changing option it’s not working.Any suggestion please?

@everaldosantosoliveira2246 2 года назад

parabéns!

@varshinisunkara7996 2 года назад

please suggest why am I seeing a gap (white space) between "top -nav" and top of the page. I checked all the code still couldn't find out?? Thank you

@johneshun3730 6 месяцев назад

please the GitHub link to the project profile is not working anymore...is there another way?

@farukoner1605 Год назад

Thank you for allowing us to download the template. Would you also allow us to use it?

@shihabshihab9795 11 месяцев назад

bro do you have code send me plese

@darkhary4103 2 года назад

Can you please make video same like nova template which is in bootstrap made Thanks

@SA7MAN 2 года назад

Sure, I'll keep this in mind for upcoming videos.

@fabricewakenge5636 9 месяцев назад

Hello guys hope you’re doing fine The modal pop up is not working with my contact button, any help ? Appreciate in advance

@hoby-aja Год назад

I'm using bootstrap 5.3, the scrossSpy doesn't work, any idea ?

@mdsaifullah6305 8 месяцев назад

i want playlist of bootstrap 5 project in english

@malikadwedar5170 5 месяцев назад

Githup is not work with me I can not do sign in

@webmiskinmia-zy9jn 9 месяцев назад

make some projects by javascripts please

@AbdulSattar-qj3pb 2 года назад

Sir i am a bigner person And need some Guidelines from you if you want

@kingasaurio3597 2 года назад

What plugin are you using to check how it looks in different sizes?

@SA7MAN 2 года назад

You can inspect it by clicking the right mouse button and then selecting the mobile icon at the top left corner of the browser

@hasnaingillani5600 Год назад

Bahi how to add logo in Navbar Brand Please Reply

@kevinrittershaus9380 2 года назад

Sticky-top not working on my demo. I've tried adding a size to header bit that doesn't work. Any suggestions?

@kevinrittershaus9380 2 года назад

I took the main nav out of the header and kept top-nav in the header and it worked.

@SA7MAN 2 года назад

@@kevinrittershaus9380 Ok, Great.

@kevinrittershaus9380 2 года назад

@@SA7MAN Great tutorial btw!

@SA7MAN 2 года назад

@@kevinrittershaus9380 Thanks!

@ismailismailopu3115 Год назад

what kind of website is this is this portfolio website

@mikhailjeff5493 2 года назад

I am new to CSS and I've read that using !important declaration is considered a bad practice. Why do you keep on using it?Is it really okay?

@SA7MAN 2 года назад

I have done a little mistake while selecting owl carousel nav. It should have been selected like this ".hero-slider .owl-nav button.owl-next" then we did not require to use an important flag. And It is considered to be bad practice but can be useful in some conditions You can read more css-tricks.com/when-using-important-is-the-right-choice/

@mikhailjeff5493 2 года назад

@@SA7MAN Thank you!