Sec-Contact

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Contact</title>
    <script type="text/javascript" language="JavaScript">
                  function clickedAbout()
            {window.location = 'About.html'}
        function clickedHome()
        {window.location='Home.html'}

             </script>
    <style>
      body
        {margin: 0px;padding: 0px}

        .header
        {
            background-color:antiquewhite;
            text-align: right;
            padding: 30px;
        }
        .bttn
        {
            background-color: lightskyblue;
            border: 10px solid skyblue;
            padding: 5px;
            margin: 5px;
            cursor: pointer;
            display:inline-block;
            font-size: 20px;
            border-radius: 50px

        }
        .bttn:hover{background-color: blue}
        .cont
        {
            text-align: left;
            position: absolute;
            left: 50px;
            font-size: 35px;
        }
        label {margin-bottom:30px}
        input {margin-bottom:30px}
        fieldset{border-color: cornflowerblue;border-radius: 10%;padding: 20px;position: absolute;right: 35% ;bottom: 25%}
    </style>
</head>
 <body>

    <div class="header">
    <label class="cont">Contact</label>
    <button class="bttn" onclick="clickedHome()">Home</button>
    <button class="bttn" onclick="clickedAbout()">About Us</button>
    <button class="bttn" style="background-color:blue;border-color:blue">Contact</button>
    </div>

    <fieldset>
        <input type="text" style="float: left" placeholder="Enter Your Name">


        <input type="email" style="float: right" placeholder="Enter Your Email">

          <br>
        <input type="text" placeholder="Enter Your Phone Number">

          <br>
          <textarea rows="5" cols="50"> Leave Your message Here... </textarea>
        <br> <br>
        <button type="button" value="Send" style="float: right;border-color: cornflowerblue;cursor: pointer">Send</button>
        </fieldset>

     <hr style="position: relative; width:1350px; height:0px; top: 400px;">

     <a href="https://www.facebook.com/HagerMohamed239" target="_blank"><img src="fblogo.png" width="50" height="50" style="position: absolute;right:750px;bottom: 30px"></a>

     <a href="https://www.instagram.com/hagergog99/" target="_blank"><img src="instalogo.jpg" width="50" height="50" style="position: absolute;right:680px;bottom: 30px"></a>

     <a href="https://twitter.com/HagerMohamed993" target="_blank"><img src="twitterlogo.jpg" width="50" height="50" style="position: absolute;right: 610px;bottom: 30px"></a>

     <div style="position: absolute;bottom: 1px;right: 680px"> &copy; 2019</div>
 </body>
</html>