daily pastebin goal
37%
SHARE
TWEET

Untitled

a guest Sep 14th, 2018 45 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <style>
  5.         ul {
  6.             list-style-type: none;
  7.             margin: 0;
  8.             padding: 0;
  9.             overflow: hidden;
  10.             background-color: #B3B6B7     ;
  11.         }
  12.  
  13.         li {
  14.             float: left;
  15.         }
  16.  
  17.         li a {
  18.             display: block;
  19.             color: white;
  20.             text-align: center;
  21.             padding: 14px 16px;
  22.             text-decoration: none;
  23.         }
  24.  
  25.         li a:hover:not(.active) {
  26.             background-color: #B03A2E;
  27.         }
  28.  
  29.         .active {
  30.             background-color: #273746;
  31.         }
  32.        
  33.     </style>
  34.  
  35. </head>
  36. <body>
  37.  
  38. <ul>
  39.     <li><a href="#Home">Home</a></li>
  40.     <li><a href="#Login">Login</a></li>
  41.     <li style="float:right"><a class="active" href="#about">Logout</a></li>
  42. </ul>
  43.  
  44. </body>
  45.  
  46. <style>
  47.     #customers {
  48.         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  49.         border-collapse: collapse;
  50.         width: 90%;
  51.         text-align: center;
  52.         position: absolute;
  53.         top: 30%;
  54.         left: 50%;
  55.         transform: translate(-50%, -50%);
  56.         color: white;
  57.     }
  58.  
  59.     #customers td, #customers th {
  60.         border: 1px solid #ddd;
  61.         padding: 8px;
  62.     }
  63.    
  64.  
  65.  
  66.     #customers tr:nth-child(even){background-color: #2E4053;}
  67.  
  68.     #customers tr:hover {background-color: #ddd;}
  69.  
  70.     #customers th {
  71.         padding-top: 12px;
  72.         padding-bottom: 12px;
  73.         text-align: left;
  74.         background-color: #138D75
  75.     ;
  76.         color: white;
  77.     }
  78. </style>
  79.  
  80. </head>
  81. <body>
  82.  
  83. <img src="https://www.chicagosextinctbusinesses.com/resources/15%20canal%20wacker%20bus%20chicken%20unlimited%2011%3A77.jpg.opt1160x732o0%2C0s1160x732.jpg" alt="Smiley face" height="610" width="870">
  84.  
  85. <table id="customers">
  86.     <tr>
  87.         <th>First Name</th>
  88.         <th>Last Name</th>
  89.         <th>Arrival</th>
  90.         <th>Destination</th>
  91.         <th>Duration</th>
  92.        
  93.        
  94.     </tr>
  95.     <tr>
  96.         <td>bus details</td>
  97.         <td>bus details</td>
  98.         <td>bus details</td>
  99.         <td>bus details</td>
  100.         <td>bus details</td>
  101.        
  102.      </tr>
  103.      
  104.     </table>
  105.     <table id = "pay">
  106.     <button class="button button2">Payment</button>
  107. <button class="button button3">Rebook</button>
  108.     </table>
  109.  
  110.  
  111. </body>
  112. </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