Bootstrap Contact Form

This is a free contact form for your site. The folder containing your free contact form is made up of a few Bootstrap files. The first file is the html file that you will use to display your contact form. The second is the CSS Stylesheet, styling the look of your contact form. There is a PHP file that actually makes your free contact form work. View the Demo.

Using Your Bootstrap Contact Form

To use your free contact form, open up the PHP file in a text editor, and changeĀ  “you@yourdomain.com” on line 5 to your actual domain name. If you want to customize the subject that you will see when someone sends you an email from your site’s contact form, edit “Customer Inquiry” on line 6. Everything else should work. One thing to keep in mind is that all three files need to be in the same directory, so if you take these files out of the folder provided, just be sure to place the files all in the same area, such as the root folder of your site. If you place the php file or the html file in a folder by itself, then the form won’t work.

Bootstrap contact form

Altering Your Bootstrap Contact Form

You can style your free contact form with the CSS Stylesheet, using basic CSS principles. Change the color values to match your site’s color scheme. You can also place the form within an existing layout by copying and pasting the html into a page. Just make sure to update the links so that the form connects properly with the other 2 files. The only 2 things with distinct colors in the form are the focus and hover styles for the text input, and the hover styles for the submit button. Everything else has been made a shade of blue, for simplicity. If you want to know more about how to create and implement forms, check this out. Otherwise, download the free contact form after sharing via the social media icons below:

Simply click one of the icons below, and after you share this page, your download will start automatically. View the Demo.

[social-download button_id=”2968a2cf543a40740″ dl_id=”http://www.creativebeacon.com/bootstrap_form_10-09.zip” theme=”green” message=”Share via one of the social media links below and receive your free file!” facebook=”true” likeurl=”CURRENT” google=”true” googleurl=”CURRENT” tweet=”true” tweettext=”I just received my free contact from from Creative Beacon. Get yours now!” tweeturl=”CURRENT” follow=”false” linkedin=”true” linkedinurl=”CURRENT”/]

I am a professional graphic designer and web designer with years of experience. I am also an illustrator and Wordpress theme creator and author of this design blog. I write tutorials and build custom websites. I do what I love, and I love what I do! You can:Follow Me on Twitter, Join Me on Facebook, & Or Follow James George on Google+

Get Access to Graphics, Templates, Icons & More! Make your workday much easier.
Get Access to Graphics, Templates, Icons & More! Make your workday much easier.

Write To Us

Creative Beacon

6515 Clinton Hwy, Suite 202

Knoxville, TN 37912