“Perfect Contact Us Form” Documentation by “Forect of Code” v1.0

---

Perfect Contact Us Form

---

Table of Contents

1. HTML Structure
2. CSS Files and Structure
3. JavaScript
4. PHP
5. Sources and Credits

---

A) HTML Structure - top

This is a fixed layout, all the content are inside the ".container" class which has some of nested div and a form. Below is the screenshot of HTML Code.

---

B) CSS Files and Structure - top

For the layout styling i'm using perfect-contact-form.css and bootstrap which are contains all of the specific stylings for the page.

If you would like to edit a specific section of the page, simply find the appropriate label in the CSS file.

---

C) JavaScript - top

This theme imports five Javascript files.

1. jquery.min.js
2. bootstrap.min.js
3. jquery.validate.js
4. additional-methods.js
5. perfect-contact-form.js

You just need to change the url of file (contact.php) before make it live in asset/js/perfect-contact-form.js file, following are the points.

1. Open asset/js/perfect-contact-form.js and find http://example.com/perfect-contact-form/contact.php.
2. Remove this url "http://example.com/perfect-contact-form/contact.php" and put the location of contact.php.

---

D) Php - top

I'm using php script (contact.php) for sending email which is containing two kind of mail functions.

1. Php Mail Function
2. SMTP Mail (PhpMailer) Function

For Php Mail Function

1. Copy and paste the files to your project.
2. Open asset/js/perfect-contact-form.js and find http://example.com/perfect-contact-form/contact.php.
3. Remove this url "http://example.com/perfect-contact-form/contact.php" and put the location of contact.php.
4. Open contact.php and find example@gmail.com in the simpleContact function.
5. Remove this address "Name " and put your email id with name.
6. Open the form.php in browser that's all.

---

For SMTP Mail (PhpMailer) Function

1. Copy and paste the files to your project.
2. Open asset/js/perfect-contact-form.js and find http://example.com/perfect-contact-form/contact.php.
3. Remove this url "http://example.com/perfect-contact-form/contact.php" and put the location of contact.php.
4. Open contact.php and find smtpContact function.
5. Provide your mail server and email address credentials.

   $mail->Host('mail.example.com')

   $mail->Port = 25; OR Your PORT

   $mail->Username('YourEmailAddress@Example.com')

   $mail->Password = "Your Password";

   $mail->addAddress('OwnerEmail@example.com','Owner Name')

6. Remove this email address "OwnerEmail@example.com" and "Owner Name" from

   $mail->addAddress('OwnerEmail@example.com','Owner Name')

   and put your email id with name.
7. Open the form.php and find simple_mail
8. Remove value simple_mail and add smtp_mail
9. Open the form.php in browser that's all.

---

E) Sources and Credits - top

I've used the following files as listed.

• bootstrap.min.css
• perfect-contact-form.css
• jquery.min.js
• bootstrap.min.js
• jquery.validate.js
• additional-methods.js
• perfect-contact-form.js
• form.php
• contact.php

---

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Ayaz Shah

Go To Table of Contents

---