daily pastebin goal
82%
SHARE
TWEET

Untitled

a guest Sep 14th, 2018 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <style>
  6. body, html {
  7.     height: 100%;
  8.     margin: 0;
  9.     font-family: Brush Script MT;
  10. }
  11.  
  12. .hero-image {
  13.   background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://secure.i.telegraph.co.uk/multimedia/archive/00980/bustop_980686c.jpg");
  14.   height: 100%;
  15.   background-position: center;
  16.   background-repeat: no-repeat;
  17.   background-size: cover;
  18.   position: relative;
  19. }
  20.  
  21. .hero-text {
  22.   text-align: center;
  23.   position: absolute;
  24.   top: 50%;
  25.   left: 50%;
  26.   transform: translate(-50%, -50%);
  27.   color: white;
  28. }
  29.  
  30. .hero-text button {
  31.   border: none;
  32.   outline: 0;
  33.   display: inline-block;
  34.   padding: 10px 25px;
  35.   color: black;
  36.   background-color: #ddd;
  37.   text-align: center;
  38.   cursor: pointer;
  39. }
  40.  
  41. .hero-text button:hover {
  42.   background-color: #555;
  43.   color: white;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48.  
  49. <div class="hero-image">
  50.   <div class="hero-text">
  51.     <h1 style="font-size:40px">Welcome Abhibus</h1>
  52.     <p>Enjoy your journey</p>
  53.     <button>Login</button>
  54.     <button>Signup</button>
  55.   </div>
  56. </div>
  57.  
  58.  
  59.  
  60. </body>
  61. </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