Create Responsive Website Using HTML5 CSS3 and JavaScript in Hindi with SEO Tips 2018

Welcome all, we will see how to create a responsive website using HTML CSS and javascript in Hindi with SEO Tips. Source Code: https://www.thapatechnical.com/2018/08/create-responsive-website-using-html5-css3-javascript-hindi.html How to make a responsive website using HTML5 and CSS3 in Hindi. we will see everything in just one video, CSS animation, CSS transition, javascript, media queries responsive all in one.
how to make a responsive website using html5, css3, and javascript in Hindi.

Animate.css link

Font awesome link

To use the Font Awesome icons, add the following line inside the head section of your HTML page:

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"

guys add angle brackets ...
how to create a website using HTML and CSS and javascript step by step.

Google Font which I used link is here

What is a Media Query?
Media query is a CSS technique introduced in CSS3.

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 tons of screens and devices with different heights and widths, so it is hard to create an exact breakpoint for each device. To keep things simple you could target five groups:

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

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,

Instagram Link: https://www.instagram.com/vinodthapa55
Facebook Link: https://www.facebook.com/vinodthapa55
Twitter Link: https://twitter.com/vb55thapa
Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa
Web design
Be the first to comment