Aucune description

index.html 9.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html lang="en" data-theme="mytheme">
  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>TMT ELeaning</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. <!-------- Image Post Start ----->
  102. <div class="bg-primary px-5 py-2 lg:pt-4">
  103. <div class="-m-1 flex flex-wrap md:-m-2">
  104. <div class="flex lg:w-1/2 flex-wrap ">
  105. <div class="w-full p-1 md:p-2 relative">
  106. <img alt="gallery" class="block h-full w-full object-cover object-center"
  107. src="img/front-slide-img-01-min.jpg" />
  108. <div class="absolute bottom-10 left-2 right-2 px-4 py-2 bg-secondary opacity-70">
  109. <h3 class="text-xl text-white font-bold">
  110. Hey, I Am The Big Boss</h3>
  111. <p class="mt-2 text-sm text-gray-300">Some description text. Some dummy text here. Welcome to
  112. KindaCode.com</p>
  113. </div>
  114. </div>
  115. <div class="w-full p-1 md:p-2 relative">
  116. <img alt="gallery" class="block h-full w-full object-cover object-center"
  117. src="img/front-slide-img-02-min.jpg" />
  118. </div>
  119. </div>
  120. <div class="flex lg:w-1/2 flex-wrap">
  121. <div class="w-full p-1 md:p-2 ">
  122. <img alt="gallery" class="block h-full w-full object-cover object-center"
  123. src="img/front-slide-img-03-min.jpg" />
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!-------- Image Post End ----->
  129. <div class="flex">
  130. <div class="w-full p-1 md:p-2 relative bg-slate-400">111</div>
  131. <div class="w-full p-1 md:p-2 relative bg-red-600">222</div>
  132. </div>
  133. <!-------- End Start--------->
  134. <!----- Footet Start ----->
  135. <footer class="footer footer-center p-10 bg-black text-gray-200">
  136. <div class="grid grid-flow-col gap-4">
  137. <a class="link link-hover">About us</a>
  138. <a class="link link-hover">Contact</a>
  139. <a class="link link-hover">Jobs</a>
  140. <a class="link link-hover">Press kit...</a>
  141. </div>
  142. <div>
  143. <div class="grid grid-flow-col gap-4">
  144. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  145. class="fill-current">
  146. <path
  147. 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">
  148. </path>
  149. </svg></a>
  150. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  151. class="fill-current">
  152. <path
  153. 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">
  154. </path>
  155. </svg></a>
  156. <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  157. class="fill-current">
  158. <path
  159. 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">
  160. </path>
  161. </svg></a>
  162. </div>
  163. </div>
  164. <div>
  165. <p>Copyright © 2023 - All right reserved by ACME Industries Ltd</p>
  166. </div>
  167. </footer>
  168. <!----- Footet End ----->
  169. </body>
  170. </html>