I have made four part videos in which I will make contact form. This form uses no image and is fully made by css, html and php. I have made this video tutorial in urdu and hindi language so that users can easily understand it.
The tools I have used are:-
- Dreamweaver (For editing)
- Chrome (For testing)
- My website (For testing email function)
- Gmail for getting email from contact form
- border-radius.com for getting css of border radius
- colorzilla.com/gradient-editor for creating css button
In first part of video I have done the html part of contact form. I have created a container div in which I have placed form and one heading.
In second and third part of videos I have done css of the contact form. I have not used any image so that the page loads fast in the browser. The css I have used is compatible for all popular browsers.
In fourth and last part of video I have write the php coding. In php coding I have used isset(), mail(), if statement and other coding.
This contact form has very nice designing and it also tells the visitor whether the email sending is failed or successful. I have used capcha in the contact form for avoiding spamming. You can also download the code of this tutorial.
So below are the four videos that I make to create contact from:-