DONE
This commit is contained in:
HANIF FEBRIANSYAH
parent
55e20c15b5
commit
1e517e1581
|
|
@ -0,0 +1,26 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\View\Components;
|
||||||
|
|
||||||
|
use Closure;
|
||||||
|
use Illuminate\Contracts\View\View;
|
||||||
|
use Illuminate\View\Component;
|
||||||
|
|
||||||
|
class Navbar extends Component
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Create a new component instance.
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the view / contents that represent the component.
|
||||||
|
*/
|
||||||
|
public function render(): View|Closure|string
|
||||||
|
{
|
||||||
|
return view('components.navbar');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,117 +1,130 @@
|
||||||
|
.responsive-container {
|
||||||
|
max-width: 100%;
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
/* Padding dihapus untuk memastikan tidak ada padding */
|
||||||
|
}
|
||||||
.aclonica-regular {
|
.aclonica-regular {
|
||||||
font-family: "Aclonica", sans-serif;
|
font-family: "Aclonica", sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
.poppins-thin {
|
.poppins-thin {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-extralight {
|
.poppins-extralight {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-light {
|
.poppins-light {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-regular {
|
.poppins-regular {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-medium {
|
.poppins-medium {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-semibold {
|
.poppins-semibold {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-bold {
|
.poppins-bold {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-extrabold {
|
.poppins-extrabold {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-black {
|
.poppins-black {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-thin-italic {
|
.poppins-thin-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-extralight-italic {
|
.poppins-extralight-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-light-italic {
|
.poppins-light-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-regular-italic {
|
.poppins-regular-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.poppins-regular {
|
.poppins-regular {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-medium-italic {
|
.poppins-medium-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-semibold-italic {
|
.poppins-semibold-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-bold-italic {
|
.poppins-bold-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-extrabold-italic {
|
.poppins-extrabold-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poppins-black-italic {
|
.poppins-black-italic {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.inter-uniquifier > {
|
||||||
|
font-family: "Inter", sans-serif;
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: <weight>;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 534 B |
|
|
@ -0,0 +1,109 @@
|
||||||
|
<footer class="bg-[#85A7A8]">
|
||||||
|
<div class="mx-auto container w-full p-4 py-6 lg:py-8">
|
||||||
|
<div class="space-y-10 md:flex md:justify-between">
|
||||||
|
<div>
|
||||||
|
<a href="#" class="flex items-start justify-start ml-[-10px]">
|
||||||
|
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 w-20 object-cover"
|
||||||
|
alt="Flowbite Logo" />
|
||||||
|
<span
|
||||||
|
class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclonica-regular">LearnMap</span>
|
||||||
|
</a>
|
||||||
|
<p class="md:px-4 max-w-3xl xl:text-xl aclonica-regular">
|
||||||
|
LearnMap adalah aplikasi web SIG pemetaan lokasi bimbingan belajar bahasa Inggris yang
|
||||||
|
membantu Anda menemukan tempat kursus terbaik di sekitar Anda.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Resources
|
||||||
|
</h2>
|
||||||
|
<ul class="text-gray-600 font-medium">
|
||||||
|
<li class="mb-4">
|
||||||
|
<a href="https://flowbite.com/" class="hover:underline">Flowbite</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://tailwindcss.com/" class="hover:underline">Tailwind CSS</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Follow us
|
||||||
|
</h2>
|
||||||
|
<ul class="text-gray-600 font-medium">
|
||||||
|
<li class="mb-4">
|
||||||
|
<a href="https://github.com/themesberg/flowbite"
|
||||||
|
class="hover:underline ">Github</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://discord.gg/4eeurUVvTy" class="hover:underline">Discord</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Legal
|
||||||
|
</h2>
|
||||||
|
<ul class="text-gray-600 font-medium">
|
||||||
|
<li class="mb-4">
|
||||||
|
<a href="#" class="hover:underline">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="hover:underline">Terms & Conditions</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" />
|
||||||
|
<div class="sm:flex sm:items-center sm:justify-between">
|
||||||
|
<span class="text-sm text-gray-600 sm:text-center">© 2024 <a href="https://flowbite.com/"
|
||||||
|
class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
||||||
|
</span>
|
||||||
|
<div class="flex mt-4 sm:justify-center sm:mt-0">
|
||||||
|
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor" viewBox="0 0 8 19">
|
||||||
|
<path fill-rule="evenodd"
|
||||||
|
d="M6.135 3H8V0H6.135a4.147 4.147 0 0 0-4.142 4.142V6H0v3h2v9.938h3V9h2.021l.592-3H5V3.591A.6.6 0 0 1 5.592 3h.543Z"
|
||||||
|
clip-rule="evenodd" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Facebook page</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor" viewBox="0 0 21 16">
|
||||||
|
<path
|
||||||
|
d="M16.942 1.556a16.3 16.3 0 0 0-4.126-1.3 12.04 12.04 0 0 0-.529 1.1 15.175 15.175 0 0 0-4.573 0 11.585 11.585 0 0 0-.535-1.1 16.274 16.274 0 0 0-4.129 1.3A17.392 17.392 0 0 0 .182 13.218a15.785 15.785 0 0 0 4.963 2.521c.41-.564.773-1.16 1.084-1.785a10.63 10.63 0 0 1-1.706-.83c.143-.106.283-.217.418-.33a11.664 11.664 0 0 0 10.118 0c.137.113.277.224.418.33-.544.328-1.116.606-1.71.832a12.52 12.52 0 0 0 1.084 1.785 16.46 16.46 0 0 0 5.064-2.595 17.286 17.286 0 0 0-2.973-11.59ZM6.678 10.813a1.941 1.941 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.919 1.919 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Zm6.644 0a1.94 1.94 0 0 1-1.8-2.045 1.93 1.93 0 0 1 1.8-2.047 1.918 1.918 0 0 1 1.8 2.047 1.93 1.93 0 0 1-1.8 2.045Z" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Discord community</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor" viewBox="0 0 20 17">
|
||||||
|
<path fill-rule="evenodd"
|
||||||
|
d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z"
|
||||||
|
clip-rule="evenodd" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Twitter page</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd"
|
||||||
|
d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z"
|
||||||
|
clip-rule="evenodd" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">GitHub account</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd"
|
||||||
|
d="M10 0a10 10 0 1 0 10 10A10.009 10.009 0 0 0 10 0Zm6.613 4.614a8.523 8.523 0 0 1 1.93 5.32 20.094 20.094 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a23.879 23.879 0 0 0-.566-1.239 11.41 11.41 0 0 0 4.769-3.366ZM8 1.707a8.821 8.821 0 0 1 2-.238 8.5 8.5 0 0 1 5.664 2.152 9.608 9.608 0 0 1-4.476 3.087A45.758 45.758 0 0 0 8 1.707ZM1.642 8.262a8.57 8.57 0 0 1 4.73-5.981A53.998 53.998 0 0 1 9.54 7.222a32.078 32.078 0 0 1-7.9 1.04h.002Zm2.01 7.46a8.51 8.51 0 0 1-2.2-5.707v-.262a31.64 31.64 0 0 0 8.777-1.219c.243.477.477.964.692 1.449-.114.032-.227.067-.336.1a13.569 13.569 0 0 0-6.942 5.636l.009.003ZM10 18.556a8.508 8.508 0 0 1-5.243-1.8 11.717 11.717 0 0 1 6.7-5.332.509.509 0 0 1 .055-.02 35.65 35.65 0 0 1 1.819 6.476 8.476 8.476 0 0 1-3.331.676Zm4.772-1.462A37.232 37.232 0 0 0 13.113 11a12.513 12.513 0 0 1 5.321.364 8.56 8.56 0 0 1-3.66 5.73h-.002Z"
|
||||||
|
clip-rule="evenodd" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Dribbble account</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<h1>
|
||||||
|
INI HEADER PPEQ
|
||||||
|
</h1>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
|
||||||
|
@include('components.navbar')
|
||||||
|
@include('partials.head')
|
||||||
|
@include('partials.font')
|
||||||
|
<body>
|
||||||
|
{{ $slot }}
|
||||||
|
</body>
|
||||||
|
@include('components.footer')
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<div class="bg-[#4F7F81]">
|
||||||
|
<nav class="border-gray-200 container bg-[#4F7F81] ">
|
||||||
|
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||||
|
<a href="#" class="flex items-center">
|
||||||
|
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Flowbite Logo" />
|
||||||
|
<span
|
||||||
|
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||||
|
</a>
|
||||||
|
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
||||||
|
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200 "
|
||||||
|
aria-controls="navbar-solid-bg" aria-expanded="false">
|
||||||
|
<span class="sr-only">Open main menu</span>
|
||||||
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||||
|
viewBox="0 0 17 14">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M1 1h15M1 7h15M1 13h15" />
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
|
||||||
|
<ul
|
||||||
|
class="flex flex-col font-medium mt-4 rounded-lg bg-white md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent">
|
||||||
|
|
||||||
|
<li class="">
|
||||||
|
<a href="{{ route('home') }}"
|
||||||
|
class="{{ request()->is('/') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||||
|
Beranda
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="">
|
||||||
|
<a href="{{ route('user.kursus') }}"
|
||||||
|
class="{{ request()->is('kursus') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||||
|
Kursus
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="">
|
||||||
|
<a href="{{ route('user.peta') }}"
|
||||||
|
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||||
|
Peta
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
@ -7,3 +7,4 @@
|
||||||
<link
|
<link
|
||||||
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Archivo+Black&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Archivo+Black&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.css" rel="stylesheet" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.js"></script>
|
||||||
|
@vite('resources/css/app.css')
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html class="bg-slate-600" lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta ht tp-equiv="X-UA-Compatible" content="ie=edge">
|
|
||||||
<title>Document</title>
|
|
||||||
@vite('resources/css/app.css')
|
|
||||||
|
|
||||||
@include('partials.font')
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<nav class=" border-gray-200 bg-[#4F7F81] dark:bg-gray-800 dark:border-gray-700">
|
|
||||||
<div class="h-[110px] max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
||||||
<a href="#" class="flex items-center rtl:space-x-reverse">
|
|
||||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 w-20 object-cover" alt="Flowbite Logo" />
|
|
||||||
|
|
||||||
<span
|
|
||||||
class="self-center aclonica-regular pt-4 text-white text-4xl font-semibold whitespace-nowrap">LearnMap</span>
|
|
||||||
</a>
|
|
||||||
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
|
||||||
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
|
||||||
aria-controls="navbar-solid-bg" aria-expanded="false">
|
|
||||||
<span class="sr-only">Open main menu</span>
|
|
||||||
<svg class="w-5 h-5 text-white hover:text-[#4F7F81]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none" viewBox="0 0 17 14">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
||||||
d="M1 1h15M1 7h15M1 13h15" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
|
|
||||||
<ul
|
|
||||||
class="flex poppins-extrabold font-extrabold text-sm flex-col mt-4 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-transparent dark:border-gray-700">
|
|
||||||
<li>
|
|
||||||
<a href="#"
|
|
||||||
class="block py-2 px-3 md:p-0 text-black rounde md:hover:text-white md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"
|
|
||||||
aria-current="page">Beranda</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"
|
|
||||||
class="block py-2 px-3 md:p-0 text-black rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-white dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Kursus</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"
|
|
||||||
class="block py-2 px-3 md:p-0 text-black rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-white dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Peta
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,260 +1,249 @@
|
||||||
@include('partials.navbar')
|
<x-layout>
|
||||||
<body>
|
<div class="py-10 bg-white ">
|
||||||
<div class="p-10 bg-white">
|
|
||||||
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||||
<p>Holaa, Selamat Datang Di LearnMap</p>
|
<p>Holaa, Selamat Datang Di LearnMap</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex m-auto justify-center items-center">
|
<div class="flex m-auto justify-center items-center responsive-container">
|
||||||
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
|
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#86A7A8] px-16 py-10 flex justify-center items-center ">
|
<div class="pt-8 bg-[#86A7A8] ">
|
||||||
<div class="grid grid-cols-3 xl:grid-cols-4 gap-32">
|
<div class="container pb-20">
|
||||||
<div
|
|
||||||
class="max-w-md bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
|
||||||
<a href="#">
|
|
||||||
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
|
||||||
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
|
||||||
</a>
|
|
||||||
<div class="p-5">
|
|
||||||
<a href="#">
|
|
||||||
<h5
|
|
||||||
class="mb-2 text-2xl poppins-regular font-medium font-extrabold tracking-tight text-gray-900 dark:text-white">
|
|
||||||
Language Center
|
|
||||||
(LC)</h5>
|
|
||||||
</a>
|
|
||||||
<p class="mb-3 font-normal poppins-regular text-gray-700 dark:text-gray-400">Salah satu lembaga
|
|
||||||
kursus bahasa
|
|
||||||
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
|
||||||
|
|
||||||
|
<div class="flex justify-between items-center pb-4 ">
|
||||||
<div class="flex items-center">
|
<p class="text-black poppins-semibold">
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
Kursus Populer
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
</p>
|
||||||
<path
|
<p class="py-1 px-4 rounded-full bg-white ">
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
Lihat Semua Kursus
|
||||||
</svg>
|
</p>
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-gray-300 me-1 dark:text-gray-500" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">4.95</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">out of</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">5</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-end">
|
|
||||||
<a href="#"
|
|
||||||
class="inline-flex items-center px-6 font-extrabold py-2 text-sm font-medium text-center ring-2 text-black ring-black hover:bg-blue-800 hover:text-white hover:ring-blue-800 rounded-full hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
||||||
Lihat
|
|
||||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="max-w-md bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
|
||||||
<a href="#">
|
|
||||||
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
|
||||||
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
|
||||||
</a>
|
|
||||||
<div class="p-5">
|
|
||||||
<a href="#">
|
|
||||||
<h5
|
|
||||||
class="mb-2 text-2xl poppins-regular font-medium font-extrabold tracking-tight text-gray-900 dark:text-white">
|
|
||||||
Language Center
|
|
||||||
(LC)</h5>
|
|
||||||
</a>
|
|
||||||
<p class="mb-3 font-normal poppins-regular text-gray-700 dark:text-gray-400">Salah satu lembaga
|
|
||||||
kursus bahasa
|
|
||||||
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-gray-300 me-1 dark:text-gray-500" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">4.95</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">out of</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">5</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-end">
|
|
||||||
<a href="#"
|
|
||||||
class="inline-flex items-center px-6 font-extrabold py-2 text-sm font-medium text-center ring-2 text-black ring-black hover:bg-blue-800 hover:text-white hover:ring-blue-800 rounded-full hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
||||||
Lihat
|
|
||||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="max-w-md bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
|
||||||
<a href="#">
|
|
||||||
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
|
||||||
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
|
||||||
</a>
|
|
||||||
<div class="p-5">
|
|
||||||
<a href="#">
|
|
||||||
<h5
|
|
||||||
class="mb-2 text-2xl poppins-regular font-medium font-extrabold tracking-tight text-gray-900 dark:text-white">
|
|
||||||
Language Center
|
|
||||||
(LC)</h5>
|
|
||||||
</a>
|
|
||||||
<p class="mb-3 font-normal poppins-regular text-gray-700 dark:text-gray-400">Salah satu lembaga
|
|
||||||
kursus bahasa
|
|
||||||
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-gray-300 me-1 dark:text-gray-500" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">4.95</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">out of</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">5</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-end">
|
|
||||||
<a href="#"
|
|
||||||
class="inline-flex items-center px-6 font-extrabold py-2 text-sm font-medium text-center ring-2 text-black ring-black hover:bg-blue-800 hover:text-white hover:ring-blue-800 rounded-full hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
||||||
Lihat
|
|
||||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="max-w-md bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
|
||||||
<a href="#">
|
|
||||||
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
|
||||||
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
|
||||||
</a>
|
|
||||||
<div class="p-5">
|
|
||||||
<a href="#">
|
|
||||||
<h5
|
|
||||||
class="mb-2 text-2xl poppins-regular font-medium font-extrabold tracking-tight text-gray-900 dark:text-white">
|
|
||||||
Language Center
|
|
||||||
(LC)</h5>
|
|
||||||
</a>
|
|
||||||
<p class="mb-3 font-normal poppins-regular text-gray-700 dark:text-gray-400">Salah satu lembaga
|
|
||||||
kursus bahasa
|
|
||||||
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4 text-gray-300 me-1 dark:text-gray-500" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
|
||||||
<path
|
|
||||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">4.95</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">out of</p>
|
|
||||||
<p class="ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">5</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-end">
|
|
||||||
<a href="#"
|
|
||||||
class="inline-flex items-center px-6 font-extrabold py-2 text-sm font-medium text-center ring-2 text-black ring-black hover:bg-blue-800 hover:text-white hover:ring-blue-800 rounded-full hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
||||||
Lihat
|
|
||||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
|
||||||
|
<div class="max-w-max bg-white border border-gray-200 rounded-lg shadow ">
|
||||||
|
<a href="#">
|
||||||
|
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
||||||
|
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
||||||
|
</a>
|
||||||
|
<div class="p-5">
|
||||||
|
<a href="#">
|
||||||
|
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
|
||||||
|
Language Center
|
||||||
|
(LC)</h5>
|
||||||
|
</a>
|
||||||
|
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
|
||||||
|
kursus bahasa
|
||||||
|
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">out of</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">5</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<a href="#"
|
||||||
|
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
|
||||||
|
Lihat
|
||||||
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="max-w-max bg-white border border-gray-200 rounded-lg shadow ">
|
||||||
|
<a href="#">
|
||||||
|
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
||||||
|
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
||||||
|
</a>
|
||||||
|
<div class="p-5">
|
||||||
|
<a href="#">
|
||||||
|
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
|
||||||
|
Language Center
|
||||||
|
(LC)</h5>
|
||||||
|
</a>
|
||||||
|
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
|
||||||
|
kursus bahasa
|
||||||
|
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">out of</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">5</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<a href="#"
|
||||||
|
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
|
||||||
|
Lihat
|
||||||
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="max-w-max bg-white border border-gray-200 rounded-lg shadow ">
|
||||||
|
<a href="#">
|
||||||
|
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
||||||
|
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
||||||
|
</a>
|
||||||
|
<div class="p-5">
|
||||||
|
<a href="#">
|
||||||
|
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
|
||||||
|
Language Center
|
||||||
|
(LC)</h5>
|
||||||
|
</a>
|
||||||
|
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
|
||||||
|
kursus bahasa
|
||||||
|
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">out of</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">5</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<a href="#"
|
||||||
|
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
|
||||||
|
Lihat
|
||||||
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
<div class="container py-10">
|
||||||
|
<p class="text-xl poppins-semibold ">Tentang Kami</p>
|
||||||
|
<div class="grid xl:grid-cols-2 grid-cols-1 ">
|
||||||
|
<div class="text-xl poppins-semibold">
|
||||||
|
<p class="py-4">
|
||||||
|
Tingkatkan Kemampuan Bahasa Inggris Anda dengan LearnMap!
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
Selamat datang di LearnMap, aplikasi website Sistem Informasi Geografis bimbingan belajar bahasa
|
||||||
|
Inggris di Kecamatan Pare, yang didirikan dengan semangat memberdayakan individu melalui
|
||||||
|
pengetahuan. Kami menyediakan berbagai kursus berkualitas tinggi, metode belajar menarik, dan
|
||||||
|
akses mudah untuk membantu Anda meningkatkan keterampilan dan mencapai mimpi. Mulailah
|
||||||
|
perjalanan Anda untuk menguasai bahasa Inggris
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-center">
|
||||||
|
<img src="{{ asset('img/imgcewe.png') }}" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<p class="py-4 pl-2">Ulasan</p>
|
||||||
|
<div class="grid gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 pb-10">
|
||||||
|
<div class="rounded-xl border-black border-[1px] p-4 ">
|
||||||
|
<img src="{{ asset('img/petik.png') }}" alt="">
|
||||||
|
<p class="">
|
||||||
|
Peta interaktifnya sangat membantu!
|
||||||
|
</p>
|
||||||
|
<p class="">
|
||||||
|
Salma
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="rounded-xl border-black border-[1px] p-4 ">
|
||||||
|
<img src="{{ asset('img/petik.png') }}" alt="">
|
||||||
|
<p class="">
|
||||||
|
Peta interaktifnya sangat membantu!
|
||||||
|
</p>
|
||||||
|
<p class="">
|
||||||
|
Salma
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</x-layout>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,132 @@
|
||||||
|
<x-layout>
|
||||||
|
<div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="py-10 bg-white ">
|
||||||
|
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||||
|
<p>Halaman ini berisi tentang kursus di Pare! </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end py-4">
|
||||||
|
<div class="flex space-x-2">
|
||||||
|
|
||||||
|
|
||||||
|
<form class="max-w-lg mx-auto">
|
||||||
|
<div class="flex">
|
||||||
|
<label for="search-dropdown" class="mb-2 text-sm font-medium text-gray-900 sr-only ">Your
|
||||||
|
Email</label>
|
||||||
|
<button id="dropdown-button" data-dropdown-toggle="dropdown"
|
||||||
|
class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 "
|
||||||
|
type="button">All categories <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="m1 1 4 4 4-4" />
|
||||||
|
</svg></button>
|
||||||
|
<div id="dropdown"
|
||||||
|
class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 ">
|
||||||
|
<ul class="py-2 text-sm text-gray-700 " aria-labelledby="dropdown-button">
|
||||||
|
<li>
|
||||||
|
<button type="button"
|
||||||
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Mockups</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button type="button"
|
||||||
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Templates</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button type="button"
|
||||||
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Design</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button type="button"
|
||||||
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Logos</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="relative w-full">
|
||||||
|
<input type="search" id="search-dropdown"
|
||||||
|
class="block pr-12 p-2.5 w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
|
||||||
|
placeholder="Search Mockups, Logos, Design Templates..." required />
|
||||||
|
<button type="submit"
|
||||||
|
class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-[#4F7F81] rounded-e-lg border border-[#4F7F81] hover:bg-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-[#4F7F81]">
|
||||||
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none" viewBox="0 0 20 20">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Search</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="pb-20 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
|
||||||
|
<div class="max-w-max shadow-xl bg-white border border-gray-300 rounded-lg ">
|
||||||
|
<a href="#">
|
||||||
|
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
|
||||||
|
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
|
||||||
|
</a>
|
||||||
|
<div class="p-5">
|
||||||
|
<a href="#">
|
||||||
|
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
|
||||||
|
Language Center
|
||||||
|
(LC)</h5>
|
||||||
|
</a>
|
||||||
|
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
|
||||||
|
kursus bahasa
|
||||||
|
Inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||||
|
<path
|
||||||
|
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||||
|
</svg>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">out of</p>
|
||||||
|
<p class="ms-1 text-sm text-gray-500 ">5</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<a href="#"
|
||||||
|
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
|
||||||
|
Lihat
|
||||||
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</x-layout>
|
||||||
|
|
@ -0,0 +1,176 @@
|
||||||
|
<x-layout>
|
||||||
|
<div class="py-10 bg-white ">
|
||||||
|
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||||
|
<p>Halaman ini berisi tentang kursus di Pare! </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container flex justify-end items-center pb-16">
|
||||||
|
|
||||||
|
<div id="default-carousel" class="relative w-full" data-carousel="slide">
|
||||||
|
<!-- Carousel wrapper -->
|
||||||
|
<div class="relative h-56 overflow-hidden rounded-lg md:h-96">
|
||||||
|
<!-- Item 1 -->
|
||||||
|
<div class="hidden duration-700 ease-in-out" data-carousel-item>
|
||||||
|
<img src="{{ asset('img/Rectangle 227.png') }}"
|
||||||
|
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
|
||||||
|
</div>
|
||||||
|
<!-- Item 2 -->
|
||||||
|
<div class="hidden duration-700 ease-in-out" data-carousel-item>
|
||||||
|
<img src="{{ asset('img/Rectangle 227.png') }}"
|
||||||
|
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
|
||||||
|
</div>
|
||||||
|
<!-- Item 3 -->
|
||||||
|
<div class="hidden duration-700 ease-in-out" data-carousel-item>
|
||||||
|
<img src="{{ asset('img/Rectangle 227.png') }}"
|
||||||
|
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
|
||||||
|
</div>
|
||||||
|
<!-- Item 4 -->
|
||||||
|
<div class="hidden duration-700 ease-in-out" data-carousel-item>
|
||||||
|
<img src="{{ asset('img/Rectangle 227.png') }}"
|
||||||
|
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
|
||||||
|
</div>
|
||||||
|
<!-- Item 5 -->
|
||||||
|
<div class="hidden duration-700 ease-in-out" data-carousel-item>
|
||||||
|
<img src="{{ asset('img/Rectangle 227.png') }}"
|
||||||
|
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Slider indicators -->
|
||||||
|
<div class="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
|
||||||
|
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1"
|
||||||
|
data-carousel-slide-to="0"></button>
|
||||||
|
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2"
|
||||||
|
data-carousel-slide-to="1"></button>
|
||||||
|
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3"
|
||||||
|
data-carousel-slide-to="2"></button>
|
||||||
|
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4"
|
||||||
|
data-carousel-slide-to="3"></button>
|
||||||
|
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5"
|
||||||
|
data-carousel-slide-to="4"></button>
|
||||||
|
</div>
|
||||||
|
<!-- Slider controls -->
|
||||||
|
<button type="button"
|
||||||
|
class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
|
||||||
|
data-carousel-prev>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
||||||
|
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M5 1 1 5l4 4" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
<button type="button"
|
||||||
|
class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
|
||||||
|
data-carousel-next>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
||||||
|
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="m1 9 4-4-4-4" />
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
|
||||||
|
<p class="poppins-medium text-3xl text-black py-4">Kampung Inggris LC - Language Center </p>
|
||||||
|
<button class="poppins-regular py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-xl shadow-xl">Rute Terdekat</button>
|
||||||
|
<p class="text-black text-lg py-4 poppins-semibold">Deskripsi</p>
|
||||||
|
<p class="poppins-regular text-black text-2xl pb-2 max-w-7xl">KAMPUNG INGGRIS LC – LANGUAGE CENTER
|
||||||
|
Adalah salah satu lembaga kursus bahasa inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare. Lebih dari
|
||||||
|
53.333+ alumni dari berbagai daerah di indonesia sudah merasakan metode UNIK yang terbukti membuat
|
||||||
|
mereka PUAS dan MAU merekomendasikan LC. Metode berkualitas Integrated Intensive Program, sistem belajar
|
||||||
|
yang terintegrasi dari speaking, grammar, dan pronunciation bakal mempercepat kamu mahir berbahasa Inggris.
|
||||||
|
</p>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-20 py-14">
|
||||||
|
<div class="max-w-80 space-y-2">
|
||||||
|
<p class="poppins-semibold text-2xl text-black ">
|
||||||
|
Program Pembelajaran
|
||||||
|
</p>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black underline">
|
||||||
|
English Master
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
6 Bulan Rp. 9.500.000
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
4 Bulan Rp. 6.500.000
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black underline">
|
||||||
|
Intensive
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
3 Bulan Rp. 4.200.000
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
2 Bulan Rp. 2.975.000
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
1 Bulan Rp. 1.600.000
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<h1 class="popins-reguler text-2xl text-black underline">
|
||||||
|
Toefl
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
1 Bulan Rp. 1.750.000
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black underline">
|
||||||
|
Holiday Ceria
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
2 Minggu Rp. 1.700.000
|
||||||
|
</h1>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
1 Minggu Rp. 990.000
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="max-w-max space-y-2">
|
||||||
|
<p class="poppins-semibold text-2xl text-black ">
|
||||||
|
Metode Pembelajaran
|
||||||
|
</p>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
Confidence Booster
|
||||||
|
Grammar Hack
|
||||||
|
Speak Properly
|
||||||
|
Speaking Without Thinking
|
||||||
|
Conceptual Mapping Skills
|
||||||
|
English for Spesific Purpose
|
||||||
|
Critical Thinking
|
||||||
|
</h1>
|
||||||
|
<p class="poppins-semibold text-2xl text-black pt-6">
|
||||||
|
Fasilitas
|
||||||
|
</p>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
Camp/asrama English Area
|
||||||
|
Assessment Test
|
||||||
|
Modul Pembelajaran
|
||||||
|
Sertifikat LC
|
||||||
|
|
||||||
|
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="max-w-max space-y-2">
|
||||||
|
<p class="poppins-semibold text-2xl text-black ">
|
||||||
|
Lokasi
|
||||||
|
</p>
|
||||||
|
<h1 class="popins-reguler text-2xl text-black ">
|
||||||
|
Jl. Langkat No.88, Singgahan, Pelem, Kec. Pare, Kabupaten Kediri, Jawa Timur 64213
|
||||||
|
0858-5611-1118
|
||||||
|
Instagram: @kampunginggrislc
|
||||||
|
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</x-layout>
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<x-layout>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</x-layout>
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -16,9 +16,7 @@
|
||||||
|
|
||||||
// Route::get('/login', [LoginController::class, 'showLoginForm'])->name('login');
|
// Route::get('/login', [LoginController::class, 'showLoginForm'])->name('login');
|
||||||
// Route::post('/login', [LoginController::class, 'login'])->name('login.post');
|
// Route::post('/login', [LoginController::class, 'login'])->name('login.post');
|
||||||
|
|
||||||
Route::get('/', [UserHomeController::class, 'index'])->name('home');
|
Route::get('/', [UserHomeController::class, 'index'])->name('home');
|
||||||
|
Route::get('/kursus', [UserKursusController::class, 'index'])->name('user.kursus'); // Perbaikan pada rute ini
|
||||||
// Route::get('/user/kursus', [UserKursusController::class, 'index'])->name('user.kursus'); // Perbaikan pada rute ini
|
Route::get('/peta', [UserPetaController::class, 'index'])->name('user.peta');
|
||||||
// Route::get('/user/peta', [UserPetaController::class, 'index'])->name('user.peta');
|
|
||||||
// Route::get('/user/detail-data-kursus/{id}', [UserDetailDataKursusController::class, 'show'])->name('user.detailDataKursus');
|
// Route::get('/user/detail-data-kursus/{id}', [UserDetailDataKursusController::class, 'show'])->name('user.detailDataKursus');
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,17 @@ export default {
|
||||||
"./resources/**/*.vue",
|
"./resources/**/*.vue",
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
|
container: {
|
||||||
|
padding: {
|
||||||
|
DEFAULT: "1rem",
|
||||||
|
sm: "1rem",
|
||||||
|
lg: "2rem",
|
||||||
|
xl: "3rem",
|
||||||
|
"2xl": "0rem",
|
||||||
|
},
|
||||||
|
// Tambahkan opsi `center` untuk margin auto
|
||||||
|
center: true,
|
||||||
|
},
|
||||||
extend: {},
|
extend: {},
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue