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 :)
hi... please send image for send my mail address
ReplyDeletebhai tumne kon sa software use kiya he is website desing ke liye
ReplyDeletesublime text 3
Deletehere is the link. https://www.sublimetext.com/3
copy and paste it in your browser
Image kaha he??
ReplyDeleteclick "source code of the video" link
Deletewhere is source code?
DeleteSend the source code plz.
DeleteThis 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.
ReplyDeleteWordPress development company in Chennai
tum images hi nahi diye ho yar
ReplyDeletebahi man gea me ap ko thanks bro
ReplyDeleteNdndjn
ReplyDeleteNeed source code
ReplyDeleteCan you make my website for 5000 RS for my internet cafe with login and signup page
ReplyDeleteyes i can make please contact me if you want now
Deletecontact- hadanavdeep@gmail.com
Live web site kase hoga.s ir plese help me
ReplyDeletethanks
ReplyDeleteu are amazing....thank u very much
ReplyDeletenyc
ReplyDeleteFile is in bin how can I get the source code
ReplyDeleteSir mujhe thapa cake wali website ka backend ka video chahiye
ReplyDeletesir cake vali website ka backend ka video yaa code chahiye plse send me gauravrinayat786@gmail.com
DeleteImages ka link do
ReplyDeleteSir iska source code ka link nahi mil raha hai
ReplyDeleteWebsite.html is trashed by the owner.
ReplyDeletei want zip file for this source code containing images,css and html file
ReplyDeleteThe 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.
ReplyDeleteWeb Design Curriculum
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
ReplyDeleteThapa 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
ReplyDeleteThanks for your post. seems to be useful for me.
ReplyDeleteI 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
ReplyDeleteThe article was up to the point and described the information very effectively. Thanks to blog author for wonderful and informative post.
ReplyDeletewebsite designing Service
mp3 juice download is very demanded, and everybody would like to get such platform. Here you can indeed found better-chosen files.
ReplyDeleteThank 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.
ReplyDeleteWow, 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
ReplyDeleteAdditionally, 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
ReplyDeleteYou 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
ReplyDeleteQuickly this site might irrefutably become well-known among most blogging and site-building people, because of the persistent posts as well as critiques. kmspico
ReplyDeleteThankyou for this wondrous post, I am glad I observed this website on yahoo. Ozzun Get free WordPress Themes
ReplyDeleteWeb Development Company Codeaze best Web Development Company offers top Web Application Development & Web Development Services to generate most impressive results & improve your business. codeaze
ReplyDeleteCreating 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
ReplyDeleteThis 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
ReplyDeleteThis is good post. please checkout Samsung Galaxy S11 Price in bangladesh 2020
ReplyDeleteWeb 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.
ReplyDeleteAddress: Asia Pacific Trade Center, Rashid Minhas Rd, Karachi
Email: info@codeaze.org
Phone: 0316 2586964
Website: https://www.codeaze.org Codeaze
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
ReplyDeleteYes 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
ReplyDeleteGooooood
ReplyDeleteفرقة دبا لليولة
Semrush and Word tracker - the greater part of which are open unreservedly for this reason. blog comments service in 1$
ReplyDeleteVery 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
ReplyDeleteLikewise, you can underline or strong the important watchwords to make it unmistakable for internet searcher crawlers.
ReplyDeleteSEO PACKAGE
It is an excellent blog, I have ever seen. I found all the material on this blog utmost unique and well written. And, I have decided to visit it again and again. dofollow profiles
ReplyDeleteIt’s appropriate time to make some plans for the future and it is time to be happy. I have read this post and if I could I wish to suggest you few interesting things or advice. Perhaps you could write next articles referring to this article. I desire to read even more things about it! theymakedesign
ReplyDeleteIf you make a website for me i will pay you
ReplyDeleteI gotta favorite this website it seems very helpful . ui/ux design agency sf
ReplyDeleteThis is my first time i visit here and I found so many interesting stuff in your blog especially it's discussion, thank you. web design agency san francisco
ReplyDeleteWith the accompanying 7 basic keys, you will gain proficiency with the insider facts that the architects of the best logos on the planet definitely know. Cooperate Identity design
ReplyDeleteExactly, you're very kind of us about comment!. visit us
ReplyDeleteIt's very nice of you to share your knowledge through posts. I love to read stories about your experiences. They're very useful and interesting. I am excited to read the next posts. I'm so grateful for all that you've done. Keep plugging. Many viewers like me fancy your writing. Thank you for sharing precious information with us.
ReplyDeleteGet more info about magento developer sydney
Wow, What a Excellent post. I really found this to much informatics. It is what i was searching for.I would like to suggest you that please keep sharing such type of info.Thanks office 365 entreprise
ReplyDeleteAcademic capstone project writing could be the most challenging task in your college and university life water softener system installations
ReplyDeleteI think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. Groovepages pricing
ReplyDeleteYes 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 seo malaysia
ReplyDeleteThank you very much for this great post. I read that Post and got it fine and informative. Please share more like that best website development company
ReplyDeleteThere are around 20 pre-characterized topics to look over.Wikipedia writers for hire
ReplyDeletemy javascript programme isn't working I have cross-checked many times what do to ???
ReplyDeleteI would like to articulate thankfulness you for this very good minutia and numbers! I am very promised for this post. This location is so cooperative. Thanks and share more I am waiting to read. web design Glasgow
ReplyDeleteA web designing company hires both the web designers as well as the graphic designers. The web designers hired by a web designing company are well aware about all kinds of programming techniques which are essential in order to highlight a website in the best possible manner. Best Digital Marketing companies in Singapore
ReplyDeleteIt was wondering if I could use this write-up on my other website, I will link it back to your website though.Great Thanks. ovulation test strips
ReplyDeleteI’m impressed, I must say. Actually rarely must i encounter a blog that’s both educative and entertaining, and let me tell you, you may have hit the nail about the head. Your concept is outstanding; the issue is a thing that not enough folks are speaking intelligently about. We’re happy i came across this during my hunt for something relating to this. jasa pembuatan website profesional
ReplyDeleteI love your tutorial but am having an issue with the CSS.Twin Cities Web Design
ReplyDeletedigital cameras are really great because you can shoot and preview the pictures right away:: Miami social networks marketing
ReplyDeletethe file websitehtml.rar is deleted
ReplyDeleteI real pleased to find this site on bing, just what I was looking for : D too saved to bookmarks . startup branding agency
ReplyDeleteSpot on with this write-up, I truly assume this website wants much more consideration. probably be again to read much more, thanks for that info. top brand agencies
ReplyDeletehi
ReplyDeleteI really enjoyed reading this post. It actually inspired me to share with you another useful article on the subject
ReplyDeletehttps://cgifurniture.com/photorealistic-product-rendering-services-online-shopping/
What is the best computer virus remover?. My computer is slow as hell and freezes on me. Most of the time, I have to restart my computer. I think I may have a virus on my computer. What is the best software to remove the viruses of my computer?. web design in new york
ReplyDeleteSewing Machines… [...]plenty of time to read through as well as visit the articles as well as sites we have now linked to[...]… web design manhattan
ReplyDeleteI am so grateful for this post and thanks such a lot for sharing it with us. ny web design firms
ReplyDeleteThe tone is so persuasive and plausible.
ReplyDeletetesting tools
bar show flair… [...]z Awesome looking website. I recently built mine and I was looking for some d wk[...]… nyc web designer
ReplyDeleteWorld Facts For Children… [...]here are some links to sites that we link to because we think they are worth visiting[...]… website designers nyc
ReplyDeleteWow! This could be one particular of the most helpful blogs We’ve ever arrive across on this subject. Basically Magnificent. I am also an expert in this topic so I can understand your effort. website design company nyc
ReplyDeleteSuperbly written article, if only all bloggers offered the same content as you, the internet would be a far better place.. buy cheap likes for instagram
ReplyDeleteThis blog gives a solid confirmation of sensational written work.
ReplyDeletemotorcycle gloves
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThanks for this wonderful post! It has long been very helpful. I wish that you’ll carry on posting your wisdom with us. branding agency san francisco
ReplyDeleteIf you continues to undecided: pick up your best headphones, forehead to go and each Greatest coupe and enquire that would connect these items proper Zune maybe an iPod and view what one tunes easier to you actually, additionally where vent making you happy much. You must are certain which happens to be perfect for you. branding agency san francisco
ReplyDeletezx
ReplyDeletegreat work… Excellent weblog here! Also your web site a lot up fast! What web host are you the usage of? Can I get your associate link on your host? I want my website loaded up as fast as yours lol… ux agency san francisco
ReplyDeleteI guess this info is totally unique. IT Services London
ReplyDeleteGood website! I truly love how it is simple on my eyes and the data are well written. I am wondering how I could be notified whenever a new post has been made. I’ve subscribed to your feed which must do the trick! Have a nice day! iphone mockup
ReplyDeleteI and also my guys came digesting the excellent tips and tricks found on the website then quickly I got a terrible feeling I never thanked the blog owner for those techniques. Most of the ladies are actually totally thrilled to read through them and have now sincerely been loving those things. Thanks for getting very considerate and for picking varieties of marvelous subject matter most people are really eager to discover. My very own honest apologies for not expressing gratitude to you sooner. website design san francisco
ReplyDeletevery good post, i surely adore this fabulous website, persist in it web designer los angeles
ReplyDeleteSource code nhi mil rha bhai
ReplyDeleteNumerous advertisers, in their energy to change over connections into dollars, fall into the snare of connecting up time and again or potentially too soon in the relationship building process.smm panel
ReplyDeleteThis is getting a bit more subjective, but I much prefer the Zune Marketplace. The interface is colorful, has more flair, and some cool features like ‘Mixview’ that let you quickly see related albums, songs, or other users related to what you’re listening to. Clicking on one of those will center on that item, and another set of “neighbors” will come into view, allowing you to navigate around exploring by similar artists, songs, or users. Speaking of users, the Zune “Social” is also great fun, letting you find others with shared tastes and becoming friends with them. You then can listen to a playlist created based on an amalgamation of what all your friends are listening to, which is also enjoyable. Those concerned with privacy will be relieved to know you can prevent the public from seeing your personal listening habits if you so choose. top web design agencies
ReplyDeleteWow! This can be one particular of the most useful blogs We have ever arrive across on this subject. Actually Great. I’m also an expert in this topic so I can understand your hard work. web design agency
ReplyDeleteOnly a smiling visitor here to share the love (:, btw great design . affordable web design
ReplyDeletesource code are not available yet????? why
ReplyDeleteThe simpliest and cheapiest thing that you can quickly change or add to your bike is just motorcycle windshield which will have massive influance on behavior of your bike for your comfort and it will rise your protection.
ReplyDeleteCan Somebody Provide The Source Code?
ReplyDeleteThe given link shows that it has been deleted.
Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work! Ecommerce website development company
ReplyDeleteThrough this post, I know that your good knowledge in playing with all the pieces was very helpful. I notify that this is the first place where I find issues I've been searching for. You have a clever yet attractive way of writing. Wordpress website development
ReplyDeleteVery nice blog and articles. I am realy very happy to visit your blog. Now I am found which I actually want. I check your blog everyday and try to learn something from your blog. Thank you and waiting for your new post. Custom website design
ReplyDeleteStep-by-Step create website Easy to Customize, Publish Now! Custom domain name. Multiple payment methods. Free multilingual fonts. 24/7 support center. 1000s of free images. Top industry hosting. 100s of Apps. Easy-to-add blog. Mobile optimized. Create Website
ReplyDeleteThanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative.
ReplyDeletelong island web designer
Thanks, foг ones marvelous posting! I genuinely enjoyed reading it, you miggһt Ƅe a great author. I wiⅼl made certain to booҝmark your blog and ѡill often come back sometime soon. I want to encoᥙrage yourself to continue your great job, have a nice evening!
ReplyDeleteWeb Development Course
best web development courses
web development classes
web development course near me
Web Development Training
training on web development
web development training program
web development training course
web development summer training
I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it..
ReplyDeleteDigital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Another audit element can analyze how many keywords and phrases on any given website are ranking in the first 5 search positions as compared to the next 20 or 50 positions. This will help find more optimization potential for rankings >10. Yellow Pages Scraper
ReplyDeleteThe main reason why the Python programming language is used in web development is its speed and effectiveness. Using PHP developing a website can take hours, while using Python will take only a few minutes. Also, there are frameworks and libraries like Django and Flask which make the work much easier. unindent does not match any outer indentation level python
ReplyDeleteAwesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work! Multiple Hotel Vacancies Available in Canada
ReplyDeleteAwesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work! Multiple Hotel Vacancies Available in Canada
ReplyDeleteYour source code link is not working
ReplyDeleteGreat post! Thanks for sharing information about html.
ReplyDeleteweb designing course in chennai
On the off chance that you are somebody who is into realistic or web planning and you are searching for approaches to bring in cash in visual communication, here are a couple of things that may assist you with transforming that expertise into something that is productive. Professional graphic design
ReplyDeleteAwesome article, it was exceptionally helpful! I simply began in this and I'm becoming more acquainted with it better! Cheers, keep doing awesome! The useless web
ReplyDeleteRest room marketing techniques you pertinent query previous to building. Will probably be quick to write down remarkable write-up because of this. graphic design
ReplyDeleteA SEO organization or independent SEO specialist co-ops take a shot at those things which we call catchphrases. They utilize a specific measure of watchwords in the points of arrival, pages, URLs, and so forth and increment the traffic. SEO Services
ReplyDeleteThanks for sharing useful information.
ReplyDeleteweb designing course in chennai
Amazing article, it was exceptionally helpful! I simply began in this and I'm becoming more acquainted with it better. Thanks for sharing useful information. Best Tablets Guide
ReplyDeletexsZ
ReplyDeleteA very awesome blog post. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. Workmanship
ReplyDeleteTheir quick turnaround times coupled with their exceptional communication skills led to a positive ongoing relationship.
ReplyDeleteNiche Edit
I always was concerned in this subject and stock still am, regards for posting . software development
ReplyDeleteThis is extremely helpful. Please keep up the good work and keep writing the best content that you people always do. Thanks
ReplyDeleteNoor Shahid Khan
TechForGamers
The website is looking bit flashy and it catches the visitors eyes. Design is pretty simple and a good user friendly interface. Position punisher-SEO Services in Phoenix
ReplyDeleteGood Post! , it was so good to read and useful to improve my knowledge as an updated one, keep blogging.
ReplyDeletecombo quy nhơn phú yên
combo đi đà lạt giá rẻ
combo nha trang giá rẻ
combo phú quốc 4 ngày 3 đêm 2021
combo đi đà nẵng
There are many web design organizations out there to browse. Also, the greater part of them are very acceptable at what they do. Wat is leadgeneratie
ReplyDeleteFor this web site, you will see our account, remember to go through this info. Email Spider
ReplyDeleteWebsite Design in Buffalo, New York Very efficiently written information. It will be beneficial to anybody who utilizes it, including me. Keep up the good work. For sure i will check out more posts. This site seems to get a good amount of visitors.
ReplyDeleteHi thapa sir. Mera naam mohammedali hai. aapne meri bohot madad ki hai. me 11 years ka hu. mene HTML, CSS, JavaScript, php, MySQL, TypeScript, Sql, Xampp sikh gaya hu. npm and nodejs bhi apppne sikhaya hai mujhe. nodejs ke modules bhi sikhaya hai aapne. mene full stack devlepment ke liye aapne jitne bhi HTML CSS JS ke project ke andar jo links use kie wo mene npm ki madad se download kia hai. Mene bootstrap, jQuery, sweetalert, Popperjs, font-awesome, animate.css download kia hai. aapne ne mujhe pura full stack developer banaa diya hai. sabse pehele mene aapka javascript calculator dekha hai. Uske baad se me aapka har project kar liya hu. Yaha tak ki mene aapka full responsive php, MySql website in bootstrap4 bhi banaya hai. Very very thanks you helped me more than I thought
ReplyDelete