Contact Form 7 WordPress Tutorial | Step-by-step HTML & CSS Guide for Beginners!

 

HTML Codes:

<label for="Name"> Name </label>

[text* your-name id:cu-name class:cu-name placeholder "John Doe"]

<label for="Company Name"> Company Name </label>

[text* company-name id:cu-company-name class:cu-company-name placeholder "Example Inc."]

<label for="Email"> Email </label>

[email* your-email id:cu-email class:cu-email placeholder "john.doe@example.com"]

<label for="Phone Number"> Phone Number </label>

[tel* phone-number id:cu-phone-number class:cu-phone-number placeholder "+1 (000) 000-0000"]

<label for="Question"> Question </label>

[textarea* question id:cu-question class:cu-question placeholder "Please write down your question and query here"]

[submit id:Submit class:cu-submit "Submit"]