Bez popisu

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Tiger Muay Thai E Leaning</title>
  8. <link rel="stylesheet" href="./css/main.css">
  9. <link rel="preconnect" href="https://fonts.googleapis.com">
  10. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  11. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Poppins&display=swap"
  12. rel="stylesheet">
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
  14. integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
  15. crossorigin="anonymous" referrerpolicy="no-referrer" />
  16. </head>
  17. <body>
  18. <div class="bg-primary">
  19. <div class="container mx-auto p-4">
  20. <div class="flex justify-between flex-row">
  21. <div class="justify-center"><img src="img/tmt-logo.svg" alt="" class="w-56">
  22. </div>
  23. <div class="mt-2">
  24. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  25. stroke="currentColor" class="w-6 h-6">
  26. <path stroke-linecap="round" stroke-linejoin="round"
  27. d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
  28. </svg>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="bg-secondary">
  34. <div class="container mx-auto">
  35. <div class="navbar font-poppins min-h-0 mx-auto">
  36. <div class="navbar-start">
  37. <!----- Mobile Menu Start ----->
  38. <div class="dropdown">
  39. <label tabindex="0" class="btn btn-ghost lg:hidden">
  40. <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
  41. stroke="currentColor">
  42. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
  43. d="M4 6h16M4 12h8m-8 6h16" />
  44. </svg>
  45. </label>
  46. <ul tabindex="0"
  47. class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52 ">
  48. <li><a>Mobile Item 1</a></li>
  49. <li tabindex="0">
  50. <a class="justify-between">
  51. Parent
  52. <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  53. viewBox="0 0 24 24">
  54. <path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
  55. </svg>
  56. </a>
  57. <ul class="p-2">
  58. <li><a>Submenu 1</a></li>
  59. <li><a>Submenu 2</a></li>
  60. </ul>
  61. </li>
  62. <li><a>Item 3</a></li>
  63. </ul>
  64. </div>
  65. <!----- Mobile Menu End ----->
  66. <!----- Desktop Menu Start ----->
  67. <div class="hidden lg:flex">
  68. <ul class="menu menu-horizontal px-1 ">
  69. <li class="p-0"><a class="px-3 py-1">Item 1</a></li>
  70. <li tabindex="0">
  71. <a class="px-3 py-1">
  72. Parent
  73. <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
  74. viewBox="0 0 24 24">
  75. <path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
  76. </svg>
  77. </a>
  78. <ul class="p-2 z-50">
  79. <li class="bg-secondary"><a>Submenu 1</a></li>
  80. <li class="bg-secondary"><a>Submenu 2</a></li>
  81. </ul>
  82. </li>
  83. <li><a class="px-3 py-1">Item 3</a></li>
  84. </ul>
  85. </div>
  86. <!----- Desktop Menu End ----->
  87. </div>
  88. <div class="navbar-end">
  89. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
  90. <path fill-rule="evenodd"
  91. d="M5.636 4.575a.75.75 0 010 1.06 9 9 0 000 12.729.75.75 0 01-1.06 1.06c-4.101-4.1-4.101-10.748 0-14.849a.75.75 0 011.06 0zm12.728 0a.75.75 0 011.06 0c4.101 4.1 4.101 10.749 0 14.85a.75.75 0 11-1.06-1.061 9 9 0 000-12.728.75.75 0 010-1.06zM7.757 6.696a.75.75 0 010 1.061 6 6 0 000 8.485.75.75 0 01-1.06 1.061 7.5 7.5 0 010-10.607.75.75 0 011.06 0zm8.486 0a.75.75 0 011.06 0 7.5 7.5 0 010 10.607.75.75 0 01-1.06-1.06 6 6 0 000-8.486.75.75 0 010-1.06zM9.879 8.818a.75.75 0 010 1.06 3 3 0 000 4.243.75.75 0 11-1.061 1.06 4.5 4.5 0 010-6.363.75.75 0 011.06 0zm4.242 0a.75.75 0 011.061 0 4.5 4.5 0 010 6.364.75.75 0 01-1.06-1.06 3 3 0 000-4.244.75.75 0 010-1.06zM10.875 12a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z"
  92. clip-rule="evenodd" />
  93. </svg>
  94. <span class="pl-2"></span>
  95. <a class="">Live</a>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <!-------- Content Start--------->
  101. <div class="mx-auto px-2 my-10">
  102. <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-2">
  103. <div>
  104. <div class="flex justify-center pb-2 relative">
  105. <img alt="gallery" class="block h-full w-full object-cover object-center" src="img/front-slide-img-01-min.jpg" />
  106. <div class="absolute bottom-10 left-0 right-0 px-4 py-2 bg-secondary opacity-70">
  107. <h3 class="text-xl text-white font-bold">Hey, I Am The Big Boss</h3>
  108. </div>
  109. </div>
  110. <div class="flex justify-center"><img alt="gallery" class="block h-full w-full object-cover object-center" src="img/front-slide-img-02-min.jpg" />
  111. </div>
  112. </div>
  113. <div class="flex justify-center ">
  114. <img alt="gallery" class="block h-full w-full object-cover object-center" src="img/front-slide-img-03-min.jpg" />
  115. </div>
  116. </div>
  117. </div>
  118. <!-------- Image Post Start ----->
  119. <div class="bg-primary px-5 py-2 lg:pt-4">
  120. <div class="-m-1 flex flex-wrap md:-m-2">
  121. <div class="flex w-1/2 flex-wrap ">
  122. <div class="w-full p-1 md:p-2 relative">
  123. <img alt="gallery" class="block h-full w-full object-cover object-center"
  124. src="img/front-slide-img-01-min.jpg" />
  125. <div class="absolute bottom-10 left-2 right-2 px-4 py-2 bg-secondary opacity-70">
  126. <h3 class="text-xl text-white font-bold">
  127. Hey, I Am The Big Boss</h3>
  128. <p class="mt-2 text-sm text-gray-300">Some description text. Some dummy text here. Welcome to
  129. KindaCode.com</p>
  130. </div>
  131. </div>
  132. <div class="w-full p-1 md:p-2">
  133. <img alt="gallery" class="block h-full w-full object-cover object-center"
  134. src="img/front-slide-img-02-min.jpg" />
  135. </div>
  136. </div>
  137. <div class="flex w-1/2 flex-wrap">
  138. <div class="w-full p-1 md:p-2">
  139. <img alt="gallery" class="block h-full w-full object-cover object-center"
  140. src="img/front-slide-img-03-min.jpg" />
  141. </div>
  142. <!-- <div class="w-1/2 p-1 md:p-2">
  143. <img
  144. alt="gallery"
  145. class="block h-full w-full rounded-lg object-cover object-center"
  146. src="https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(75).webp" />
  147. </div>
  148. <div class="w-1/2 p-1 md:p-2">
  149. <img
  150. alt="gallery"
  151. class="block h-full w-full rounded-lg object-cover object-center"
  152. src="https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(77).webp" />
  153. </div> -->
  154. </div>
  155. </div>
  156. </div>
  157. <!-------- Image Post End ----->
  158. <!-------- Session Schedule Start ----->
  159. <section class="py-12 bg-primary mx-auto" id="">
  160. <div class="container mx-auto flex flex-row items-center">
  161. <div class="bg-secondary text-lg font-normal p-2">Session Schedule</div>
  162. <div class="w-0 h-0
  163. border-t-[22px] border-t-transparent
  164. border-l-[35px] border-l-secondary
  165. border-b-[22px] border-b-transparent">
  166. </div>
  167. </div>
  168. <div class="container mx-auto py-10">
  169. <select class="select select-primary w-full max-w-xs">
  170. <option disabled selected>All Classes</option>
  171. <option>Game of Thrones</option>
  172. <option>Lost</option>
  173. <option>Breaking Bad</option>
  174. <option>Walking Dead</option>
  175. </select>
  176. </div>
  177. <div class="container mx-auto bg-white">
  178. <div class="flex flex-row justify-between gap-1 p-1">
  179. <div class="p4 w-full bg-slate-300">-</div>
  180. <div class="p4 w-full bg-slate-300 text-black">Monday</div>
  181. <div class="p4 w-full bg-slate-300 text-black">Tueday</div>
  182. <div class="p4 w-full bg-slate-300 text-black">Wednesday</div>
  183. <div class="p4 w-full bg-slate-300 text-black">Thurday</div>
  184. <div class="p4 w-full bg-slate-300 text-black">Friday</div>
  185. <div class="p4 w-full bg-slate-300 text-black">Saturday</div>
  186. <div class="p4 w-full bg-slate-300 text-black">Sunday</div>
  187. </div>
  188. <div class="grid grid-cols-8">
  189. <div class="flex">01</div>
  190. <div class="flex">01</div>
  191. <div class="flex">01</div>
  192. <div class="flex">01</div>
  193. <div class="flex">01</div>
  194. <div class="flex">01</div>
  195. <div class="flex">01</div>
  196. <div class="flex">01</div>
  197. <div class="flex">01</div>
  198. <div class="flex">01</div>
  199. <div class="flex">01</div>
  200. <div class="flex">01</div>
  201. <div class="flex">01</div>
  202. <div class="flex">01</div>
  203. <div class="flex">01</div>
  204. </div>
  205. </div>
  206. <div class="overflow-x-auto">
  207. <table class="table table-zebra w-full">
  208. <!-- head -->
  209. <thead>
  210. <tr>
  211. <th></th>
  212. <th>Monday</th>
  213. <th>Tueday</th>
  214. <th>Wednesday</th>
  215. <th>Thursday</th>
  216. <th>Friday</th>
  217. <th>Saturday</th>
  218. <th>Sunday</th>
  219. </tr>
  220. </thead>
  221. <tbody>
  222. <!-- row 1 -->
  223. <tr>
  224. <th>06.00</th>
  225. <td>
  226. <div>Yoga</div>
  227. <div>07.00</div>
  228. </td>
  229. <td>Quality Control Specialist</td>
  230. <td>Blue</td>
  231. </tr>
  232. <!-- row 2 -->
  233. <tr>
  234. <th>2</th>
  235. <td>Hart Hagerty</td>
  236. <td>Desktop Support Technician</td>
  237. <td>Purple</td>
  238. </tr>
  239. <!-- row 3 -->
  240. <tr>
  241. <th>3</th>
  242. <td>Brice Swyre</td>
  243. <td>Tax Accountant</td>
  244. <td>Red</td>
  245. </tr>
  246. </tbody>
  247. </table>
  248. </div>
  249. </section>
  250. <!-------- Session Schedule Start ----->
  251. <!-------- Content End ---------->
  252. <!----- Footet Start ----->
  253. <footer class="footer footer-center p-10 bg-base-200 text-base-content">
  254. <div class="grid grid-flow-col gap-4">
  255. <a class="link link-hover">About us</a>
  256. <a class="link link-hover">Contact</a>
  257. <a class="link link-hover">Jobs</a>
  258. <a class="link link-hover">Press kit</a>
  259. </div>
  260. <div>
  261. <div class="grid grid-flow-col gap-4">
  262. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  263. class="fill-current">
  264. <path
  265. d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z">
  266. </path>
  267. </svg></a>
  268. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  269. class="fill-current">
  270. <path
  271. d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z">
  272. </path>
  273. </svg></a>
  274. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  275. class="fill-current">
  276. <path
  277. d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z">
  278. </path>
  279. </svg></a>
  280. </div>
  281. </div>
  282. <div>
  283. <p>Copyright © 2023 - All right reserved by ACME Industries Ltd</p>
  284. </div>
  285. </footer>
  286. <!----- Footet End ----->
  287. </body>
  288. </html>