contact.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style3..css">
    <script src="https://kit.fontawesome.com/3154693408.js" crossorigin="anonymous"></script>
    <title>THEERE- YOU TRAVEL, WE GUIDE|CONTACT US </title>
</head>
<body>

    <div class="header">
   
        <h1 class="logo">THEERE</h1>
        <ul class="nav-barr"  style="list-style-type: none;">
         <li class="nav"><a class="link" href="./index.html"> HOME</a></li>
           <li class="nav"> <a class="link" href="about.html">ABOUT</a>  </li>
         <li class="nav"><a class="link" href="#read">CONTACT  </a></li>
        </ul>
    </div>


    <section class="content">
    <div class="details">

        <div class="text1">
            <div class="div1 div">
                <span> <i class="fas fa-map-marker-alt fa-2x sym"></i> LOCATION</span>
                <p class="loc"> jm-4,mphb-indore,near it park square,delhi</p>
       
            </div>
            <div class="div2 div">
               <span><i class="fas fa-envelope fa-2x sym"></i>EMAIL</span>
               <p> amangangrade@gmail.com</p> 
            </div>
            <div class="div3 div">
               <span> <i class="fas fa-phone-square-alt fa-2x sym"></i> NUMBER</span>
               <p>+91 9689-898898</p>   
       
            </div>
        </div>
     
        
     <div class="ph">
     <img src="../THEERE--YOU-TRAVEL-WE-GUIDE/img/pexels-ezra-comeau-2387418.jpg" alt="" class="image">
     </div>

    </div>


    <div class="form">
        <h1 class="contact-heading" id="read">CONTACT US </h1>
        <form class="form-details" action="./index.html">
          

            <label for="username">USERNAME: </label>
            <input type="text" id="username" required >
            <label for="full-name"> FULL NAME :</label>
            <input type="text" id="full-name" required>
            <label for="email">EMAIL :</label>
            <input type="email"  id="email" required>
            <label for="phone">CONTACT NUMBER :</label>
            <input type="text" id="phone" required>
            <label for="text-area">INFORMATION REGARDING PLACES YOU WANTED TO VISIST :</label>
            <textarea name="" id="text-area" cols="30" rows="10"> </textarea>
          <input type="submit" name=""  class="submit" >
        </form>
        

    </div>


    </section>

    
</body>
</html>