Responsive Contact Us Page Design using Html CSS | CSS Glassmorphism

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024
  • Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutor...
    Buy Me A Coffee : www.buymeacoff...
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    Inspired By These
    CSS3 Contact Us Form Design with Floating Placeholder | Responsive Design
    • CSS3 Contact Us Form D...
    Responsive Contact Us Page Design using Html CSS | HTML Responsive Web Page Design
    • Responsive Contact Us ...
    Real Glassmorphism Card Hover Effects | Html CSS Glass morphism Effects
    • Real Glassmorphism Car...
    ------------------
    image source : www.pexels.com/
    ------------------
    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

ความคิดเห็น • 45

  • @mr.aabhashsingh4654
    @mr.aabhashsingh4654 3 ปีที่แล้ว +2

    Eid Mubarak

  • @statusvideoshub
    @statusvideoshub 3 ปีที่แล้ว +2

    After long time finally you upload another video😜

  • @jakobhoring132
    @jakobhoring132 3 ปีที่แล้ว +3

    Thanks a lot Muhammad, amazing as always>3

  • @ytshortsvideo247
    @ytshortsvideo247 3 ปีที่แล้ว +1

    Eid mubarak

  • @abhaykumar9806
    @abhaykumar9806 3 ปีที่แล้ว +5

    Good Work! But CSS breaks for invalid inputs. eg if you give and not write a proper email, it'll not work

    • @paulinapiatek8406
      @paulinapiatek8406 2 ปีที่แล้ว +1

      I agree. Could someone fix this problem with invalid inputs ? :)

  • @Infinity79100
    @Infinity79100 3 ปีที่แล้ว

    What is the best way or best backend language to add so this can work as it should ?

  • @SaraH-dj8xg
    @SaraH-dj8xg 3 ปีที่แล้ว

    thanks so much Muhammad!!! could you please please please do one where you guide us through it and explain what each thing does?

  • @JB-iz8bi
    @JB-iz8bi 3 ปีที่แล้ว +1

    Amazing

  • @akshayKumar-kx9mm
    @akshayKumar-kx9mm ปีที่แล้ว

    Can, you implement all these pages with react js??

  • @ComputerScienceSimplified
    @ComputerScienceSimplified 3 ปีที่แล้ว

    Incredible video, keep up the awesome work! :)

  • @m-anees-c
    @m-anees-c 3 ปีที่แล้ว +1

    Bro make next video about responsive mobile application website.

  • @Botaprio
    @Botaprio 3 ปีที่แล้ว +1

    Great! Thanks

  • @phuocquang2314
    @phuocquang2314 3 ปีที่แล้ว

    It's awesome brooooooo.

  • @norus_
    @norus_ 3 ปีที่แล้ว

    Thanks for this amazing content!❤️

  • @Unexpired_Milk
    @Unexpired_Milk 3 ปีที่แล้ว +1

    When you have the design and all set up, how do you make the button actually work/send the message? For example, how would you set it up so that when you click send, it sends the form to your email or something like that?

    • @crimtek
      @crimtek 3 ปีที่แล้ว

      trying to figure out the same thing

    • @joseph2073
      @joseph2073 3 ปีที่แล้ว

      u can connect this form with ms-excel ... watch utube tutorial for that

    • @nagarajpandith7096
      @nagarajpandith7096 3 ปีที่แล้ว +2

      You can use formspree, just login on that site and create a form. It'll give you the form link, copy that and paste it in the action attribute of your form tag in HTML file and then set the method as POST. You have to give a name to each input type for the form to work. After someone fills up the form and submits, you'll receive the info on your mail! With the free formspree account, around 50 submissions is possible, for more you've to buy an PRO or use some alternative email and create a free account again lol. Sorry for my bad english.

    • @abduladilsunnat2489
      @abduladilsunnat2489 2 ปีที่แล้ว

      Theres a framework/library called emailjs which is very simple to set up

  • @deshantharupathi
    @deshantharupathi 3 ปีที่แล้ว +11

    Can a design be made for the Buddhist Vesak festival?

    • @elg281
      @elg281 2 ปีที่แล้ว +1

      Yes you can do it

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 3 ปีที่แล้ว

    Thank you bro

  • @adriandev6516
    @adriandev6516 3 ปีที่แล้ว

    Impresionante

  • @sarabibrahim8312
    @sarabibrahim8312 ปีที่แล้ว

    👏👏👏

  • @FreshDJesus
    @FreshDJesus 2 ปีที่แล้ว +1

    I've wrote the code exactly like you but at the point ".container .row100 .col .inputBox .text" nothing work i hope you or sombody else can help me.

  • @dx497
    @dx497 3 ปีที่แล้ว

    Bhaiya can you make a video on how to make a terminal like cmd using html, css, js plz

  • @insanodeathbot8340
    @insanodeathbot8340 3 ปีที่แล้ว

    Please create a video of beautiful looking stepper form

  • @imsomnathmondal
    @imsomnathmondal 3 ปีที่แล้ว

    EID MUBARAK

  • @quickmath7780
    @quickmath7780 3 ปีที่แล้ว +1

    you have good tutorials but none of them work for me ever time I try them, and I try to reach you through facebook Dms but no
    response

  • @shubhamsingh9855
    @shubhamsingh9855 3 ปีที่แล้ว

    i write same code but output is not good there is a problem in section in that part so many circle appear help me to fix the problem..

  • @areejhuma5067
    @areejhuma5067 2 ปีที่แล้ว

    Is vedio ka code milskta h??

  • @Henry_Nunez
    @Henry_Nunez 2 ปีที่แล้ว

    😊👍

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 3 ปีที่แล้ว

    Bro can you make this with php

  • @lopez-rober
    @lopez-rober 3 ปีที่แล้ว +4

    ¿Soy el único que ve esta belleza en español? 😂

    • @quenerapu
      @quenerapu 3 ปีที่แล้ว +1

      Jajaja, no.

    • @anthonysistems
      @anthonysistems 3 ปีที่แล้ว +1

      A MI TAMBIEN ME GUSTA

  • @xavier-wz4on
    @xavier-wz4on 2 ปีที่แล้ว

    👏👏👍👏👏

  • @sabitapanda6708
    @sabitapanda6708 3 ปีที่แล้ว

    How to contact me...

  • @ruilianhliu5365
    @ruilianhliu5365 2 ปีที่แล้ว

    那两个球位置显示好像不对……

  • @Colors2000
    @Colors2000 2 ปีที่แล้ว

    5:53

  • @olicon69
    @olicon69 ปีที่แล้ว

    9:21

  • @rezababaei8666
    @rezababaei8666 2 ปีที่แล้ว

    🇮🇷🇮🇷🇮🇷thanks

  • @sanketdas9516
    @sanketdas9516 3 ปีที่แล้ว +1

    Eid Mubarak

  • @deepkumarbiswas6216
    @deepkumarbiswas6216 2 ปีที่แล้ว

    Amazing