SHARE
TWEET

Untitled

a guest Oct 23rd, 2019 117 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title></title>
  8.     <style>
  9.  
  10.         body {
  11.             font-family: Arial, Helvetica, sans-serif;
  12.         }
  13.  
  14.         #myVideo {
  15.           position: fixed;
  16.           right: 0;
  17.           bottom: 0;
  18.           min-width: 100%;
  19.           min-height: 100%;
  20.         }
  21.  
  22.         form {
  23.             border: 3px solid #f1f1f1;
  24.         }
  25.  
  26.         .content {
  27.             text-align: center;
  28.             position: relative;
  29.             background: rgba(63, 78, 112, 0.2);
  30.             color: #1ec794;
  31.             width: 100%;
  32.             padding: 20px;
  33.             display: block;
  34.  
  35.         }
  36.  
  37.         input[type=text], input[type=password] {
  38.             width: 150px;
  39.             padding: 10px 20px;
  40.             margin : 0 auto;
  41.             display: block;
  42.             text-align: center;
  43.             border: 1px solid #ccc;
  44.             box-sizing: border-box;
  45.         }
  46.  
  47.         img.avatar {
  48.             width: 250px;
  49.             border-radius: 50%;
  50.         }
  51.  
  52.         p {
  53.  
  54.             margin : 0 auto;
  55.             width:600px;
  56.         }
  57.  
  58.     </style>
  59. </head>
  60. <body>
  61.  
  62.     <video autoplay muted loop id="myVideo">
  63.       <source src="background.mp4" type="video/mp4">
  64.     </video>
  65.  
  66.     <div class="fullscreen-bg">
  67.         <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">           
  68.             <source src="video/background.mp4" type="video/mp4">
  69.             <!--
  70.             <source src="video/background.webm" type="video/webm">
  71.             <source src="video/background.ogv" type="video/ogg">
  72.             -->
  73.         </video>
  74.         <div class="content">
  75.            
  76.             <img src="logo.png" alt="Babylon 5" class="avatar">
  77.             <br/>
  78.             <br/>
  79.  
  80.             <label for="uname"><b>Username:</b></label>
  81.             <input type="text" placeholder="Enter Username" name="uname" required>
  82.  
  83.             <br/>
  84.  
  85.             <label for="psw"><b>Password:</b></label>
  86.             <input type="password" placeholder="Enter Password" name="psw" required>
  87.  
  88.             <br/>
  89.             <br/>
  90.             <p>
  91.                 I was there at the dawn of the third age of mankind.
  92.             </p>
  93.             <br/>
  94.            
  95.             <p>
  96.                 It began in the Earth year 2257, with the founding of the last of the Babylon stations, located deep in neutral space. It was a port of call for refugees, smugglers, businessmen, diplomats . . . and travelers from a hundred worlds. Could be a dangerous place – but we accepted the risk, because Babylon 5 was our last, best hope for peace.
  97.             </p>
  98.             <br/>
  99.  
  100.             <p>
  101.                 Under the leadership of its final commander, Babylon 5 was a dream given form: a dream of a galaxy without war, when species from different worlds could live side by side in mutual respect. A dream that was in danger as never before, by the arrival of one man on a mission of destruction.
  102.                 Babylon 5 was the last of the Babylon stations.
  103.             </p>
  104.  
  105.             <br/>
  106.  
  107.             <p>
  108.                 This is its story of Babylon 5
  109.             </p>
  110.  
  111.            
  112.         </div>
  113.     </div>
  114.  
  115. </body>
  116. </html>
RAW Paste Data
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
 
Top