Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Responsive Contact Us Page Design using Html5 & CSS3| Floating Placeholder CSS3

Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
Join Our Channel Membership And Get Source Code of My New Video’s Everyday!
Join :

Source Code :
Facebook Page :
Instagram :
Twitter :
Website :

Buy Me A Coffee :

give proper credit if you repost this on other social media platform

Remake of This video : Creating an Impressive Contact Us Page using Html5 & CSS3| Floating Placeholder CSS3

Icon Source :

Image Download Link :
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

Support site by sharing this post

Share on facebook
Share on twitter
Share on pinterest
Share on linkedin
Share on reddit
Share on tumblr
Share on stumbleupon
  1. Please help me, at 9:15 the lists position in mine are located in the bottom of green card, but in the video the lists position in the top of green card. Why, the code is the same as the video but the result doesn't same. How to fix it ?.

  2. By another way, your solution "flew-direction: column-reverse" at responsive mode level, was simply brilliant! Wao! From UI design aspect was really awesome. Congratulations!

  3. Thanks for the viseo! On 22:54 padding settings are overriding/conflicting. Cannot get my contactForm in the illustrated position while following the css multiple times. Anyone experiencing the same?

  4. .container .contact-form .formBox .inputBox .w50 { … } the width seems to not work in my case.
    .container .contact-form .formBox .w50 { … } but this one did.

  5. section::before position doesn't work when you have more content inside the page. position absolute and top 0 left 0 will set its position to the top left corner of the page. so maybe I need to add another div inside the section and do this before thing to it??????

Leave a Reply

Your email address will not be published. Required fields are marked *