15 Replies Latest reply on Apr 28, 2010 7:11 AM by Elliot23

    Contact Us template insertion?

    videobyshannon

      I DL'd a "contact us" template but don't know enough about html to insert it.  Can someone help me?  Here is my page code:

       

      <html>
      <head>
      <title>Contact Us</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      </head>
      <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <!-- ImageReady Slices (Contact Us.psd) -->
      <table id="Table_01" width="1200" height="1025" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="16">
         <img src="images/index_contact_01.jpg" width="1200" height="70" alt=""></td>
      </tr>
      <tr>
        <td rowspan="6">
         <img src="images/index_contact_02.jpg" width="93" height="954" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_03.png" width="143" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_04.png" width="142" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_05.png" width="142" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_06.png" width="143" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_07.png" width="142" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_08.png" width="139" height="53" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_09.png" width="146" height="53" alt=""></td>
        <td rowspan="6">
         <img src="images/index_contact_10.jpg" width="110" height="954" alt=""></td>
      </tr>
      <tr>
        <td colspan="14">
         <img src="images/index_contact_11.jpg" width="997" height="248" alt=""></td>
      </tr>
      <tr>
        <td colspan="14">
         <img src="images/index_contact_12.jpg" width="997" height="563" alt=""></td>
      </tr>
      <tr>
        <td colspan="14">
         <img src="images/index_contact_13.jpg" width="997" height="36" alt=""></td>
      </tr>
      <tr>
        <td rowspan="2">
         <img src="images/index_contact_14.jpg" width="121" height="54" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_15.gif" width="80" height="25" alt=""></td>
        <td>
         <img src="images/index_contact_16.gif" width="84" height="25" alt=""></td>
        <td>
         <img src="images/index_contact_17.gif" width="116" height="25" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_18.gif" width="124" height="25" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_19.gif" width="151" height="25" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_20.gif" width="136" height="25" alt=""></td>
        <td colspan="2">
         <img src="images/index_contact_21.gif" width="80" height="25" alt=""></td>
        <td rowspan="2">
         <img src="images/index_contact_22.jpg" width="105" height="54" alt=""></td>
      </tr>
      <tr>
        <td colspan="12">
         <img src="images/index_contact_23.jpg" width="771" height="29" alt=""></td>
      </tr>
      <tr>
        <td>
         <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="121" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="22" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="58" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="84" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="116" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="26" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="98" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="45" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="106" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="36" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="100" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="39" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="41" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="105" height="1" alt=""></td>
        <td>
         <img src="images/spacer.gif" width="110" height="1" alt=""></td>
      </tr>
      </table>
      <!-- End ImageReady Slices -->
      </body>
      </html>

       

       

      Here is the code for the template:

       

      <!--
      // URL: www.freecontactform.com
      // Version: FreeContactForm Lite V1.0
      // Copyright (c) 2009 Stuart Cochrane <stuartc1@gmail.com>
      // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
      // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
      // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
      // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
      // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
      // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      // THE SOFTWARE.
      -->
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Contact Us</title>
      <script src="lite_validation.js"></script>
      <script>
      required.add('Full_Name','NOT_EMPTY','Full Name');
      required.add('Email_Address','EMAIL','Email Address');
      required.add('Your_Message','NOT_EMPTY','Your Message')
      </script>
      <link rel="stylesheet" type="text/css" href="lite_styles.css">
      </head>
      <body>

      <form name="contactformlite" method="post" action="lite_process.php" onSubmit="return validate.check(this)">
      <table width="400px" class="cflite">
      <tr>
        <td colspan="2">
         <p style="text-align:center">Fields marked with <span class="required_star"> * </span> are required.</p>
        </td>
      </tr>
      <tr>
        <td valign="top" class="cflite_td">
         <label for="Full_Name" class="required">Full Name<span class="required_star"> * </span></label>
        </td>
        <td valign="top" class="cflite_td">
         <input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:250px">
        </td>
      </tr>
      <tr>
        <td valign="top" class="cflite_td">
         <label for="Email_Address" class="required">Email Address<span class="required_star"> * </span></label>
        </td>
        <td valign="top" class="cflite_td">
         <input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:250px">
        </td>
      </tr>
      <tr>
        <td valign="top" class="cflite_td">
         <label for="Telephone_Number" class="not-required">Telephone Number</label>
        </td>
        <td valign="top" class="cflite_td">
         <input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:250px">
        </td>
      </tr>
      <tr>
        <td valign="top" class="cflite_td">
         <label for="Your_Message" class="required">Your Message<span class="required_star"> * </span></label>
        </td>
        <td valign="top" class="cflite_td">
         <textarea style="width:250px;height:120px" name="Your_Message" id="Your_Message" maxlength="2000"></textarea>
        </td>
      </tr>
      <tr>
        <td colspan="2" style="text-align:center"  class="cflite_td">
         <input type="submit" value="Submit">
         <br /><br />
         <!-- LEGAL NOTICE: YOU MUST KEEP THIS LINK UNCHANGED -->
         This form is powered by <a href="http://www.freecontactform.com/">Free Contact Form</a>
         <!-- LEGAL NOTICE: YOU MUST KEEP THIS LINK UNCHANGED -->
         <br /><br />
        </td>
      </tr>
      </table>
      </form>
      </body>
      </html>