Complete Responsive Website using HTML CSS Bootstrap 4 and JavaScript in Hindi 2020


Welcome, How to create a Complete Responsive Website using HTML CSS Bootstrap 4 JavaScript & jQuery in Hindi 2020. We will also use HTML5 CSS3 and jQuery plugins to make this website along with HTML CSS Bootstrap and JavaScript in Hindi. This is a complete responsive single page website and many more important topics are cover in this video while making responsive websites also CSS media queries are also there to make the website responsive.

➡️ Source Code Link:

➡️ Advanced Header Like Shape Polygon Clip Path CSS:

************ Here is the Official India.ResellerClub Black Friday Sale 60% OFF Link *******************

➡️ If you are in India:
➡️ if you are not in India:

***************** MUST WATCH VIDEOS ******************

➡️ How to become a Full Stack Developer 2020:

➡️ How To Become a Web Developer 2020:

➡️ Advanced JavaScript in Hindi Playlist:

➡️ How JavaScript Works:

➡️ Advanced Border Radius:

➡️ Follow me on Instagram:

************* Must Watch Videos For Web Development.*************

➡️ HTML in One Video:

➡️ CSS in One video:

➡️ CSS FlexBox in 30 Minutes:

➡️ JavaScript in One video:

➡️ ECMAScript 6 in One Video :

➡️ HTML5 in one video:

➡️ CSS3 in one video:

➡️ Bootstrap4 in One video:

➡️ Jquery in One video:

➡️ JSON in one video:

➡️ ReactJS in one video:

➡️ PHP in One Video:

➡️ NodeJS in one video:

➡️ MySQL in one video:

Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link:

DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos 🙂

My Siter Youtube Channel Link:
Plz Subscribe with all your friends 🙂 Thank You.

Click on the link below to watch web developer courses videos

HTML in One Video :
CSS in One Video:
Javascript tutorial in one video:
PHP in One Video:
DAtabase and PHP Together for read, create, update, delete:
How to create a website like carbon health:
How to create a website:

****************** Tools I used to Record Videos *****************
1: Dell Inspiron 15 5570 2018 15.6-inch FHD Laptop (8th Gen Core i3-8130/4GB + 16GB Optane Memory/1TB/Windows 10):
2: Wright WR 800 Condenser Microphone with Free USB Sound Card:
3: Wright Wp 101 Pop Filter For Dynamic Condenser Microphone Voice Recording:
4: AmazonBasics Ventilated Laptop Stand (Black):
5: Generic NB-35 Professional Recording Microphone Stand:
6: JBL T160 in-Ear Headphones with Mic (Black):
7: AmazonBasics Braided HDMI Cable – 6-Feet:

Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.

Don’t Forget to Follow me on all Social Network,

Website Link:
Instagram Link:
Facebook Link:
Twitter Link:
Facebook ThapaTechnical Page Link:



  1. Guys.. Kaisa laga video comment krke jarror batana.. n Plz sabko share krdena guys.. let's Hit 1lakh Subscribers.. #1lkh ☺️

  2. Vista print ya print venue ke jaisa web tool, aur interface jaisa tutorial daalo please, ye wala tutorial ya usse releted material kidar bhi nahi sikhate

  3. Thankyou sir for these video I am trying these but I have an query jb me background change krri hu to wo desktop nd trophy jaa rha he nd uski widht bhi large he kaise solve krre please help me

  4. Love u sir….apki video kitna hi badi ho bilkul v boring nai rahta so thanku so much jo ki apne itna kuch btaya is vdo me

  5. Hi Vinod Thapa Ji.. I humbly request you to please provide any contact number of yours so that I can contact you as per your convenience for my queries..

  6. Bhai document bhi de de ..css or index.html..proper kaam ho jayega….bhai link de dena please….mere sath bhohot logo ko kaam ayega….uperse I Will introduce your channel to my frds…. Bhai bus link dal de.. coding ke.

  7. Heh my things are overlaying each other like header-section comes on navbar and then easy to use one comes on each of them… Plz help

  8. Hello thapa technical thank you verymuch for this awesome video.i have subscribed your channel.i have learned lots of things from your video.but can you plz make a video how to sticky position used.and after watching this video i cant understand the gradient effect .in my laptop this gradient not works properrly.can u plz tell me why it is not working.and i have follwed from another video how to sticky use in css.but this property also not working my laptop.plz plz make a video how to use sticky property and how to use linear gradient property.plz plz keep my request

    is tarha ki website banani hy help kar dain plz kaise banao kia kia use hoa hy plz help………..

  10. i m using visual studio code editor, in this Color Overlay syntax is not working, and as i apply linear gradient on it, banner image don't show –
    background:linear-gradient(rgba(0,168,255.0.3), rgba(0,168,255.0.3)), url('../img/banner1.png') no-repeat;

    Banner image is reflecting only with this – background: url('../img/banner1.png') no-repeat;

    what is the solution?

  11. Sir plz ek video bnao School website ke liye fully responsive with me media gallery and flex slider……Plz….Plz….


Please enter your comment!
Please enter your name here