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

preview_player
Показать описание
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!
------------------

------------------
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

------------------

------------------
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
Рекомендации по теме
Комментарии
Автор

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!

yo_mastermind
Автор

You have already made this same one...
But this is upgraded version 🙂😄...
The best thing is that all are responsive 🤩..

Ryulightfx
Автор

MERCI pour ton tuto hyper bien fait, de là à dire que j'arriverai à refaire sans regarder, c'est une autre histoire mais ça m'a énormément aidé.

thierrychabenat
Автор

Well done! But - Can you make this a fully functional form, with validation and processing? Pure css and Vanilla?

XhebbsX
Автор

Well that's something productive unlike your other videos but your other videos are admirable too.

Game-viif
Автор

Thank you so much. This was perfect. Learnt a whole bunch of stuff. 💯💯

babafemijimoh-kuku
Автор

Давно уже смотрю ваши ролики, решил подписаться и поддержать так сказать вас

ИльяМиняев-жъ
Автор

Thank you for this responsive contact form design.

soumyaranjandas
Автор

You are really awesome and your works are really great.

darikhussain
Автор

I am wondering do you need to have a <form> element to make the form functional?

mrleetutorial
Автор

Sir which language is more beneficial in backend node js python or php

mohit_satija
Автор

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?

janschneider
Автор

I like your videos bro. I could have understood better if it was shown on the live server.

mdrahathosen
Автор

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

naveenkumar-sduo
Автор

I missed that music, excelent tutorial

imikepena
Автор

buenisimo maestro muchas gracias, solo tuve un inconveniente y fue cuando estaba en la parte responsive, me toco agregar position relative en contactform y contactinfo ya que no se me ajustaba :
@media (max-width : 991px) {


.container .contactForm
{
position: relative;
width: 100%;
height: auto;
margin-left: 0;
}
.container .contactInfo
{
position: relative;
width: 100%;
height: auto;
flex-direction: row;
}

naiarailucas
Автор

Sir, can you make a video that when we click on home services contact in full screen menu the full screen menu disable.

amarpritamtech
Автор

What is the CSS extension that do you use in this (and, almost all) of your video?

yo_mastermind
Автор

how to fix the bug that when the user doesn't put @ character in the email input, the span won't return to its original place, please help

JeffreyFloresG.-ttbi
Автор

Really good but should be using mobile-first with min width and not max width that is not convenient at all!!

robillardthibaud