File: /home/imensosw/.trash/resources.2/views/frontend/home.blade.php
@extends('frontend.layouts.layout1')
@section("style")
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('new.home') }}</title>
@endsection
@section('content')
@include('frontend/include/banner')
<!-- Banner -->
<section class="event_section">
<div class="ccontainer">
<div class="crow g-0 mb_1">
<div class="ccol ccol-lg-6 ccol-sm-8 mx-auto py-0">
<h2 class="border-top mb_1">{{trans('frontend.line_up')}} {{count($artist_list)}}</h2>
</div>
</div>
@if(count($artist_list) >= 3)
<div class="crow g-0 mb-1 justify-content-center">
<div class="ccol ccol-lg-2">
<?php
$artist_image = URL::asset('frontend/images/event_1.jpg');
if(!empty($artist_list[0]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[0]->id.'/'.$artist_list[0]->artist_image); }
?>
<div class="event_card event_card_1 mb-2" style="background-image:url('{{$artist_image}}')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>{{$artist_list[0]->artist_title}}</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">{{trans('frontend.learn_more')}} <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<?php
$artist_image = URL::asset('frontend/images/event_1.jpg');
if(!empty($artist_list[1]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[1]->id.'/'.$artist_list[1]->artist_image); }
?>
<div class="event_card event_card_1" style="background-image:url('{{$artist_image}}')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>{{$artist_list[1]->artist_title}}</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">{{trans('frontend.learn_more')}} <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<?php
$artist_image = URL::asset('frontend/images/event_1.jpg');
if(!empty($artist_list[2]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[2]->id.'/'.$artist_list[2]->artist_image); }
?>
<div class="ccol ccol-lg-4">
<div class="event_card ml-2" style="background-image:url('{{$artist_image}}')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>{{$artist_list[2]->artist_title}}</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">{{trans('frontend.learn_more')}} <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
@endif
@if(count($artist_list) >= 5 || count($artist_list) <= 2)
<div class="crow g-0 justify-content-center">
<div class="ccol ccol-lg-4">
<?php
$artist_image = URL::asset('frontend/images/event_1.jpg');
if(!empty($artist_list[3]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[3]->id.'/'.$artist_list[3]->artist_image); }
?>
<div class="event_card mr-2" style="background-image:url('{{$artist_image}}')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>{{$artist_list[3]->artist_title}}</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">{{trans('frontend.learn_more')}} <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<?php
$artist_image = URL::asset('frontend/images/event_1.jpg');
if(!empty($artist_list[4]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[4]->id.'/'.$artist_list[4]->artist_image); }
?>
<div class="event_card event_card_2 mb-2" style="background-image:url('{{$artist_image}}')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>{{$artist_list[4]->artist_title}}</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">{{trans('frontend.learn_more')}} <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
@endif
<?php /*
<div class="crow g-0 mb-1 justify-content-cente d-none hide" style="display:none;">
<div class="ccol ccol-lg-4">
<div class="event_card mr-2" style="background-image:url('images/event_2.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Porter Robinson</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>REZZ</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Blood Orange</h3>
<a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
<div class="crow g-0 mb-1 justify-content-center">
<div class="ccol ccol-lg-2">
<div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>REZZ</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Blood Orange</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Jacob Collier</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Jacob Collier</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div> */ ?>
</div>
</section>
<section class="volunteer_section">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 ccol-md-8 mx-auto">
<div class="crow">
<div class="ccol ccol-lg-8 py-0">
<h2 class="border-top">Volunteer Opportunities</h2>
</div>
</div>
<div class="crow">
<div class="ccol ccol-lg-4">
<div class="map_area">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14718.970223205368!2d75.8881536693115!3d22.737808319903124!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m3!3e0!4m0!4m0!5e0!3m2!1sen!2sin!4v1647254326926!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<div class="ccol ccol-lg-4">
<table class="table">
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="crow g-0 navigation_cnt">
<div class="ccol ccol-lg-4 mx-auto py-0">
<div class="crow g-0 burger">
<div class="d-flex">
<h3><span>🡢</span>Give back to your community.</h3>
<div class="bannerslider__navigation">
<p>All proceeds from LIFT are reinvested into our community. Support our work with a tax-deductible donation today</p>
<a href="#" class="cbtn cbtn-primary mr-1">Donate <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
<a href="details.php" class="cbtn cbtn-text-primary">Learn more <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sponsors_section bg-primary">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 mx-auto py-0">
<h2 class="border-top border-white text-white mt-1">Sponsors</h2>
<div class="swiper sponsors_slider burger">
<div class="swiper-wrapper">
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_1.png')}}" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_2.png')}}" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_3.png')}}" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_4.png')}}" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_5.png')}}" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="{{ URL::asset('frontend/images/client_6.png')}}" alt="logo" /></a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
@if($partnars->count())
<section class="partners_section bg-secondary">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 mx-auto py-0">
<h2 class="border-top border-white text-white mt-1">{{trans('frontend.nonprofit')}}Nonprofit Partners</h2>
<div class="swiper partners_slider burger">
<div class="swiper-wrapper">
@foreach($partnars as $key => $organization)
@if(!empty($organization->org_logo))
<div class="swiper-slide">
<a href="#">
<img src="{{URL::asset('Profile/'.$organization->id.'/'.$organization->org_logo)}}" alt="{{$organization->org_name}}" />
</a>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</section>
@endif
@endsection
@section('scripts')
<script type="text/javascript">
$(document).ready(function(){
$(".inner_nav a").removeClass("active")
$("#home").addClass("active");
});
/*Banner Slider*/
var swiper = new Swiper(".banner", {
centeredSlides: true,
//effect: "fade",
loop: false,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
/*Sponsors logo*/
var swiper = new Swiper(".sponsors_slider", {
slidesPerView: 2,
spaceBetween: 10,
loop: true,
speed: 2000,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 50,
},
},
});
/*Parterner logo*/
var swiper = new Swiper(".partners_slider", {
slidesPerView: 2,
spaceBetween: 10,
loop: true,
speed: 2000,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 50,
},
},
});
</script>
@endsection