Guidance portal

World of Guidance and Education

CONTACT US WEBPAGE:

Last example of this series is developing a Contact Us page. In every website one page is created to resolve the queries / questions of visitors. Using this page visitors can contact us if they have found some errors or for some suggesion. Usually on contact page you can insert links like
Contact us using facebook account
Contact us using yahoo acconunt
Contact us using google account
Contact form can also be used on the contact web page which is best and easy for visitor to send their message.


The comprehensive code is given below. All the tags used have been explained in detail in relevant chapters. Please refer the chapters if you find any difficulty in understanding the code.

    <!DOCTYPE HTML>
    <html>
    <head>

    <title>Untitled Document</title>
    </head>

    <body>
    <p><img src="logo copy.jpg" width="900" height="100"></p>
    <form method="get" action="http://www.Guidnessportal.com/search/" target="_top">
    <div align="right">
    <input class="searchentry" id="searchterms" name="search" accesskey="5" size="50" title="Type the words you want to look for here and click the Search button" type="text">
    <input value="Search" type="submit">
    &nbsp;&nbsp;&nbsp;&nbsp;<br/>
    </div>
    </form></p>
    <table width="100%" border="0">
    <tr>
    <td width="22%" height="469" valign="top"><table width="98%" height="201" border="0">
    <tr>
    <td align="center" bgcolor="#99CC66"><a href="#"><strong>MAIN HOME</strong></a></td>
    </tr>
    <tr>
    <td bgcolor="#99CC66"><a href="#">CONTACT US USING FACEBOOK</a></td>
    </tr>
    <tr>
    <td bgcolor="#99CC66"><a href="#">CONTACT US USING GOOGLE</a></td>
    </tr>
    <tr>
    <td height="40" bgcolor="#99CC66"><a href="#">CONTACT US USING YAHOO</a></td>
    </tr>
    <tr>
    <td height="36" bgcolor="#99CC66"><a href="#">DIRECT CONTACT</a></td>
    </tr>
    </table></td>
    <td width="78%" valign="top"><p>&nbsp;</p>
    <p>IF YOU WANT TO SEND US YOUR PROBLEM DIRECTLY THEN FILL THE FORM</p>
    <form name="form1" method="post" action="YOUR REQUIRED ACTION">
    <p>
    <label for="YOUR NAME"><strong>YOUR NAME </strong></label>
    <input type="text" name="YOUR NAME" id="YOUR NAME">
    </p>
    <p>
    <label for="YOUR EMAIL"><strong>YOUR EMAIL</strong></label>
    <input type="text" name="YOUR EMAIL" id="YOUR EMAIL">
    </p>
    <p><strong>YOUR PROBLEM</strong></p>
    <p>
    <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
    </p>
    <p>
    <input type="submit" name="SUBMIT" id="SUBMIT" value="SEND">
    <input type="reset" name="RESET" id="RESET" value="Reset">
    </p>
    </form>
    <p>&nbsp;</p></td>
    </tr>
    </table>
    </body>
    </html>

    BROWSER VIEW

    Contact us webpage



After launching your website you may index your site to google, bing and yahoo.
but Remember your website must be indexed on google.

 

comments powered by Disqus