Advertisement
Vankata17

Alex

Oct 5th, 2022
859
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <title>Bratlie logni sa e </title>
  5.   <body>
  6.   <style>
  7.     body {font-family: Arial, Helvetica, sans-serif;}
  8.     * {box-sizing: border-box}
  9.    
  10.     /* Full-width input fields */
  11.     input[type=text], input[type=password] {
  12.       width: 100%;
  13.       padding: 15px;
  14.       margin: 5px 0 22px 0;
  15.       display: inline-block;
  16.       border: none;
  17.       background: #f1f1f1;
  18.     }
  19.    
  20.     input[type=text]:focus, input[type=password]:focus {
  21.       background-color: #ddd;
  22.       outline: none;
  23.     }
  24.    
  25.     hr {
  26.       border: 1px solid rgb(162, 0, 255);
  27.       margin-bottom: 25px;
  28.     }
  29.    
  30.     /* Set a style for all buttons */
  31.     button {
  32.       background-color: #00ffff;
  33.       color: #ff05ff;
  34.       padding: 14px 20px;
  35.       margin: 8px 0;
  36.       border: none;
  37.       cursor: pointer;
  38.       width: 100%;
  39.       opacity: 0.9;
  40.     }
  41.     .cancelbtn {border-radius: 12px;}
  42.    
  43.     button:hover {
  44.       opacity:1;
  45.     }
  46.    
  47.     /* Extra styles for the cancel button */
  48.     .cancelbtn {
  49.       padding: 14px 20px;
  50.       background-color: #ff05ff;
  51.       color:#00ffff;
  52.     }
  53.     .signupbtn {border-radius: 12px;}
  54.    
  55.     /* Float cancel and signup buttons and add an equal width */
  56.     .cancelbtn, .signupbtn {
  57.       width: 50%;
  58.     }
  59.  
  60.     /* Add padding to container elements */
  61.     .container {
  62.       padding: 16px;
  63.     }
  64.    
  65.     /* Clear floats */
  66.     .clearfix::after {
  67.       content: "";
  68.       clear: both;
  69.       display: table;
  70.     }
  71.  
  72.    
  73.    
  74.     /* Change styles for cancel button and signup button on extra small screens */
  75.     @media screen and (max-width: 300px) {
  76.       .cancelbtn, .signupbtn {
  77.          width: 100%;
  78.       }
  79.     }
  80.     </style>
  81.     </html>
  82.  
  83.  
  84.     <form action="action_page.php" style="border:3px solid rgb(162, 0, 255)">
  85.         <div class="container">
  86.           <h1>Sign Up</h1>
  87.           <p>Please fill in this form to create an account.</p>
  88.           <hr>
  89.      
  90.           <label for="email"><b>Email</b></label>
  91.           <input type="text" placeholder="Enter Email" name="email" required>
  92.      
  93.           <label for="psw"><b>Password</b></label>
  94.           <input type="password" placeholder="Enter Password" name="psw" required>
  95.      
  96.           <label for="psw-repeat"><b>Repeat Password</b></label>
  97.           <input type="password" placeholder="Repeat Password" name="psw-repeat" required>
  98.      
  99.           <label>
  100.             <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
  101.           </label>
  102.      
  103.           <p>By creating an account you agree to our <a href="#" style="color:rgb(255, 0, 0)">Terms & Privacy</a>.</p>
  104.      
  105.          <div class="clearfix">
  106.            <div style="text-align:center">
  107.            <button type="button" class="cancelbtn" style="text-align:center">Cancel</button>
  108.            <button type="submit" class="signupbtn" style="text-align:center">Sign Up</button>
  109.            </div>
  110.        </div>
  111.      </form>
  112.  
  113. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement