THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

Create Responsive Website Using HTML5 CSS3 and JavaScript in Hindi

Create Responsive Website Using HTML5 CSS3 and JavaScript in Hindi

Welcome all, we will see how to create a responsive website using HTML CSS and javascript in Hindi.
We will see everything in just one video, CSS animation, CSS transition, JavaScript working in dept, media queries to make our web pages responsive all in one.
I try my best to explain each and every line by line. Hope you enjoy my video and believe me you gonna learn a lot from this one video.

Click here to see the video


I know most of you are here for source code. So here is all the link that I mention on my video.

Remember, To use the Font Awesome icons, Don't forget to add the following line inside the head section of your HTML page. Here is the line.

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/lib..." and ya don't forget to add angle brackets in before and after the link word.

What is a Media Query? Why should you know Media query?

A media query is a CSS technique that is introduced in CSS3 to make the web pages responsive. It uses the @media rule to include a block of CSS properties only if a certain condition is true.
Creating a website using HTML CSS and javascript tutorial in Hindi, Typical Device Breakpoints. There are thousands of screens and devices available with different heights and widths, so it is hard to create an exact breakpoint for each device. But after the media query, we can almost achieve it.

To keep things simple you could target five groups:

1: /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /*
2: Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /*
3: Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...} /*
4: Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {...} /*
5: Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {...}

"Honestly, I have no idea how to ask, but if you donate using PAYTM to support me, It's gonna help me a lot." PAYTM Number: 9518369954

Click on below link to get the source code of the Responsive Website Using HTML5 CSS3 and JavaScript in Hindi. It is in .rar file format so to get the file out from it. Just download the .rar file then simply right click on it and Choose the Extract file option that's it. You are ready to go. Hope my video helps you :)

SOURCE CODE OF THE VIDEO

47 comments:

  1. hi... please send image for send my mail address

    ReplyDelete
  2. bhai tumne kon sa software use kiya he is website desing ke liye

    ReplyDelete
    Replies
    1. sublime text 3
      here is the link. https://www.sublimetext.com/3
      copy and paste it in your browser

      Delete
  3. This is an awesome post. Really very informative and creative contents. This concept is a good way to enhance knowledge. I like it and help me to development very well. Thank you for this brief explanation and very nice information. Well, got good knowledge.
    WordPress development company in Chennai

    ReplyDelete
  4. bahi man gea me ap ko thanks bro

    ReplyDelete
  5. Can you make my website for 5000 RS for my internet cafe with login and signup page

    ReplyDelete
    Replies
    1. yes i can make please contact me if you want now
      contact- hadanavdeep@gmail.com

      Delete
  6. Live web site kase hoga.s ir plese help me

    ReplyDelete
  7. u are amazing....thank u very much

    ReplyDelete
  8. File is in bin how can I get the source code

    ReplyDelete
  9. Sir mujhe thapa cake wali website ka backend ka video chahiye

    ReplyDelete
    Replies
    1. sir cake vali website ka backend ka video yaa code chahiye plse send me gauravrinayat786@gmail.com

      Delete
  10. Sir iska source code ka link nahi mil raha hai

    ReplyDelete
  11. Website.html is trashed by the owner.

    ReplyDelete
  12. i want zip file for this source code containing images,css and html file

    ReplyDelete
  13. The determination of the catchphrases is in this manner critical for the site perceivability score you would get. On the off chance that you inadequately picked the watchwords which are less focused and of less incentive to your business, you may get a higher perceivability score.
    Web Design Curriculum

    ReplyDelete
  14. Succeed! It could be one of the most useful blogs we have ever come across on the subject. Excellent info! I’m also an expert in this topic so I can understand your effort very well. Thanks for the huge help. diseñador web barcelona

    ReplyDelete
  15. Thapa G aapki video bahut acchi and supportable hai. me apni khud ki ek website banana chahta hu per me samjh nahi pa raha hu ki usme html css ke alava javascript, php, my sql and bootstrap kese use kare. use info. kese store kare, and use google per live kese laye. agar possible ho to is per ek video banaye chahe bah 2 hour se b jyada ho. thanks

    ReplyDelete
  16. Thanks for your post. seems to be useful for me.

    ReplyDelete
  17. I am happy to find this post Very useful for me, as it contains lot of information. I Always prefer to read The Quality and glad I found this thing in you post. Thanks freelance web designer peter

    ReplyDelete
  18. The article was up to the point and described the information very effectively. Thanks to blog author for wonderful and informative post.
    website designing Service

    ReplyDelete
  19. mp3 juice download is very demanded, and everybody would like to get such platform. Here you can indeed found better-chosen files.

    ReplyDelete
  20. Thank you sir for making such a useful videos, but im trying ur responsive website you tube video ,im not geting the Results,i fail to aply the css to html page. Pls guide me.

    ReplyDelete
  21. Wow, What an Outstanding post. I found this too much informatics. It is what I was seeking for. I would like to recommend you that please keep sharing such type of info.If possible, Thanks. κατασκευη ιστοσελίδας με wordpress

    ReplyDelete
  22. Additionally, they usually cover all aspects of website development including marketing and advertising. They may have teams of specialists that they can deploy to your location and work in-house under a temporary contract.Web Designer

    ReplyDelete
  23. You have a real ability for writing unique content.I like how you think and the way you represent your views in this article.I agree with your way of thinking.Thank you for sharing. Mobile Price in Bangladesh

    ReplyDelete
  24. Quickly this site might irrefutably become well-known among most blogging and site-building people, because of the persistent posts as well as critiques. kmspico

    ReplyDelete
  25. Thankyou for this wondrous post, I am glad I observed this website on yahoo. Ozzun Get free WordPress Themes

    ReplyDelete
  26. Web Development Company Codeaze best Web Development Company offers top Web Application Development & Web Development Services to generate most impressive results & improve your business. codeaze

    ReplyDelete
  27. Creating your web site can be a tricky process. Choosing the best web design firm for your business web site is a very important decision. And if your company is like most small businesses, you probably do not have web design experience.Webdesign

    ReplyDelete
  28. This is very nice one and gives indepth information. thanks for this nice article.I haven’t any word to appreciate this post.....Really i am impressed from this post....the person who create this post it was a great human..thanks for shared this with us.This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here keep up the good work.best tablets under

    ReplyDelete
  29. Web Development Services Codeaze is one of the best Web Development Company which offers reliable Web Development Services worldwide to generate the most remarkable results & strengthen your business.
    Address: Asia Pacific Trade Center, Rashid Minhas Rd, Karachi
    Email: info@codeaze.org
    Phone: 0316 2586964
    Website: https://www.codeaze.org Codeaze

    ReplyDelete
  30. It is imperative that we read blog post very carefully. I am already done it and find that this post is really amazing. web design san francisco

    ReplyDelete
  31. Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks type logos

    ReplyDelete
  32. Semrush and Word tracker - the greater part of which are open unreservedly for this reason. blog comments service in 1$

    ReplyDelete
  33. Very informative post! There is a lot of information here that can help any business get started with a successful social networking campaign. pozycjonowanie grudziądz

    ReplyDelete
  34. Likewise, you can underline or strong the important watchwords to make it unmistakable for internet searcher crawlers.
    SEO PACKAGE

    ReplyDelete