Create Responsive Login Form using HTML and CSS in Hindi with Code
76.8 هزار بار بازدید -
6 سال پیش
-
Welcome, all we will see
Welcome, all we will see How to Create a Responsive Login Form using HTML and CSS in Hindi with Source Code. HTML CSS Login Form in Hindi. Create a Responsive Login Form in HTML and CSS in Hindi .
In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step.
As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi.
Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi.
background-image: linear-gradient(to top right, #color1 50%, #color2 50%);
Create a Responsive Login Form in HTML and CSS in Hindi
Now we will come to our Center Div. If you noticed I used the same code to give the background color as we did on the main background. I only interchanged the color name and we have an awesome background center div. Also, on how to make a div perfectly center both horizontally and vertically is by using the position and translate property of CSS.
I know most of the programmer at first face problem on how to make the image half center on top and then perfectly center of the total width. Again here we will use the position concept of CSS and also we will use calc() property of CSS and it is the best in making anything responsive. So what is calc() it takes the expression or maths calculation to solve and try to make perfect?
Create a Responsive Login Form in HTML and CSS in Hindi
Finally, we have beautiful centered Input fields and Buttons. Here also I show you how to make the input field centered and responsive.
Point to remember is that Input field is by default Inline, So we need to specify display: block.
login and registration form in HTML
login form in HTML with CSS source code
login and registration form in html
login form in html with css source code
login form php
login form design
login form bootstrap
login and registration form in html template free download
html code for login and password
login page in html with validation
"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
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: Instagram: vinodthapa55
Facebook Link: Facebook: vinodthapa55
Twitter Link: Twitter: vb55thapa
Facebook ThapaTechnical Page Link: Facebook: vinodbahadurthapa
Youtube Link: @thapatechnical
In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step.
As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi.
Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi.
background-image: linear-gradient(to top right, #color1 50%, #color2 50%);
Create a Responsive Login Form in HTML and CSS in Hindi
Now we will come to our Center Div. If you noticed I used the same code to give the background color as we did on the main background. I only interchanged the color name and we have an awesome background center div. Also, on how to make a div perfectly center both horizontally and vertically is by using the position and translate property of CSS.
I know most of the programmer at first face problem on how to make the image half center on top and then perfectly center of the total width. Again here we will use the position concept of CSS and also we will use calc() property of CSS and it is the best in making anything responsive. So what is calc() it takes the expression or maths calculation to solve and try to make perfect?
Create a Responsive Login Form in HTML and CSS in Hindi
Finally, we have beautiful centered Input fields and Buttons. Here also I show you how to make the input field centered and responsive.
Point to remember is that Input field is by default Inline, So we need to specify display: block.
login and registration form in HTML
login form in HTML with CSS source code
login and registration form in html
login form in html with css source code
login form php
login form design
login form bootstrap
login and registration form in html template free download
html code for login and password
login page in html with validation
"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
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: Instagram: vinodthapa55
Facebook Link: Facebook: vinodthapa55
Twitter Link: Twitter: vb55thapa
Facebook ThapaTechnical Page Link: Facebook: vinodbahadurthapa
Youtube Link: @thapatechnical
6 سال پیش
در تاریخ 1397/06/28 منتشر شده
است.
76,829
بـار بازدید شده