Untitled

<!doctype html>
<html>
<!-- CSS Imports -->
    <link type="text/css" rel="stylesheet" href="css/theme.css">
    <link type="text/css" rel="stylesheet" href="css/hover.css">
<head>
<meta charset="utf-8">
<title>Home Page</title>
</head>
<!-- Embedded CSS -->
<style>
    .text
    {
        text-align: right;
        vertical-align:text-top;
    }
    .text1
    {
        text-align: left;
        vertical-align:text-top;
    }
</style>


<script>
    function validate()
    {
    var name = document.getElementById("name").value;
    var phone = document.getElementById("phone").value;
    var email = document.getElementById("phone").value;
    var issue = document.getElementById("issue").value;
    {
    if (name.value == "Enter Your Name")
        {
            alert ("Please enter your name")
        }
    else if (phone.value == "Enter Your Phone Number")
        {
            alert ("Please enter your number")
        }
    else if (email.value== "Enter Your Email")
        {
            alert ("Please enter your email")
        }
    else if (issue.value == "Enter Your Issue")
        {
            alert ("Please enter your issue")
        }
    else
        {
            alert ("Thank you, your report has been submited")
        }
    }
    }


</script>

<body>

    <!-- Title and Navigation -->
    <div>
        <table>
        <tr>
                <!-- title/Header -->
                <td align="center" width="100%" colspan="4">
                <h1>Locked Down Data - Contact Us</h1>
                </td>
            </tr>
            <tr>
                <!-- Navigation Menu -->
                <td><h1>About Us</h1></td>
                <td><h1>Contact Us</h1></td>
                <td><h1>Informaton</h1></td>
                <td><h1>Services</h1></td>
            </tr>
        </table>
    </div>

    <!-- Main Content -->

    <div>
    <table>
        <!-- Header -->
        <tr>
        <td colspan="4">
            <p>
                <h1>Our Contact Information</h1>
                <br>
                <h3 align="center">Contact us by any of the following methods if you have any enquiries, our staff are availble 24/7</h3>
            </p>
        </td>
        <!-- Contact Information -->
        </tr>
        <tr>
        <td class="text" width="25%"> Corporate Information:</td>
        <td class="text1" width="25%">
            <p>
                <u>address</u><br>
                Folly Lane <br>
                Hereford <br>
                HR1 1LS <br>
                <u>Director</u><br>
                Ian Peake<br>


            </p>
        </td>
        <td class="text" width="25%"> General Information:</td>
        <td class="text1" width="25%">
            <p>
                Toll-Free ***********<br>
                Phone *********** <br>
                Fax **********<br>
                Email Office@generic.com<br>

            </p>
        </td>
        </tr>

        <tr>
        <td class="text" width="25%"> Sales Information:</td>
        <td class="text1" width="25%">
            <p>
                Toll Free<br>
                Folly Lane <br>
                Hereford <br>
                HR1 1LS <br>
                <u>Director</u><br>
                Ian Peake<br>


            </p>
        </td>
        <td class="text" width="25%"> International Information: </td>
        <td class="text1" width="25%">
            <p>
                International@generic.com<br>
                Phone *********** <br>
                Avaliable 24/7 <br>


            </p>
        </td>
        </tr>
    </table>
    </div>

    <!-- Contact From -->
    <div>

        <table>
            <form>
                <tr>
                    <td colspan="2" width="50%">
                    <img src="images/support.jpg" width="50%" align="right">
                    </td>
                    <td width="50%" class="text1">
                        <table style="border-style:none;">
                        <tr>
                            <td><label for="name"> Name: </label></td>
                            <td><textarea type="text" name="contact" id="name">Enter Your Name</textarea></td>
                        </tr>
                        <tr>
                            <td><label for="phone"> Phone Number: </label></td>
                            <td><input type="tel" name="contact" id="phone" value="Enter Your Phone Number" style="width:75%;"></td>
                        </tr>
                        <tr>
                            <td><label for="email"> Email: </label></td>
                            <td><input type="text" name="contact" id="email" value="Enter Your Email" style="width:75%;"></td>
                        </tr>
                        <tr>
                            <td><label for="issue"> Your Issue: </label></td>
                            <td><textarea type="text" name="contact" id="issue" style="width:75%;height:100px;">Enter Your Issue</textarea></td>

                        </tr>
                        <tr>
                            <td><button onClick="validate()">Submit</button></td>
                        </tr>
                        </table>
                    </td>


                </tr>
            </form>
        </table>