API tools faq
paste
Advertisement
eightmoons

Untitled

eightmoons
Apr 14th, 2021
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 KB | None | 0 0
raw download clone embed print report
  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. .img-containers li{
  49. display: inline;
  50. align-items: center;
  51. }
  52. .img-containers li a img{
  53. height: 90px;
  54. }
  55. .main-img {
  56. height: 300px;
  57. }
  58. </style>
  59. </head>
  60.  
  61. <body background="carib.jpg">
  62.  
  63. <body>
  64. <header>
  65. <div class="header-area ">
  66. <div id="sticky-header" class="main-header-area">
  67. <div class="container-fluid">
  68. <div class="header_bottom_border">
  69. <div class="row align-items-center">
  70. <!--
  71. <div class="col-xl-2 col-lg-2">
  72. <div class="logo">
  73. <a href="index.html">
  74. <img src="img/logo.png" alt="">
  75. </a>
  76. </div>
  77. </div>
  78. -->
  79. <div class="col-xl-6 col-lg-6">
  80. <div class="main-menu d-none d-lg-block">
  81. <nav>
  82. <ul id="navigation">
  83. <li><a class="active" href="index.html">home</a></li>
  84. <li><a class="" href="travel_destination.html">Destinations</a></l /li>
  85. <li><a href="contact.html">Bookings</a></li>
  86. <li><a href="about.html">About Us</a></li>
  87. </ul>
  88. </nav>
  89. </div>
  90. </div>
  91. <div class="col-xl-6 col-lg-6">
  92. <div class="main-menu d-flex align-items-center justify-content-end">
  93. <nav>
  94. <ul id="navigation">
  95. <li>test_username <i class="ti-angle-down"></i></a>
  96. <ul class="submenu">
  97. <li><a href="profile.html">My Profile</a></li>
  98. <li><a href="bookings.html">Bookings</a></li>
  99. <li><a href="settings.html">Settings</a></li>
  100. <li><a href="#">Log Out</a></li>
  101. </ul>
  102. </li>
  103. </ul>
  104. </nav>
  105. </div>
  106. </div>
  107. <div class="col-12">
  108. <div class="mobile_menu d-block d-lg-none"></div>
  109. </div>
  110. </div>
  111. </div>
  112.  
  113. </div>
  114. </div>
  115. </div>
  116. </header>
  117. <!-- header-end -->
  118.  
  119. <head>
  120. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
  121. integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
  122. crossorigin="anonymous">
  123. </head>
  124. <div class="header">
  125. <center>
  126. <h1>JAPAN</h1>
  127. </center>
  128. </div>
  129. <br>
  130. <br>
  131. <div class="container">
  132. <div class="row">
  133. <div class="col-4">
  134. <div class="row">
  135. <img class="main-img" src="phasmo.jpg" />
  136. </div>
  137. <br>
  138. <div class="row">
  139. <ul class="img-containers">
  140. <li>
  141. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  142. <img src="phasmo.jpg" />
  143. </a>
  144. </li>
  145. <li>
  146. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  147. <img src="phasmo.jpg" />
  148. </a>
  149. </li>
  150. <li>
  151. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  152. <img src="phasmo.jpg" />
  153. </a>
  154. </li>
  155. <li>
  156. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  157. <img src="phasmo.jpg" />
  158. </a>
  159. </li>
  160. </ul>
  161. <ul class="img-containers">
  162. <li>
  163. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  164. <img src="phasmo.jpg" />
  165. </a>
  166. </li>
  167. <li>
  168. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  169. <img src="phasmo.jpg" />
  170. </a>
  171. </li>
  172. <li>
  173. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  174. <img src="phasmo.jpg" />
  175. </a>
  176. </li>
  177. <li>
  178. <a href="https://rimage.gnst.jp/livejapan.com/public/article/detail/a/00/00/a0000727/img/basic/a0000727_main.jpg">
  179. <img src="phasmo.jpg" />
  180. </a>
  181. </li>
  182. </ul>
  183. </div>
  184. </div>
  185. <div class="col-8">
  186. <div class="row">
  187. <h1>ATTACK ON TITAN</h1>
  188. </div>
  189. <div class="row">
  190. <p style="color:black">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
  191. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  192. exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  193. in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
  194. sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
  195. laborum.</p>
  196. <br>
  197. <br>
  198. </div>
  199. <div class="row">
  200. <div class="col-5 ticket-info">
  201. <div class="form-group row">
  202. <label for="datetime-booking-date" style="color:black"
  203. class="col-6 col-form-label">Booking Date</label>
  204. <div class="col-6">
  205. <input class="form-control" type="datetime-local" id="datetime-booking-date">
  206. </div>
  207. </div>
  208. <div class="form-group row">
  209. <label for="book-quantity" style="color:black"
  210. class="col-6 col-form-label">Quantity</label>
  211. <div class="col-6">
  212. <input class="form-control" type="number" id="book-quantity">
  213. </div>
  214. </div>
  215. </div>
  216. <div class="col-3"></div>
  217. <div class="col-4">
  218. <div class="row col-12">
  219. <center>
  220. <h1>&#8369;5000</h1>
  221. </center>
  222. </div>
  223. <div class="row">
  224. <button type="button" class="btn btn-primary col-5 ">Add to Cart</button>
  225. <div class="col-1"></div>
  226. <button type="button" class="btn btn-primary col-5 ">Book Now</button>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </body>
  235.  
  236. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!