Untitled

avatar
unknown
plain_text
3 years ago
2.0 kB
4
Indexable
<!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">
     <title>Document</title>

     <style>
          body {
               font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
               text-align: center;
          }

          input {
               height: 40px;
               width: 100%;
          }

          .panel {
               width: 70%;
               height: 500px;
               margin: auto;
               border: 1px solid #d6d6d6;
               box-shadow: 0px 0px 15px 1px #dbdbd9;
          }

          .container {
               width: 80%;
               margin: auto;
               margin-top: 40px;
          }

          .row {
               display: flex;
          }

          .form-control {
               width: 30%;
               margin-right: 40px;
          }
     </style>
</head>

<body>
     <h1>Contact Us</h1>
     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste, dolor?</p>
     <form action="">
          <div class="panel">
               <div class="container row">
                    <div class="form-control">
                         <label for="fullname">FULL NAME</label><br>
                         <input type="text" name="fullname" id="fullname">
                    </div>
                    <div class="form-control">
                         <label for="phone">PHONE</label><br>
                         <input type="text" name="phone" id="phone">
                    </div>
                    <div class="form-control">
                         <label for="email">EMAIL</label><br>
                         <input type="text" name="email" id="email">
                    </div>
               </div>
          </div>
     </form>
</body>

</html>
Editor is loading...