Login Form in HTML & CSS

Рет қаралды 1,140,395

11 ай бұрын

Login Form in HTML and CSS, Login Page HTML CSS, Login Form using HTML and CSS, Login Form HTML CSS, Login Page HTML CSS, Login Form CSS
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoffee.com/codehalY...
Get Source Code by PayPal
ko-fi.com/s/3f87573b63
🔔 Subscribe Now!
/ @codehal
Related Videos:
Animated Login Form using HTML and CSS Only
• Animated Login Form us...
How To Make A Website With Login And Register | HTML CSS & Javascript
• How To Make A Website ...
How To Create A Website With Login And Register | HTML & CSS & Javascript
• How To Create A Websit...
How To Create A Website With Login | HTML & CSS
• How To Create A Websit...
Download Image & Start Project From Scratch:
drive.google.com/file/d/1APE2...
Icons:
boxicons.com/
Image Sources:
Image created by pikisuperstar
www.freepik.com/free-vector/l...
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

Пікірлер: 330

@catherinesalazar2113 7 ай бұрын

Everything about this video was BEAUTIFUL! the color-elements harmony, music, the neat code and the 'simple' yet spectacular final result. Thank you!

@alexandramoura2918 6 ай бұрын

I'm so in love with possibilities of this design, the code is simple, the visuals are minimalist yet so beautiful, thank you fot this!!

@jasminnieoo 5 ай бұрын

i much appreciate you beginning with bright colors when positioning + sizing, it helps me understand how to put things in place

@lehaswinipalla3365 9 ай бұрын

Thank you so much! I didn't know anything about css but i sure learnt a lot from this!

@user-ul6ee2nj5d 4 ай бұрын

I could really use the practice with my HTML and CSS, your video was perfect! Thanks so much man keep up the good work!

@BynxBS 9 ай бұрын

I am really going to say thank you! Thank you for this immense help!

@efraimelkan5794 5 ай бұрын

Professional work. I like how you help us which div is which one by giving each a different color.

@ilhan537 9 ай бұрын

Your coding style is amazing.After watching your videos i have also started web designing...

@DaniellaB. 22 күн бұрын

Hi, how has it been going for u?

@t2hasnain 16 күн бұрын

@@DaniellaB. cffvnfvnvn c

@playerdani327 7 ай бұрын

Looks perfect and a great tutorial, thank you👌🏼✌🏼

@bigarshiev2195 6 ай бұрын

This was very good I’ve been going through w3schools but they had nothing regarding designing the login form to this level

@muppasaikrishna9403 8 ай бұрын

I am really going to say thank you! It's simple and useful

@mitikouman7581 6 ай бұрын

I am really grateful to you I learned many things ❤❤

@FearAwaits 8 ай бұрын

Thank you sir! More tutorial please❤

@nglme 10 ай бұрын

Wonderful man! Loved it.

@JACNNN80 4 ай бұрын

Best tutorial i ever seen thank you so much.🎉

@ricseljohnresare4503 9 ай бұрын

Thank youuu it made my project better a 100%

@user-qj2eq5mq5w 3 ай бұрын

"Thank you very much for creating these videos."

@Tornado-ln7fq 5 ай бұрын

That's what you can't do, it's to move to the center of h1 using text align. It is better to wrap the text separately in a block, and set it from the parent block margin 0 auto; And add the text style separately.

@debs.1037 18 күн бұрын

What an amazing video! This is the first project that I managed to finish completely, and I learned a lot. Thank you!

@TemitopeElizabeth-ek7fv 4 ай бұрын

Amazing 👌 followed the steps and the result was nice. Thanks sir Codehal 😊

@toyotasupra0 8 ай бұрын

amazing work brother

@LifterAndy 11 ай бұрын

Thank you! I just made the same one!❤

@zeta1527 8 ай бұрын

if u want to learn faster do something else but with the things that youve learned from this vid. like a login form but in your own style

@idachemoses228 20 күн бұрын

You're such a great teacher. Thank you sir.

@muhammadshees8417 8 ай бұрын

Most amazing video that I have ever seen my brain tell me to write this comment great video ❤

@MSS_Akram 7 ай бұрын

awesome work dude....also it'll be more impressive if we have hover feature when we move our pointer across the login button....if possible please comment down the code for that one

@InPixel180 2 ай бұрын

Thanks a lot Mate! This really helped me in my Coding Journey!

@shohruxzokirjonov3356 7 ай бұрын

thank you so much. for such a beautiful contents.

@russ_the_ceo6456 5 ай бұрын

Thank you! Very helpful and easy to follow along.

@mrraj7534 10 ай бұрын

Great work

@pvksmaheeth8816 8 ай бұрын

thank you so much perfect design

@saismile1045 9 ай бұрын

Thanks a lot dude!!!😍😍😍💯💯💯🔥🔥🔥✊️✊️✊️

@arielb102011 Ай бұрын

I had to set an id to that first . I could not use the class in the css

@muppasaikrishna9403 8 ай бұрын

In the style.css file you imported the url you didn't show that where did you imported that

@ayeminkyaw3754 4 ай бұрын

It doesn't matter because the programmer already knows about that.

@vaibhavshukla1659 4 ай бұрын

Same question ❓

@sanjaymishra-ec9lw 3 ай бұрын

They import Google fonts from Google.

@alonefill 3 ай бұрын

Same question 🥺

@Anshu_0.7 3 ай бұрын

Import in the same folder where you have created the project

@hemashirisha9522 8 ай бұрын

Thank you so much .. this video helps me a lot

@Kellynaij 2 ай бұрын

This video will be so helpful to me cos I really need to do something like this but I don’t know how to use html and css very well just wish I can learn from you This video is so beautiful btw thanks

@casualxtalks 12 күн бұрын

Thanks for this amazing video!!!!

@muppasaikrishna9403 8 ай бұрын

This content enough to subscribe this channel

@Got-it747 5 күн бұрын

I am genuinely grateful for this video. Thank you so very much.

@adnaanmohammed3807 7 ай бұрын

Thanks Instructor🙏

@Anonymous_Kid12 9 ай бұрын

Sir Salute 🫡❤

@StylishBanditSlayerS 3 ай бұрын

Thank You So Much For All Bro!!!! This Is So UseFull For Us!!!!! Thank You So Much For All Bro!!!!!

@user-cq1of5tg2p 6 ай бұрын

Izin menyimpan video bro, buat tugas sekolah, thankss ✨

@anthonyoneal1856 2 ай бұрын

used this for a live exercise to get my feet wet into, CSS. I like the style but want to learn the element on my own.

@user-tz6cz4ns5g 7 ай бұрын

thank you bro you are helping me to learn something new 😊😊

@deltalight5894 Ай бұрын

Thanks to you I learned how to center a div(also trying not to fall in tutorial hell by following different objects making a few small changes for example the background, I set it as an URL and made a few changes to make it look good)

@SupardiAtisina 10 ай бұрын

Thanks bro I am from indo love your channel

@diegomatallana7994 4 ай бұрын

Thanks for this video I used this format for practice, but I made with Dragon Ball tematic ☺

@saba-tabagua 4 ай бұрын

thank you for this evrything and good luck in you career

@elhansultanov7891 7 ай бұрын

This is really amazing man😍😍😍

@bajutaboy7588 2 ай бұрын

Respect for you blood Good Creativity and awesome Idea...

@anshultipnis6963 7 ай бұрын

thank you brother helped me a lot

@victorgaliza 4 ай бұрын

it's so satisfying ☺️❤

@user-md-masum-billah 2 ай бұрын

really nice tutorial❤

@frederichope2573 6 ай бұрын

Love this ❤

@-sheny215 7 ай бұрын

nice design :)

@OmarAhmed-hy8pd Ай бұрын

Why did he use the ? Isn't it used to make an italic style ??

@apxlegend8085 10 ай бұрын

Great work bro keep it up ❤

@maangoswami5622 Ай бұрын

Thank you very much for this video, it was very informative

@jesustod8926 16 күн бұрын

Thanks bro nice video and the login is PRO

@lofiremixsongs2003. 5 ай бұрын

thanks for help to create my first css lagin page thank you so much

@samuel-Geometry 3 ай бұрын

Thanks you for this video, you are amazing, i will want do some that in the future

@strikerjay4802 9 ай бұрын

How do you make it where when you click login it actually works and makes you go to the website while being logged in. I need one for a teacher versus student where the teacher can do things the student can't. also with forgot password etc how do I make those applicable?

@leonardonunes1199 9 ай бұрын

Those thing you said need a backend project, starting with MySQL database. Now, to make all the buttons applicable, you need to create a several pages and link them to the buttons. It's not hard hard work, it's not a free work either. Requires studying and practicing.

@brokegod5871 9 ай бұрын

Just wrap them in an anchor tag. If you want the login button to take you to another website, put an tag first with the href of that target website and inside the tag have your login button. On pressing the button, it will take you to the target website. Do the same for any button that you want to open a different website to

@ritafrontend-qc7pu 9 ай бұрын

amazing

@hkynltn 6 ай бұрын

Thankyou you saved me my teacher is happy

@huhicey 7 ай бұрын

please do a tutorial on how to do a website like google drive and pls do it for beginners

@trillkodex1235 3 ай бұрын

Best Tutorial wow!

@shahadferas7522 7 ай бұрын

Thank you lots lotssss!!!!

@user-ji3ln7gs1c 3 ай бұрын

Thanks it was ver helpfull for me ❄

@kudvindi1908 7 ай бұрын

Thanks alot!

@_remix5650 9 ай бұрын

thank you 😍😍😍

@watiley 6 ай бұрын

Beautiful ❤

@hamdaabdirahman815 10 ай бұрын

wow😍

@user-qe8tk3fy3p 27 күн бұрын

great lt is helped me in web desining😄

@JorusPospolitus 11 ай бұрын

Can you make a tutorial for interactive menu?

@sinamalek8062 7 ай бұрын

Thank you❤️

@gabilegend1606 10 ай бұрын

Nice!

@nabeelmirza8801 11 ай бұрын

Wow it is really cool thx

@pawanlakshan2507 5 ай бұрын

thanks a lot. 😄❤

@F4LLFn 9 ай бұрын

Nice video bro. How i can have this Theme ?

@coldestaudios 7 ай бұрын

Amazing brother

@thovarisk8699 8 ай бұрын

NGL very nice!!

@roquinhas1951 2 ай бұрын

this is so beautiful... wow

@hemavarshini1822 3 ай бұрын

Thank you so much . The Video is very useful.

@mr.roid780 7 ай бұрын

thank you sir/mam

@maangoswami5622 Ай бұрын

Thank you very much for this video

@victorga74 3 ай бұрын

Great work! Thanks

@unnathpgowda5437 9 ай бұрын

If I am giving a padding to .input-box input the size of the input box is increasing rather than what happened in the video. Can you please tell what I might be missing

@LnQYT 9 ай бұрын

I think its for the placeholder not sure which part of the video your saying

@rteditz21 9 ай бұрын

What to do bro did u get it

@sposada00 7 ай бұрын

.input-box input { height: 100%; width: 100%; box-sizing: border-box; } add the box-sizing property