Guest User

Untitled

a guest
Feb 27th, 2020
103
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