Files
new_raffles/resources/views/client/raffles/layouts/partials/header.blade.php

256 lines
18 KiB
PHP

<header id="site-header" class="main-header main-header-overlay sticky-header-noshadow" data-sticky-header="true"
data-sticky-values-measured="false">
<section class="lqd-section lg:mt-0 md:hidden">
<div class=" bg-white w-full p-0 box-shadow-bottom-header">
<div class=" main-heading h-full flex items-center justify-between transition-all rounded-6 ">
<div class="w-auto flex">
<div class="module-logo flex navbar-brand-plain py-20">
<a class="navbar-brand flex p-0 relative w-140" href="{{ url('/') }}" rel="home"><span
class="navbar-brand-inner post-rel"><img src="{{ setting('logo') }}"
alt="raffle logo" /></span></a>
</div>
</div>
<div class="w-auto flex mx-15">
<div class="module-primary-nav flex">
<div class="navbar-collapse inline-flex p-0 lqd-submenu-cover flex-grow-1 flex-shrink-1 overflow-visible h-auto navbar"
id="main-header-collapse" aria-expanded="false" role="navigation">
<ul class="main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fade-inactive link-14 link-medium navbar-menu"
data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}'
data-localscroll="true"
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
<li>
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/about-us">About
</a>
</li>
<li class="dropdown">
<a class="text-ter leading-30 px-20 py-5 dropdown-toggle hover:text-brand"
href="# ">Our Services <span
class="link-icon inline-flex hide-if-empty right-icon"><i
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
</a>
<div class="dropdown-menu">
<div class="dropdown-content">
<!-- Background decorations -->
<div class="bg-decoration bg-decoration-1"></div>
<div class="bg-decoration bg-decoration-2"></div>
<div class="services-grid">
<!-- Study Destinations -->
<div class="service-category">
<h3 class="category-title">Study Destinations</h3>
<div class="service-items">
@foreach ($countries as $country)
<a href="{{ route('country.single', $country->slug) }}"
class="service-item">
<div class="service-icon blue-bg">
<i class="fa-solid fa-globe"></i>
</div>
<div class="service-content">
<div class="service-name">{{ $country->title }}
</div>
<div class="service-description">
{{ $country->short_description }}</div>
</div>
<div class="service-border blue-gradient"></div>
</a>
@endforeach
</div>
</div>
<!-- Test Preparation -->
<div class="service-category">
<h3 class="category-title">Test Preparation</h3>
<div class="service-items">
@foreach ($tests as $test)
<a href="{{ route('test.single', $test->slug) }}"
class="service-item">
<div class="service-icon indigo-bg">
<i class="fa-solid fa-book-open"></i>
</div>
<div class="service-content">
<div class="service-name">Prepare
{{ $test->title }}</div>
<div class="service-description">
{{ $test->short_description }}</div>
</div>
<div class="service-border indigo-gradient"></div>
</a>
@endforeach
</div>
</div>
<!-- Support Services -->
<div class="service-category">
<h3 class="category-title">Support Services</h3>
<div class="service-items">
@foreach ($services as $service)
<a href="{{ route('service.single', $service->slug) }}"
class="service-item">
<div class="service-icon cyan-bg">
<i class="fa-solid fa-users"></i>
</div>
<div class="service-content">
<div class="service-name">{{ $service->title }}
</div>
<div class="service-description">
{{ $service->short_description }}</div>
</div>
<div class="service-border cyan-gradient"></div>
</a>
@endforeach
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/blog">Blog</a>
</li>
<li><a href="/contact-us"
class="text-ter leading-30 px-20 py-5 hover:text-brand">Contact </a></li>
<li>
<div
class="btn btn-solid cursor-pointer text-14 font-bold rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5">
<span class="btn-txt" id="get-in-touch">Book a Counsellor</span>
</div>
@include('client.raffles.parts.get-in-touch')
</li>
<li>
<a href="/course-finder"
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
class="btn-txt">Course Finder</span>
</a>
</li>
<li>
<a href="/resources"
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
class="btn-txt">Free Resources</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="lqd-section lqd-stickybar-wrap lqd-stickybar-right pointer-events-none md:hidden"
data-custom-animations="true"
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'>
<div class="container">
<div class="w-full h-full flex flex-col justify-between items-center p-10">
<div class="spacer w-full">
<div class="spacer-inner"></div>
</div>
<div class="lqd-scrl-indc flex whitespace-nowrap lqd-scrl-indc-style-dot vertical-lr -rotate-180 animation-element"
data-lqd-scroll-indicator="true">
<a class="pointer-events-auto text-black" href="#wrap" data-localscroll="true"
data-lqd-interactive-color="true"><span class="lqd-scrl-indc-inner flex items-center"><span
class="lqd-scrl-indc-txt" id="scroll-indicator-label">scroll</span>
<span class="lqd-scrl-indc-line flex-grow-1 relative bg-black-20"><span
class="lqd-scrl-indc-el inline-block absolute rounded-4"></span></span></span></a>
</div>
<div class="pl-20 -rotate-90">
<a href="cost-calculator.php"
class="btn btn-solid btn-icon-right rounded-full pointer-events-auto text-white bg-primary module-btn-circle"
data-lqd-interactive-color="true"><span class="btn-icon rotate-90"><i
class="fas fa-calculator text-20"></i></span></a>
</div>
</div>
</div>
</section>
<div class="lqd-mobile-sec relative">
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full bg-white">
<div class="lqd-mobile-modules-container empty"></div>
<button type="button"
class="p-0 navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent"
data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav"
aria-expanded="false" data-toggle-options='{ "changeClassnames": {"html": "mobile-nav-activated"} }'>
<span class="sr-only">Menu</span>
<span class="bars inline-block relative z-1"><span
class="bars-inner flex flex-col w-full h-full"><span class="bar inline-block"></span>
<span class="bar inline-block"></span>
<span class="bar inline-block"></span></span></span>
</button>
<a class="navbar-brand flex relative py-20 w-100" href="index.php"><span
class="navbar-brand-inner -mr-20"><img width="100" src="assets/images/logo/logo.png"
alt="raffle logo" /></span></a>
</div>
<div class="lqd-mobile-sec-nav w-full absolute z-10">
<div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav"
aria-expanded="false" role="navigation">
<ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav"
data-localscroll="true"
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
<li><a href="about.php">About </a></li>
<li class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
<div class="accordion-item panel ">
<div class="accordion-heading" role="tab" id="service-menu-1">
<h4 class="accordion-title px-25">
<a class="collapsed text-17 font-normal " role="button"
data-bs-toggle="collapse" data-bs-parent="#menu-dropdown"
href="index.php#collapse-service-menu-1" aria-expanded="false"
aria-controls="collapse-service-menu-1" href="#">Our Services <span
class="link-icon inline-flex hide-if-empty right-icon"><i
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
</a>
</h4>
</div>
<div id="collapse-service-menu-1" class="accordion-collapse collapse menu-dropdown"
data-bs-parent="#menu-dropdown" role="tabpanel" aria-labelledby="service-menu-1">
<ul>
<li><a class="hover:text-brand" href="study-uk.php">Study in UK</a></li>
<li><a class="hover:text-brand" href="study-usa.php">Study in USA</a></li>
<li><a class="hover:text-brand" class="hover:text-brand"
href="study-canada.php">Study in Canada</a></li>
<li><a class="hover:text-brand" href="study-denmark.php">Study in Denmark</a>
</li>
<li><a class="hover:text-brand" href="study-australia.php">Study in Australia</a>
</li>
<li><a class="hover:text-brand" href="ielts.php">Prepare IELTS</a></li>
<li><a class="hover:text-brand" href="pte.php">Prepare PTE</a></li>
<li><a class="hover:text-brand" href="duolingo.php">Prepare Duolingo</a></li>
<li><a class="hover:text-brand" href="interview-preparation.php">Interview
Preparation</a></li>
<li><a class="hover:text-brand" href="visa-assistance.php">Visa Assistance</a>
</li>
<li><a class="hover:text-brand" href="financial-guidance.php">Financial
Guidance</a></li>
<li><a class="hover:text-brand" href="travel-assistance.php">Travel
Assistance</a></li>
</ul>
</div>
</div>
</li>
<li><a href="contact-us.php">Contact</a></li>
<li><a href="blogs.php">Blog</a></li>
<li>
<a href="book-counsellor.php">Book a Counsellor</a>
</li>
<li><a href="course-finder.php">Course Finder</a></li>
<li><a href="resources.php">Free Resources</a></li>
</ul>
</div>
</div>
</div>
</header>
<main class="content" id="lqd-site-content">