How To Make Login Page Like Twitter Using HTML And CSS | Sign In Page Design With HTML & CSS

Learn How To Make Login Page Like Twitter Using HTML And CSS | Sign In Form Design With HTML & CSS
#htmlandcss #websitedesign
❤️ SUBSCRIBE: goo.gl/tTFmPb
In this tutorial you will learn to create a Login page or Sign In page using HTML and CSS. This login page is same as the login page of Twitter website. In this login page we will add Google Sign In and Apple Sign In buttons also. We will make this sign in form using HTML and CSS only.
Download Images: drive.google.com/file/d/1nWSK...
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ CZcams: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

[@pskdel]

Just completed it along with you. Thanks man, really appriciate it.

[@ashakurmohed]

I have benefited a lot from you, thank you❤❤

[@venkatchalam6385]

Thank u sir , Recently I followed your videos it's nice

[@naveenan149]

As the channel name suggests tutorials are really easy.. thanks!

[@GreatStackDev]

Glad you like my tutorials

[@umejuruchidera820]

Thank you so much sir,I benefited from this video

[@codewithkhanlala8842]

Thanks dear, Your channel is very useful for website design. And it's very helpful for me also.

[@GreatStackDev]

Thanks for your comment

[@MoviehubUK]

Thank you Easy Tutorial, you are doing a great job. Please more videos on PHP

[@GreatStackDev]

Please check this tutorial for PHP login form: czcams.com/video/NXAHkqiIepc/video.html

[@RyokuchaYT]

Thank you

[@rehankiriella]

helped a lot man! thanks!

[@souravnaskar9880]

Make a full basic video of JavaScript.
please
I want to know JavaScript
Upload videos via playlists.
Please sir🙏🏻🙏🏻🙏🏻 .

[@Nanashi-rq7lk]

Nice tutorial

[@Nicola_Tesla452]

Hellow
We need tuturual for php and use php in web site please ✔✔

[@GreatStackDev]

please check this tutorial: czcams.com/video/NXAHkqiIepc/video.html

[@jayaprakash-ql3ip]

I have Done my page. Thank you easy tutorials

[@GreatStackDev]

Thanks to you!

[@Siam_Hossen_Official]

Very helpful 💞

[@GreatStackDev]

Glad it was helpful!

[@akshay9940]

👍

[@piyush49866]

osm bro!

[@omkumarsen3861]

Thanks sir

[@GreatStackDev]

Welcome

[@monishamondal3420]

Excellent

[@GreatStackDev]

Glad you like this login page design tutorial

[@rscodeboy]

Hello sir! Please make CZcams video downloader webpage frontend and also backend. Webpage include download video thumbnail preview and video quality download and download button... This is my request 🙂 Make professionally....

[@leonardigweokolo2813]

wonderful!!!

[@GreatStackDev]

glad you like this login page design tutorial

[@leonardigweokolo2813]

@@GreatStackDev Yes, I really do. However do you normally try out the tutorials on your own first before uploading? Like how did you instantly know that ".login-box span -16px" will align exactly over the horizontal line. For beginners a little bit more explanation will go a long way Thanks alot

[@saleemburfat]

I have one problem: the login page is not the same as you watch the tutorial video but does the icon, and button apply the same?

[@manojbarman007]

TQ Dada

[@GreatStackDev]

Thanks to you manoj bro

[@letsflyupsc3832]

Sir pls tell me , my college project complete but not used to Database MySQL how to used and how to connect form nd login pages pls one video create

[@motivationday400]

the video is really nice but can i get a code of the work

[@technology7033]

Its amazing sir but please make php project base video

[@GreatStackDev]

Thanks, Please check this video for PHP and MySQL login form: czcams.com/video/NXAHkqiIepc/video.html

[@everaldoso]

big nice!

[@GreatStackDev]

Big thanks

[@souvikhalder1510]

Is the page responsive?

[@archer456]

Can you suggest me a good laptop for web development...

[@GreatStackDev]

any laptop with i5 processor and 8GB RAM is fine

[@xtylishali7080]

Love you

[@GreatStackDev]

Thanks Ali

[@sowjanyapadala6861]

Button is inline block element, so It was supposed to appear beside each other but why the buttons Behaving like block element , could anyone explain this?

[@findemonlynxx9712]

I did everything like you said but my logo and icons are everywhere and HUGE & it looks nothing like yours. Please help.

[@mdrahathosen2395]

Please want a video on slick slider.

[@GreatStackDev]

please check these slider tutorial:
czcams.com/video/aRE2Zge1rUI/video.html
czcams.com/video/9yLxmbICrTM/video.html
czcams.com/video/Df_WPcRKHvI/video.html
czcams.com/video/8ZAbDfS3GjI/video.html

[@dhruvprajapati2648]

how to connect this to data base for after login?

[@GreatStackDev]

Hi just make Front end tutorials on my channel.

[@andrebantara3385]

how to make pararel beetwen login with google and apple

[@always_code]

Bro video about password protected website .After login, another page will open, if the password is wrong, it will not be given.

[@piyushkumar5438]

Please Make a website on Google sites..

[@GreatStackDev]

Sure Piyush, will make that too

[@RGMEDIA254]

A like

[@GreatStackDev]

Thanks

[@abbasi_fb2]

Bro plz give the link of this software 💓

[@GreatStackDev]

search VS code

[@saleemstv4443]

code mil SKTA

[@snjeev_]

Bro plzz give me code.. plzzz

[@AkshitModhiya]

Poppins as a Font Family?? How's this possible without import or link ? Guide me

[@hiwotina26]

He already downloaded the font on his computer.

[@AkshitModhiya]

@@hiwotina26 will it work on another computer?

[@GreatStackDev]

Hi Akshit, just import the link from Google Fonts. It works for me because i have installed this font on my computer because it is required for me in Photoshop and Adobe XD.

[@AkshitModhiya]

@@GreatStackDev Okay Please Sir Make a series for JavaScript

[@GreatStackDev]

will start by end of Feb

[@codebrow]

you are not adding hover effect on placeholder which is important part ...thats why I came here... and I did not find here

[@GreatStackDev]

input:hover::placeholder {
color: red;
}

[@codebrow]

@@GreatStackDev please checkout the original login page what i am talking about placeholder... thank you

[@GreatStackDev]

got it, you want to animate the placeholder text, I have two videos that has the different place holder animation.
czcams.com/video/ndNPg8-5jgI/video.html
czcams.com/video/524ycUqs3f0/video.html

[@qitdev]

I have been a very big fan of your CZcams channel. & have never found a very great web developer like you befre you are the best evr. 💯😍🥰🤍 Please i would be so glad if you can make us a tutorial on how to build an App. Thank you for everything.💖🙏

[@GreatStackDev]

Happy to hear that, you can learn to make an app here: www.youtube.com/@EasyLearnVideos/videos