eightmoons

Untitled

Apr 14th, 2021
30
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html class="no-js" lang="zxx">
  3.  
  4. <head>
  5.  
  6. <meta charset="utf-8">
  7. <meta http-equiv="x-ua-compatible" content="ie=edge">
  8. <title>About Us | Odyssey</title>
  9. <meta name="description" content="">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12. <!-- <link rel="manifest" href="site.webmanifest"> -->
  13. <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
  14. <!-- Place favicon.ico in the root directory -->
  15.  
  16. <!-- CSS here -->
  17. <link rel="stylesheet" href="css/bootstrap.min.css">
  18. <link rel="stylesheet" href="css/owl.carousel.min.css">
  19. <link rel="stylesheet" href="css/magnific-popup.css">
  20. <link rel="stylesheet" href="css/font-awesome.min.css">
  21. <link rel="stylesheet" href="css/themify-icons.css">
  22. <link rel="stylesheet" href="css/nice-select.css">
  23. <link rel="stylesheet" href="css/flaticon.css">
  24. <link rel="stylesheet" href="css/gijgo.css">
  25. <link rel="stylesheet" href="css/animate.css">
  26. <link rel="stylesheet" href="css/slick.css">
  27. <link rel="stylesheet" href="css/slicknav.css">
  28. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
  29.  
  30. <link rel="stylesheet" href="css/style.css">
  31. <!-- <link rel="stylesheet" href="css/responsive.css"> -->
  32. <style>
  33. .row {
  34. text-align: justify
  35. }
  36.  
  37. .container {
  38. border: 12px solid#FFA500;
  39. border-radius: 10px;
  40. margin-top: 10px;
  41. magin-bottom: 10px;
  42. background-color: white;
  43. }
  44.  
  45. .btn {
  46. background-color: green;
  47. }
  48. </style>
  49. </head>
  50.  
  51. <body background="carib.jpg">
  52.  
  53. <body>
  54. <header>
  55. <div class="header-area ">
  56. <div id="sticky-header" class="main-header-area">
  57. <div class="container-fluid">
  58. <div class="header_bottom_border">
  59. <div class="row align-items-center">
  60. <!--
  61. <div class="col-xl-2 col-lg-2">
  62. <div class="logo">
  63. <a href="index.html">
  64. <img src="img/logo.png" alt="">
  65. </a>
  66. </div>
  67. </div>
  68. -->
  69. <div class="col-xl-6 col-lg-6">
  70. <div class="main-menu d-none d-lg-block">
  71. <nav>
  72. <ul id="navigation">
  73. <li><a class="active" href="index.html">home</a></li>
  74. <li><a class="" href="travel_destination.html">Destinations</a></l /li>
  75. <li><a href="contact.html">Bookings</a></li>
  76. <li><a href="about.html">About Us</a></li>
  77. </ul>
  78. </nav>
  79. </div>
  80. </div>
  81. <div class="col-xl-6 col-lg-6">
  82. <div class="main-menu d-flex align-items-center justify-content-end">
  83. <nav>
  84. <ul id="navigation">
  85. <li>test_username <i class="ti-angle-down"></i></a>
  86. <ul class="submenu">
  87. <li><a href="profile.html">My Profile</a></li>
  88. <li><a href="bookings.html">Bookings</a></li>
  89. <li><a href="settings.html">Settings</a></li>
  90. <li><a href="#">Log Out</a></li>
  91. </ul>
  92. </li>
  93. </ul>
  94. </nav>
  95. </div>
  96. </div>
  97. <div class="col-12">
  98. <div class="mobile_menu d-block d-lg-none"></div>
  99. </div>
  100. </div>
  101. </div>
  102.  
  103. </div>
  104. </div>
  105. </div>
  106. </header>
  107. <!-- header-end -->
  108.  
  109. <head>
  110. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
  111. integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
  112. crossorigin="anonymous">
  113. </head>
  114. <div class="header">
  115. <center>
  116. <h1>JAPAN</h1>
  117. </center>
  118. </div>
  119. <br>
  120. <br>
  121. <div class="container">
  122. <div class="row">
  123. <div class="col-4">
  124. <div class="row">
  125. <img src="phasmo.jpg" />
  126. </div>
  127. <br>
  128. <div class="row">
  129. <a class="col-3"
  130. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  131. <img src="phasmo.jpg" />
  132. </a>
  133. <a class="col-3"
  134. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  135. <img src="phasmo.jpg" />
  136. </a>
  137. <a class="col-3"
  138. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  139. <img src="phasmo.jpg" />
  140. </a>
  141. <a class="col-3"
  142. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  143. <img src="phasmo.jpg" />
  144. </a>
  145. </div>
  146. <br>
  147. <div class="row">
  148. <a class="col-3"
  149. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  150. <img src="phasmo.jpg" />
  151. </a>
  152. <a class="col-3"
  153. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  154. <img src="phasmo.jpg" />
  155. </a>
  156. <a class="col-3"
  157. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  158. <img src="phasmo.jpg" />
  159. </a>
  160. <a class="col-3"
  161. href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  162. <img src="phasmo.jpg" />
  163. </a>
  164. </div>
  165. </div>
  166. <div class="col-8">
  167. <div class="row">
  168. <h1>ATTACK ON TITAN</h1>
  169. </div>
  170. <div class="row">
  171. <p style="color:black">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
  172. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  173. exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  174. in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
  175. sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
  176. laborum.</p>
  177. <br>
  178. <br>
  179. </div>
  180. <div class="row">
  181. <div class="col-5 ticket-info">
  182. <div class="form-group row">
  183. <label for="datetime-booking-date" style="color:black"
  184. class="col-6 col-form-label">Booking Date</label>
  185. <div class="col-6">
  186. <input class="form-control" type="datetime-local" id="datetime-booking-date">
  187. </div>
  188. </div>
  189. <div class="form-group row">
  190. <label for="book-quantity" style="color:black"
  191. class="col-6 col-form-label">Quantity</label>
  192. <div class="col-6">
  193. <input class="form-control" type="number" id="book-quantity">
  194. </div>
  195. </div>
  196. </div>
  197. <div class="col-3"></div>
  198. <div class="col-4">
  199. <div class="row col-12">
  200. <center>
  201. <h1>&#8369;5000</h1>
  202. </center>
  203. </div>
  204. <div class="row">
  205. <button type="button" class="btn btn-primary col-5 ">Add to Cart</button>
  206. <div class="col-1"></div>
  207. <button type="button" class="btn btn-primary col-5 ">Book Now</button>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </body>
  216.  
  217. </html>
RAW Paste Data