API tools faq
paste
obstinado-yamada

sign in

obstinado-yamada
Aug 24th, 2017
42
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.         <meta charset="UTF-8">
  5.         <title>sign in</title>
  6.         <style>
  7.         body{
  8.                    margin 0px;
  9.                    background: #EDEDED;
  10.                    font-family: Monospace , Arial, sans-serif;
  11.                    font-style : normal;
  12.                    font-size: 23px;
  13.         }
  14.         .div_conx{
  15.                    width: 50%;
  16.                    margin: 0 auto;
  17.         }
  18.          input[type="text"]{
  19.              
  20.              
  21.         }
  22.          input[type="text"],[type="password"]{
  23.               padding : 5px 10px;
  24.               background: rgba(255, 255, 255, 0.87);
  25.               width: 220Px;
  26.               height: 25px;
  27.               border: 2px solid rgba(18, 53, 232, 0.3);
  28.               border-radius: 10px;
  29.               font-size: 20px;
  30.         }
  31.         span {
  32.                   color: #000;
  33.  
  34.         }
  35.           input[type="text"]:hover{
  36.               background : black;
  37.               color: #fff;
  38.               border: 2px solid rgba(8, 3, 255, 0.7);
  39.               border-radius: 10px;
  40.         }
  41.           input[type="password"]:hover{
  42.               background : black;
  43.               color: #fff;
  44.               border: 2px solid rgba(8, 3, 255, 0.7);
  45.               border-radius: 10px;
  46.         }
  47.         placeholder{
  48.               font-size:26px;
  49.         }
  50.          input[type="button"],[type="submit"]{
  51.         background-color : #008cba;
  52.         border:none;
  53.         color:#fff;
  54.         padding: 10px 20px;
  55.         text-align: center;
  56.         display: inline-block;
  57.         font-size: 15px;
  58.         cursor: pointer;
  59.         }
  60.         </style>
  61.     </head>
  62.         <body >
  63.         <div class="div_conx" id="conexion">
  64.             <form >
  65.             <h1 align="center" style="color:rgba(11,11,255,0.7);">Welcome </h1>
  66.                 <table>
  67.                     <tr>
  68.                     <td style="padding:23px 74px"><label><span>username:</span></label></td>
  69.                         <td ><input placeholder="Username" type="text" name="user"></td>
  70.                     </tr>
  71.                     <tr>
  72.                         <td style="padding:0px 74px"><label><span>password:</span></label></td><td>
  73.                         <input placeholder="Password" type="password" name="pass">  </td>
  74.                     </tr>
  75.                     <tr>
  76.                         <td ></td>
  77.                         <td> <input type="checkbox" id="show"style=" margin-left:30px;"/> <label for="show" style="font-size:16px; margin-left:10px;cursor:pointer;">show pass</label>
  78.                             </td>
  79.                     </tr>
  80.                         <tr>
  81.                             <td></td><td style="padding-top:36px;"><input style="margin-right:30px;" type="submit" value="Conecter">
  82.                            
  83.                             <input type="button" value="Inscription">
  84.                                 </td>
  85.                         </tr>
  86.                 </table>
  87.                 <br><br>
  88.             </form>
  89.                 <ul>
  90.                     <li><a href="" style="color:black;">Informations de compte oubliées ?</a></li>
  91.                 </ul>
  92.         </div>
  93.      </body>
  94. </html
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!