Login Form | HTML CSS

#shorts #youtubeshorts #html #css #tutorials
This video shows to create login form

Пікірлер: 109

  • @vladtheduck
    @vladtheduck24 күн бұрын

    For those who are wondering: *{ margin: 0; padding: 0; box-sizing: border-box; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; } .container{ display: flex; flex-direction: column; width: 300px; padding: 15px; border: 1px solid skyblue; border-radius: 5px; } input{ margin: 5px 0px; height: 35px; padding: 7px; } button{ height: 35px; margin: 5px 0px; background-color: skyblue; border: none; border-radius: 5px; color: #333; } button:hover{ background-color: #333; color: skyblue; } Login

  • @rathorff999

    @rathorff999

    22 күн бұрын

    Bro copy kaha se karenge😂😂😂

  • @Ayushgamer12347o

    @Ayushgamer12347o

    9 күн бұрын

    Bro take the Screenshot in Google lens and then Copy It..​@@rathorff999

  • @AftabUA
    @AftabUA Жыл бұрын

    Basic and very simple but good for beginners

  • @DrOduor
    @DrOduor Жыл бұрын

    This is impressive. I've also been trying to learn html and css. Have posted a few videos.

  • @Sushilsarkar-7s-tp603
    @Sushilsarkar-7s-tp6038 ай бұрын

    Nice I'm also interested to learn 😊

  • @KausikkumarSaha-iq6dn
    @KausikkumarSaha-iq6dnАй бұрын

    At last u use vscode ❤❤

  • @muralikonada5170
    @muralikonada51703 ай бұрын

    Nice✨

  • @youtuber3134
    @youtuber31343 ай бұрын

    Woww😮

  • @romigamesofficial9483
    @romigamesofficial9483 Жыл бұрын

    Awosam

  • @Zoxipro
    @Zoxipro Жыл бұрын

    Veri cool

  • @eluser7854
    @eluser7854 Жыл бұрын

    You would have to put the result first and then the development... but good

  • @vanshraj6772
    @vanshraj677210 ай бұрын

    Why haven't you used from tag

  • @saharabbas8486
    @saharabbas84863 күн бұрын

    Thats good.....I have also leraned html and was helpful

  • @learning-axis

    @learning-axis

    2 күн бұрын

    That's great to hear! I'm glad you found learning HTML helpful. It's a fundamental skill for web development and can open up many possibilities. Keep up the good work, and feel free to ask if you have any questions or need further assistance!

  • @tokyojp1
    @tokyojp116 күн бұрын

    i'm so happy for understand this code

  • @learning-axis

    @learning-axis

    15 күн бұрын

    cool

  • @user-ri9yd4qb1t
    @user-ri9yd4qb1t27 күн бұрын

    Button { Cursor: pointer; }

  • @edwardkem425
    @edwardkem4254 ай бұрын

    Nice and easy 🙏🏼

  • @CodingW3
    @CodingW39 ай бұрын

    👏🏻👏🏻👏🏻👏🏻

  • @Ar-TK
    @Ar-TK9 ай бұрын

    Add transition attribute on both button and button:hover.

  • @sonaks5727
    @sonaks57274 ай бұрын

    Thanku so much... ✨

  • @Hggamming567
    @Hggamming5673 ай бұрын

    Nice🎉🎉🎉 yarrr

  • @manoj4208
    @manoj4208 Жыл бұрын

    New subscriber 😀😀

  • @romigamesofficial9483
    @romigamesofficial9483 Жыл бұрын

    Op bro op bro

  • @abdulrafay4745
    @abdulrafay47454 ай бұрын

    You should apply transition on "login button"

  • @Mizuki-Hiroshi
    @Mizuki-Hiroshi4 ай бұрын

    Thank you, now i have 60 unauthorized information of the families I sent to trick them into thinking they won the jackpot.

  • @Princevlogs01
    @Princevlogs01 Жыл бұрын

    Hi good bro

  • @emilianomartinezpena5420
    @emilianomartinezpena5420 Жыл бұрын

    Nuevo sub

  • @kieransmithy2402
    @kieransmithy2402 Жыл бұрын

    No tag? How you gonna POST?

  • @evgeniyzabolotskih4530

    @evgeniyzabolotskih4530

    Жыл бұрын

    by Hogwarts magic ✨

  • @kieransmithy2402

    @kieransmithy2402

    Жыл бұрын

    Learn Django and python, everything backend

  • @yashagrawal774

    @yashagrawal774

    Жыл бұрын

    Bro its only design

  • @yactonrichol

    @yactonrichol

    8 ай бұрын

    I thought the same. This is basic 😂😂😂😂

  • @Nocontenthere1039

    @Nocontenthere1039

    Ай бұрын

    ​@@kieransmithy2402 seriously its just design

  • @fathimasyeda2345
    @fathimasyeda23452 ай бұрын

    Vry nice sayeed ❤ hat's off i am Fathima didi u knw me well

  • @ZdsBunker
    @ZdsBunker7 ай бұрын

    epik 0:00

  • @issahasni-qh6kv
    @issahasni-qh6kv Жыл бұрын

    Hi brother I went to quarantine that login register page

  • @cycrothelargeplanet
    @cycrothelargeplanet2 ай бұрын

    HE DID IT HE CENTERED THE DIV

  • @insearchofpeace-xp3cf

    @insearchofpeace-xp3cf

    Ай бұрын

    Truly a great achievement

  • @922sina6
    @922sina69 ай бұрын

    How make to center

  • @Liv8ngPrinc3
    @Liv8ngPrinc35 ай бұрын

    Legit this is good

  • @mhd_Code
    @mhd_Code2 ай бұрын

    👏

  • @HattonNtobeng-uj6ut
    @HattonNtobeng-uj6ut10 ай бұрын

    I need the copy

  • @mrdevbai
    @mrdevbai6 ай бұрын

    For HTML apps, what do you recommend? Sublime Text or Visual Studio Cods?

  • @learning-axis

    @learning-axis

    6 ай бұрын

    vs code

  • @caydaruuskayse4643
    @caydaruuskayse46435 ай бұрын

    Thanks 🤍🤍🤍

  • @user-ee9py4ui4p
    @user-ee9py4ui4p7 ай бұрын

    Pa req po ako paano gumawa ng webpage or website

  • @Bostonia9
    @Bostonia95 ай бұрын

    We Can Do This

  • @Insentium_gd
    @Insentium_gd8 ай бұрын

    Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also

  • @rga1888

    @rga1888

    5 ай бұрын

    Because you need JS for the backend stuff, like creating databases of users information. However, for stuff like appearance it's totally fine.

  • @yaalimadad2148
    @yaalimadad2148Ай бұрын

    Mujhya bhi seekhni hai html 😢😢😢

  • @ns200addicted3
    @ns200addicted38 ай бұрын

    Which is best app to practice the html and css in mobile

  • @learning-axis

    @learning-axis

    8 ай бұрын

    vs code is best on desktop

  • @bhuwankashyap4756

    @bhuwankashyap4756

    2 ай бұрын

    Spck Editor

  • @a_one_ff_shorts
    @a_one_ff_shorts8 ай бұрын

    bro code plzz

  • @Ayeshakhan-vf5bn
    @Ayeshakhan-vf5bn2 ай бұрын

    Agr fsc ky bad koye development mn ana chahy to easily learn kr skta ha?

  • @learning-axis

    @learning-axis

    2 ай бұрын

    g g kr sakty hain

  • @hidestudio7735
    @hidestudio773518 күн бұрын

    Can I copy this?

  • @ankushbhagatofficial
    @ankushbhagatofficial3 ай бұрын

    Minimal design ✅

  • @radcaptain9855
    @radcaptain98555 ай бұрын

    Plz tell me app name

  • @user-pw4fx1jt8l
    @user-pw4fx1jt8l3 ай бұрын

    Can you do it in phone please

  • @gorkiiogurec
    @gorkiiogurec Жыл бұрын

    Hello, is there a way to make a like button?

  • @learning-axis

    @learning-axis

    Жыл бұрын

    In HTML & CSS, you may use external "Font Awesome Icons library" to create like button

  • @gorkiiogurec

    @gorkiiogurec

    Жыл бұрын

    @@learning-axis Thanks for the answer, but can you show an example if it's not difficult?

  • @learning-axis

    @learning-axis

    Жыл бұрын

    @@gorkiiogurec sure I will send you a code

  • @gorkiiogurec

    @gorkiiogurec

    Жыл бұрын

    @@learning-axis Thank you!

  • @learning-axis

    @learning-axis

    Жыл бұрын

    Hello! code for the like button is below: Video link: shorturl.at/fiuFT Source code: shorturl.at/csMW2

  • @williamspenser-xz6cu
    @williamspenser-xz6cu Жыл бұрын

    i can add the backend with js

  • @learning-axis

    @learning-axis

    Жыл бұрын

    php or nodejs

  • @williamspenser-xz6cu

    @williamspenser-xz6cu

    Жыл бұрын

    @@learning-axis node

  • @fred_001
    @fred_001 Жыл бұрын

    what font are you using?

  • @learning-axis

    @learning-axis

    Жыл бұрын

    default vs code font

  • @fred_001

    @fred_001

    Жыл бұрын

    @@learning-axis Weird. And for some reason it seemed to me that such a cool font. On my laptop, this font looks worse because of the screen. So I changed it to a more beautiful font.

  • @kavitaagrawal5605

    @kavitaagrawal5605

    9 ай бұрын

    Jajaj

  • @danielemmanuel2865
    @danielemmanuel286510 ай бұрын

    Why won't the login click I mean to login for real

  • @rockshubham7556

    @rockshubham7556

    Ай бұрын

    There's no javascript.

  • @yashbanait...7277
    @yashbanait...7277 Жыл бұрын

    Is the own website built with html and css..??

  • @learning-axis

    @learning-axis

    Жыл бұрын

    yes you can

  • @learning-axis

    @learning-axis

    Жыл бұрын

    but you also need javascript

  • @yashbanait...7277

    @yashbanait...7277

    Жыл бұрын

    @@learning-axis Still I'm learning CSS, after finishing this I'll Start Javascript..☺️

  • @learning-axis

    @learning-axis

    Жыл бұрын

    @@yashbanait...7277 great

  • @kirtigarg897

    @kirtigarg897

    Жыл бұрын

    ​@@yashbanait...7277 yes

  • @deepaksahriya1293
    @deepaksahriya12934 ай бұрын

    Itna cide likhna Aaj asan ho gaya chatgpt par

  • @Mashinalar_olami98
    @Mashinalar_olami982 ай бұрын

    🤣🤣🤣🤣🤣😊

  • @franwill3994
    @franwill3994 Жыл бұрын

    plz code

  • @Tiptrickszone
    @Tiptrickszone25 күн бұрын

    How to bypass it ?

  • @ericlamela371
    @ericlamela37110 ай бұрын

    Source code please

  • @learning-axis

    @learning-axis

    10 ай бұрын

    see description

  • @brunozampieri8201
    @brunozampieri820118 күн бұрын

    For the newbies... There is a LOT of bad practices

  • @talking_wikipedia
    @talking_wikipedia10 ай бұрын

    can css codes make this log in form

  • @learning-axis

    @learning-axis

    10 ай бұрын

    no

  • @manjitsingh7449
    @manjitsingh744911 ай бұрын

    Where will be the I'd password we entered will be stored

  • @learning-axis

    @learning-axis

    11 ай бұрын

    in data base, or you can send it to you email and google sheet

  • @rohanpaul1531

    @rohanpaul1531

    4 ай бұрын

    ​​@@learning-axishow to connect in data base this website? Please make a video for this

  • @neutralkid9240
    @neutralkid924011 ай бұрын

    Login360😂?

  • @Facts70658
    @Facts70658Ай бұрын

    Mereko ye aata hai brother kisi ko sikhna hai kya

  • @honzosaurus42069-no_furry
    @honzosaurus42069-no_furry Жыл бұрын

    C'mon maaaaan... Why do you wrote css in html file it's then messy and you can't understand what's goin' on......

  • @nu6691
    @nu6691 Жыл бұрын

    Background song pls ?

  • @siddhibhapkar1377
    @siddhibhapkar13773 ай бұрын

    body { margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: black; overflow: hidden; } .container { font-size: 10px; width: 40em; height: 40em; position: relative; } .sun { position: absolute; top: 15em; left: 15em; width: 10em; height: 10em; background-color: yellow; border-radius: 50%; box-shadow: 0 0 8em orange; } .earth,.moon { position: absolute; border-style: double; border-color: white transparent transparent transparent; border-width: 0.1em 0.1em 0 0; border-radius: 50%; } .earth { top: 5em; left: 5em; width: 30em; height: 30em; animation: orbit 26.05s linear infinite; } .moon { top: 0; right: 0; width: 8em; height: 8em; animation: orbit 8.1s linear infinite ; } .earth::before, .moon::before { content: ""; position: absolute; border-radius: 50%; } .earth::before { top: 2.8em; right: 2.8em; width: 3em; height: 3em; background-color: cyan; } .moon::before { top: 0.8em; right: 0.2em; width: 1.2em; height: 1.2em; background-color: lightgray; } @keyframes orbit { to { transform: rotate(360deg); } }

  • @codinglearningvlog7462
    @codinglearningvlog7462 Жыл бұрын

    #codinglearningvlog7462

  • @user-ri9yd4qb1t
    @user-ri9yd4qb1t27 күн бұрын

    Button { Cursor: pointer; }