LOGIN FORM

PHOTO EMBED

Sun Oct 11 2020 03:24:45 GMT+0000 (Coordinated Universal Time)

Saved by @sanyali

<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<style>
body {
    font-size: 16px;
    background: #f9f9f9;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
h2 {
    text-align: center;
    text-decoration: underline;
}
form {
    width: 300px;
    background: #fff;
    padding: 15px 40px 40px;
    border: 1px solid #ccc;
    margin: 50px auto 0;
    border-radius: 5px;
}
label {
    display: block;
    margin-bottom: 5px
}
label i {
    color: #999;
    font-size: 80%;
}
input, select {
    border: 1px solid #ccc;
    padding: 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
}
.row {
    padding-bottom: 10px;
}
.form-inline {
    border: 1px solid #ccc;
    padding: 8px 10px 4px;
    border-radius: 2px;
}
.form-inline label, .form-inline input {
    display: inline-block;
    width: auto;
    padding-right: 15px;
}
.error {
    color: red;
    font-size: 90%;
}
input[type="submit"] {
    font-size: 110%;
    font-weight: 100;
    background: #006dcc;
    border-color: #016BC1;
    box-shadow: 0 3px 0 #0165b6;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
}
input[type="submit"]:hover {
    background: #0165b6;
}
/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}*/
body {
    background: #EEE
}
/*.container {
    width: 400px;
    height: 470px;
    padding-top: 50px;
}*/

.container .title {
    display: block;
    font-size: 20px;
    font-family: sans-serif;
    height: 30px;
    padding-bottom: 80px;
}
/*.container>div input[type='password'],
input[type='text'] {
    width: 65%;
    height: 45px;*/
    /*background: #7ccdff;*/
    margin: 10px auto 0;
    padding: 5px 40px 5px 10px;
    display: block;
    font-size: 22px;
    font-family: sans-serif;
    border: 1px solid #2FB57D;
    outline: nfirst;
    border-radius: 3px;
    color: #fff
}

.container>div .group2 {
    display: block;
   
    text-align: right;
    padding-right:  180px;
    
    font: 22px sans-serif;
    position: relative;
}
.container>div .group2>i {
    position: absolute;
    right:530px;
    bottom: 260px;
    cursor: pointer
}
</style>
<body onload="f1()">
   <div>
      <table width="100%" align="center">
        <tr>
          <td>
            <div id="starttime"></div><br />
            <div id="endtime"></div><br />
            <div id="showtime"></div>
          </td>
         </tr>
         <tr>
          <td>
            <br/>   
          </td>
        </tr>
         </table>
         <br/>
    </div>
    </form>
<form name="contactForm" onsubmit="return validateForm()" action="/examples/actions/confirmation.php" method="post">
   <!--  Name -->
    <div class="row">
        <label>Full Name</label>
        <input type="text" name="name">
        <div class="error" id="nameErr"></div>
    </div>
    <br>
    <!-- E-mail  Box -->
    <div class="row">
        <label>Email Address</label>
        <input type="text" name="email" placeholder="abc@domain.com">
        <div class="error" id="emailErr"></div>
    </div>
    <!-- Password  Box -->
    <label>Password</label>
  <div class="container">
  <div class="second">
   <input class="active" type="password" id="pass2">
   <div class="group2">
    <i id="icon" class="fa fa-eye-slash"></i>
   </div>
  </div>
 
  <!-- Mobile Number Box -->
   <br> <div class="row">
        <label>Mobile Number</label>
        <input type="text" name="mobile" maxlength="11" placeholder="Enter mobile number">
        <div class="error" id="mobileErr"></div>
    </div>
    
    
    <div class="row">
        <label>Hobbies <i>(Optional)</i></label>
        <div class="form-inline">
            <label><input type="checkbox" name="hobbies[]" value="sports"> Sports</label><br>
            <label><input type="checkbox" name="hobbies[]" value="movies"> Movies</label><br>
            <label><input type="checkbox" name="hobbies[]" value="music"> Music</label><br>
        </div>
    </div>
    <div class="row">
        <input type="submit" value="Submit">
    </div>
</form>
</body>
</html>
content_copyCOPY