Facebook
From kacper, 2 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 180
  1. <!DOCTYPE html>
  2. &lt;html lang="en"&gt;
  3. &lt;head&gt;
  4.     &lt;meta charset="UTF-8"&gt;
  5.     &lt;meta name="viewport" c initial-scale=1.0"&gt;
  6.     &lt;title&gt;Document&lt;/title&gt;
  7.     &lt;style&gt;
  8.         @import url(https://fonts.googleapis.com/css?family=Roboto:300);
  9.  
  10.         .login-page {
  11.           width: 360px;
  12.           padding: 8% 0 0;
  13.           margin: auto;
  14.         }
  15.         .form {
  16.           position: relative;
  17.           z-index: 1;
  18.           background: #FFFFFF;
  19.           max-width: 360px;
  20.           margin: 0 auto 100px;
  21.           padding: 45px;
  22.           text-align: center;
  23.           border-radius: 10px;
  24.           box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  25.         }
  26.         .form input {
  27.           font-family: "Roboto", sans-serif;
  28.           outline: 0;
  29.           background: #f2f2f2;
  30.           width: 100%;
  31.           border: 0;
  32.           margin: 0 0 15px;
  33.           padding: 15px;
  34.           box-sizing: border-box;
  35.           font-size: 14px;
  36.           border-radius: 5px;
  37.         }
  38.         .form button {
  39.           font-family: "Roboto", sans-serif;
  40.           text-transform: uppercase;
  41.           background: #219ebc;
  42.           width: 100%;
  43.           border: 0;
  44.           padding: 15px;
  45.           color: #FFFFFF;
  46.           font-size: 14px;
  47.           -webkit-transition: all 0.3 ease;
  48.           transition: all 0.3 ease;
  49.           cursor: pointer;
  50.           border-radius: 5px;
  51.         }
  52.         .form button:hover,.form button:active,.form button:focus {
  53.           background: #1e86a0;
  54.         }
  55.         .form .message {
  56.           margin: 15px 0 0;
  57.           color: #b3b3b3;
  58.           font-size: 12px;
  59.         }
  60.         .form .message a {
  61.           color: #005b88;
  62.           text-decoration: none;
  63.         }
  64.  
  65.         .message {
  66.  
  67.         }
  68.  
  69.  
  70.  
  71.  
  72.         body {
  73.           background: #8ecae6;
  74.           font-family: "Roboto", sans-serif;
  75.           -webkit-font-smoothing: antialiased;
  76.           -moz-osx-font-smoothing: grayscale;      
  77.         }
  78.     &lt;/style&gt;
  79. &lt;/head&gt;
  80. &lt;body&gt;
  81.     <div class="login-page">
  82.         <div class="form">
  83.           &lt;form class="login-form"&gt;
  84.             &lt;input type="text" placeholder="Nazwa"/&gt;
  85.             &lt;input type="password" placeholder="Hasło"/&gt;
  86.             <button>zaloguj się</button> <br>
  87.             <p class="message">Nie zajerestrowany? <a href="#">stwórz konto</a></p>
  88.           &lt;/form&gt;
  89.         </div>
  90.       </div>
  91. &lt;/body&gt;
  92. &lt;/html&gt;

Replies to index rss

Title Name Language When
Re: index kacper text 2 Months ago.