Design Contact Form HTML & CSS

Learn how to design and code a custom contact form from scratching in this HTML & CSS tutorial. We'll build all of the HTML elements as well as styling with CSS in this part 1/2 of the series. Part 2 will focus on adding animations and validations via Javascript!
Styling and designing web forms is notoriously difficult! Grab the files on GitHub to compare your version to: github.com/wilsmex/edu/tree/m...
💖 SUBSCRIBE (Please) 💖
czcams.com/users/FollowAndrew?s...
🙏 Become a Patron for support! 🙏
/ followandrew
#css #html #webform #contact #form

[@rickfearn3663]

Terrific clarity in this video. And nice looking clean form in the end. Thanks Andrew! Rick

[@myrina5115]

It’s been a pleasure to follow your course. Thank You!

[@ryanelliott7981]

Great video! I'm just recently picking up CSS after doing a basic HTML5 course and I learned a lot here. On my way to the PHP part 2 video!

[@michaelharris2640]

probably one of the best channels for learning to code. Thanks for all you do! (p.s. because of this video I landed a junior developer position (my first) because I used this on my website resume!)

[@FollowAndrew]

Nice work!

[@danielikechukwu7681]

Awesome content

[@FollowAndrew]

Designing HTML web forms is a PAIN! Comment, Like, Sub, Share!

[@mauricemacnamara5914]

Did you upload part 2 Andrew, thanks for the easy to follow tutorial

[@arlenenotary9527]

Andrew, I appreciate your “to the point instructions” with step by step explaining. I would like my emails returned to me in humor table form, is that something you would cover?

[@techjourney8821]

nice content

[@GerritforBazeja]

Top. could you do the required fields in PHP instead of java?

[@FollowAndrew]

Sure. I've got a video in the works that will show how to validate a basic form with PHP

[@GerritforBazeja]

@@FollowAndrew Found: 15 HTML Forms Part1 - 18 HTML Forms Part4 (czcams.com/video/54T1v-3TKxY/video.html) but ....No PHP validation?!

[@eminentlogos9394]

hi dose this work with atom

[@justsaybobby]

Do you save this as .php or .html? The next video. it's .php...

[@chriswetzel4512]

Your follow along code download points to the wrong code file.

[@keithwjones]

Anyone know where Part 2 is?

[@HakaiOver9k]

Guys, I am having hard time finding the second part of this video, any clue? Thanks.

[@danaalsani1091]

czcams.com/video/h5ghlfvU3S8/video.html

[@syediqbalahmed3176]

see later ...

[@AnfasAhamed]

why didn't you make it responsive? :( :(