SHARE
TWEET

Untitled

a guest Feb 27th, 2020 88 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.       <title>Home</title>
  5.       <style>
  6.         *{ box-sizing:border-box;}
  7.        
  8.         header { background-color : skyblue;
  9.                  padding : 10px;
  10.                  font-family : Times New Roman;
  11.                  font-size : 24 px;
  12.                  flex : 1;
  13.                  text-align : center;
  14.                 }
  15.        
  16.         .flex-container {
  17.             display : flex;
  18.             justify-content : space-between;
  19.             padding-left: 100px;
  20.             padding-right: 100px;
  21.             margin-bottom: 10px;
  22.             align-items: center;
  23.            
  24.             }
  25.          nav {
  26.                 border: 2px solid;
  27.                 background-color: skyblue;
  28.                 }
  29.          
  30.          input[type=text] {
  31.             border: 5px solid;
  32.             border-radius: 20px;
  33.             }
  34.        
  35.         a { text-decoration: none; color: black;}
  36.         .c { text-align: right;}
  37.        
  38.         footer {
  39.          background-color: skyblue;
  40.          padding: 10px;
  41.          text-align: center;
  42.          color: white;
  43.          margin-top: 90px;
  44.        }
  45.        .e{ font-style: italic;}
  46.       h2{ color: white; font-family: calibri;}
  47.       .login{background-color: white; display: flex; justify-content: flex-end;}
  48.      .ty{ margin-right: 3px; color: red;}
  49.      .bre{ background-color: lightgreen;}
  50.      .register{ background-color: skyblue;}
  51.      
  52.        </style>
  53.        
  54.     </head>
  55.     <body>
  56.    
  57.     <header>
  58.      <div class="flex-container">
  59.          <img src="pesawat.png" width="100" height  ="90"/>
  60.          <h2>Ayo Jalan-Jalan</h2>
  61.          <p class="e"></div>
  62.        
  63.      </header>
  64.      
  65.      <nav class="login">
  66.      <div class="ty"><input class="bre" type="button" value="Login"></div>
  67.      <div><input class="register" type="button" value="Register"></div>
  68.      </nav>
  69.      <nav>
  70.       <div  class="navigasi">
  71.         <div class="d"> <a href="/Home/">Home</a> </div>
  72.         <div> <a href="/profile/">Profile</a> </div>
  73.         <div> <a href="/register/">Registration</a> </div>
  74.         <div> <a href="/aboutus/">About Us</a> </div>
  75.      </div>
  76.      </nav>
  77.      <p class="c">Type your keyword here <input type="text"></p>
  78.      
  79.      <table align="center">
  80.      <tr><td><img src="uph.png" width="300px" height="300px"></td><td><img src="uph.png" width="300px" height="300px"></td><tr>
  81.      <tr><td><img src="uph.png" width="300px" height="300px"></td><td><img src="uph.png" width="300px" height="300px"></td><tr>
  82.      </table>
  83.      
  84.      
  85.  
  86.      <footer><img src="rumah.png" width="10px" height="12px">Lippo Plaza Medan 5th - 7th Floors<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="wat.jpg" width="10px" height="12px">Telp (061) 80511117, Fax (061)80511113</footer>
  87.      <hr></hr>
  88.      
  89.      
  90.      
  91.      
  92.     </body>
  93. </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