Login Form in HTML & CSS
Вставка
- Опубліковано 23 вер 2024
- 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.buymeacoff...
Get Source Code by PayPal
ko-fi.com/s/3f...
🔔 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.c...
Icons:
boxicons.com/
Image Sources:
Image created by pikisuperstar
www.freepik.co...
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.
I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!
congratulations
Congratulations
congrats
Bullshit. Copying people on UA-cam will not get you a job people..
@@Brawlstriker89copying ? Keep practicing .... watch and apply....
Everything about this video was BEAUTIFUL! the color-elements harmony, music, the neat code and the 'simple' yet spectacular final result. Thank you!
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!!
i much appreciate you beginning with bright colors when positioning + sizing, it helps me understand how to put things in place
Your coding style is amazing.After watching your videos i have also started web designing...
Hi, how has it been going for u?
@@DaniellaB. cffvnfvnvn c
I hope all the testimonials am seeing here are nt false cos am a beginner web developer and as I progress I will so want to share my progress here too,so video please be nicely
Thank you so much! I didn't know anything about css but i sure learnt a lot from this!
I am really going to say thank you! Thank you for this immense help!
I am studying in 7 standard but I have passion to learn coding
Iam LKG I have interested in coding...
I am not even born yet but I have a dream of becoming a software developer
Im in my dad's balls but I dreamed to be hacker
6th standard
Learn it and in college you will be the smart kid
This was very good I’ve been going through w3schools but they had nothing regarding designing the login form to this level
Professional work. I like how you help us which div is which one by giving each a different color.
I could really use the practice with my HTML and CSS, your video was perfect! Thanks so much man keep up the good work!
Helped me figure out the problems with my code, and I was able to use this knowledge as solid inspiration to finish crafting my login page! THANK YOU SO MUCH!
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.
In the style.css file you imported the url you didn't show that where did you imported that
It doesn't matter because the programmer already knows about that.
Same question ❓
They import Google fonts from Google.
Same question 🥺
Import in the same folder where you have created the project
when he said CSS in 20 minutes, he wasn't kidding. He actually wrapped up necessary stuffs within 20 minutes.
What an amazing video! This is the first project that I managed to finish completely, and I learned a lot. Thank you!
Looks perfect and a great tutorial, thank you👌🏼✌🏼
thank you sir because of you i was able to create a login.html page and i'm improving a lot , and my craze for coding is improving
The most ideal project for beginners 👍🏼
I am really going to say thank you! It's simple and useful
thank you for this, as someone who get easily overwhelm when things get so many ways, I appreciated doing this step by step
Bro you came straight out the Heaven to teach us all these.
Why did he use the ?
Isn't it used to make an italic style ??
icons
Amazing 👌 followed the steps and the result was nice. Thanks sir Codehal
😊
I am really grateful to you
I learned many things ❤❤
I had to set an id to that first . I could not use the class in the css
Guys can anyone tell me why he is using way too much and what it do
Thank you! I just made the same one!❤
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
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.
Best tutorial i ever seen thank you so much.🎉
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)
I am genuinely grateful for this video. Thank you so very much.
You're such a great teacher. Thank you sir.
"Thank you very much for creating these videos."
thanks for help to create my first css lagin page
thank you so much
Not even kidding, you are saving my ass in university right now. Just watched 2 full playlists now bout to watch this one.
Thank youuu it made my project better a 100%
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
Thanks man, I can practice HTML and CSS exercises with this.
Izin menyimpan video bro, buat tugas sekolah, thankss ✨
hi i want to say than you my degree is desian & devlopment of website you are so good
Amazing! I was getting crazy trying to solve this problem.
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
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?
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.
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
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
I think its for the placeholder not sure which part of the video your saying
What to do bro did u get it
.input-box input {
height: 100%;
width: 100%;
box-sizing: border-box;
}
add the box-sizing property
Очень круто, спасибо!
Thanks it was ver helpfull for me ❄
Respect for you blood Good Creativity and awesome Idea...
I don’t know if you’ll see this but could you make a part 2 and show us how to make the login button take you to a different site
I'm new in yr channel i visited today i want to learn created all forms
You work is amazing but please music ki jaga ap voice add kar den kuch properties asi hn jo samjh nahi ayen
thank you! such a cool practice for a begginer 👍
Thank you sir! More tutorial please❤
هذا الفيديو رائع ولكن لوكان تنحي المسيقة وتشرح يجي افضل من هذا بكثير 🤑🤑😇😇😄😄🤗🤗🤭🤭🤭🤠🥳🥳🤠🤠
Your syntax color is cute😍
Can you teach me how to change it please??
Excelente, muchas gracias, lo acabo de terminar. En firefox no funciona el filtro de blur... por si acaso.
Thank you very much for this video, it was very informative
pls help for some reason I can't connect my html and css together....at 3:00 when u r trying to align in centre it is not aligning in my computer pls respon
You have to type link tag in head for connecting css to html file
Everything was what I needed. Thanks
Thanks a lot Mate! This really helped me in my Coding Journey!
Most amazing video that I have ever seen my brain tell me to write this comment great video ❤
Thank you! Very helpful and easy to follow along.
excelente tutorial. 👍 Thanks
Thank you so much .. this video helps me a lot
Thanks you for this video, you are amazing, i will want do some that in the future
This is very well, thank u to share us this video.
Thanks for this amazing video!!!!
Thanks for this video I used this format for practice, but I made with Dragon Ball tematic ☺
Thanks for the help 👍
Thanks bro I am from indo love your channel
Thankyou you saved me my teacher is happy
Thank you so much, my login website is amazing now
🥰🥰
is it working for you ?
Excellent work 👏🏻👏
thank you bro you are helping me to learn something new 😊😊
why would you set "border : none;" and then you set it again "border: 2px solid rgba(255, 255, 255, .2);" @5:14
Thank You So Much For All Bro!!!! This Is So UseFull For Us!!!!! Thank You So Much For All Bro!!!!!
great lt is helped me in web desining😄
thank you so much. for such a beautiful contents.
Great work
Amazing video! Great help.
thank you so much perfect design
thank you for this evrything and good luck in you career
Thank you very much for this video
🎉 the person that did this really deserves more than 500k like
Thank you so much . The Video is very useful.
Thanks for video ❤️ i looking your video from Iran
😐
@@White82049 مرض 😑
Thanks a lot dude!!!😍😍😍💯💯💯🔥🔥🔥✊️✊️✊️
it's so satisfying ☺️❤
Thank you so much its very helpful
wonderful work,thanks a lot
Thanks bro nice video and the login is PRO
Awesome designing
Hello Codehal,
I am reaching out to inquire about the copyright status of your content. I work for a company and we are interested in implementing it in our projects. Could you please clarify if your content is free to use? Thank you for your time.
Best regards
Amazing! Thank you.
Thank you for these videos
It's looks great 👍
thanks for the amazing tutorial
This is suprisinly easy to make, I just remade it just based on how it looks
Ps if u want my code ill give it
Cómo se puede hacer para que en la sección de "password" a la hora de digitar, se marquen asteriscos ¿? Gracias
thank you you have inspired me to do more😎😎😍😍