TanchoToplineCargo/resources/views/client/aarav/welcome.blade.php
2024-05-05 10:32:49 +05:45

137 lines
5.8 KiB
PHP

@extends('client.aarav.partials.layout')
@section('header')
<title>{{env("APP_NAME")}}</title>
@endsection
@section('content')
@include("client.aarav.slider")
<section class="section-padding custom-background">
<div class="container">
<div class="row g-5 ">
<div class="col-md-6" uk-scrollspy="cls: uk-animation-slide-right-medium; repeat: true">
@php $aboutus=MPCMS::getarticle('welcome') @endphp
<img src="{{$aboutus->cover_photo}}" class="img-fluid object-fit-cover" alt="">
</div>
<div class="col-md-6">
<p class="mt-3">
<p class="medium-text text-uppercase fw-bold">{!!$aboutus->title!!}</p>
{!!substr($aboutus->text,0,150).'...'!!}
</p>
<div class="row g-3 d-flex justify-content-start mt-3 about-us" uk-scrollspy="target: > div; cls: uk-animation-slide-bottom-medium; delay: 300; repeat: true">
<div class="col-4 text-center ">
<i class="fa-regular fa-thumbs-up"></i>
<p class="fw-bold">Successful Ventures</p>
</div>
<div class="col-4 text-center ">
<i class="fa-regular fa-user"></i>
<p class="fw-bold">Business Range </p>
</div>
<div class="col-4 text-center ">
<i class="fa-solid fa-earth-americas"></i>
<p class="fw-bold">Countries Affiliation</p>
</div>
</div>
<div class="mt-4" uk-scrollspy="target: > div; cls: uk-animation-slide-bottom-medium; delay: 300; repeat: true">
<a class="learn-more" aria-current="page" href="about/introduction">Read More <i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="bg-light partners section-padding" style="background-image: url('assets/img/bg-dark.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover;">
<div class="container">
<div class="text-center">
<p class="fw-bold">Our Partners</p>
<p class="medium-text">Collaborators & Clients</p>
</div>
<div class="owl-carousel owl-theme mt-5" id="clients">
@foreach(MPCMS::getCompanies() as $client)
<div class="item">
<img class="img-fluid custom-img-job" src="{{env('APP_URL').'/'.$client->logo}}" alt="">
</div>
@endforeach
</div>
<div class="mt-5 text-center">
<a class="learn-more" href="industries-served">View More <i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>
</div>
</section>
<section class="job-category custom-color section-padding" style="background-image: url('assets/img/bg-dark.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover;">
<div class="container">
<div class="text-center">
<p class="">Jobs by Categories</p>
<p class="medium-text">Choose Your Desire Category</p>
</div>
<div class="text-start">
<button class="customPrevBtn me-2 p-2"><i class="fa-solid fa-arrow-left fs-4"></i></button>
<button class="customNextBtn p-2"><i class="fa-solid fa-arrow-right fs-4"></i></button>
</div>
<div class="owl-carousel owl-theme" id="category">
@foreach(MPCMS::getjobcategories() as $category)
<div class="item">
<div class="graphics-card p-2 position-relative">
<div>
<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
<a href="job-category/{{$category->alias}}">
<img class="uk-transition-scale-up uk-transition-opaque" src="{{($category->thumb)}}" width="1800" height="1200" alt="">
</a>
</div>
</div>
<div class="contents-card ">
<a href="job-category/{{$category->alias}}">
<p class="custom-text fs-5">{{$category->title}}</p>
</a>
<p class="">
{!!substr($category->details,0,120).'...'!!}
</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
</section>
<section class="section-padding all-job" style="background-image: url(assets/img/ban.jpg); background-size:cover; background-position:50% 0%;">
<div class="container">
<div class="text-center">
<p class="custom-text fw-bold fs-5">All Jobs Post</p>
<p class="medium-text">Find Your Career, You Deserve it </p>
</div>
<div class="row d-flex align-items-center">
@foreach(MPCMS::getPaperDemands() as $PaperDemand)
<div class="col-md-3">
<a href="{{($PaperDemand->thumb)}}" data-fancybox="gallery1">
<img class="img-fluid rounded" src="{{($PaperDemand->thumb)}}" alt="">
<div class="mt-3">
<p class="text-center small-text"><i class="fa-solid fa-calendar-check me-2"></i>{{$PaperDemand->title}}</p>
</div>
</a>
</div>
@endforeach
</div>
<div class="mt-5 text-center">
<a class="learn-more" href="{{asset('job_seekers/current-job-demands')}}">View More <i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>
</div>
</section>
@endsection