TanchoToplineCargo/resources/views/client/topCargo/partials/welcome/slider.blade.php

184 lines
12 KiB
PHP
Raw Normal View History

2024-05-05 04:47:49 +00:00
<!--Main Slider-->
<section class="rev_slider_wrapper">
<div id="slider1" class="rev_slider" data-version="5.0">
<ul>
<!-- SLIDE -->
@foreach ($sliders as $index => $slider)
<li data-index="rs-{{ $index }}" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off"
data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4=""
data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
data-description="">
<!-- MAIN IMAGE -->
<img src="{{ asset($slider->thumb) }}" alt="" title="Home Page 1"
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
data-bgparallax="0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
2024-05-09 11:05:06 +00:00
<div class="tp-caption tp-resizeme" id="slide-1-layer-9"
2024-05-05 04:47:49 +00:00
data-x="['left','left','left','left']" data-hoffset="['495','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['310','210','310','170']"
data-width="none" data-height="none" data-whitespace="nowrap"
data-visibility="['on','on','off','off']" data-type="image" data-responsive_offset="on"
data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img
src="{{ asset('topCargo/assets/images/main-slider/slide-bg.png') }}" alt=""
data-ww="['674px','674px','674px','674px']"
2024-05-09 11:05:06 +00:00
data-hh="['350px','398px','398px','398px']" width="674" height="398"
2024-05-05 04:47:49 +00:00
data-no-retina> </div>
<!-- LAYER NR. 2 -->
2024-06-11 11:49:46 +00:00
2024-05-05 04:47:49 +00:00
<div class="tp-caption ch_title text-uppercase slider-title tp-resizeme"
id="slide-1-layer-1" data-x="['left','left','left','left']"
data-hoffset="['540','40','40','40']" data-y="['top','top','top','top']"
2024-05-09 11:05:06 +00:00
data-voffset="['350','250','350','200']" data-fontsize="['40','45','40','20']"
2024-05-05 04:47:49 +00:00
data-lineheight="['55','50','45','25']" data-width="none" data-height="none"
data-whitespace="normal" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":500,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
2024-06-11 11:49:46 +00:00
data-paddingleft="[0,0,0,0]" style="z-index: 8; letter-spacing: 0px; width: 250%; ">
2024-05-05 04:47:49 +00:00
{{ $slider->slider_title }}
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption ch_content slider-desc tp-resizeme" id="slide-1-layer-3"
data-x="['left','left','left','left']" data-hoffset="['540','40','40','40']"
2024-05-09 11:05:06 +00:00
data-y="['top','top','top','top']" data-voffset="['475','415','515','340']"
data-fontsize="['20','23','22','18']" data-lineheight="['24','24','18','18']"
2024-05-05 04:47:49 +00:00
data-width="none" data-height="none" data-whitespace="normal" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":700,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":700,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
2024-05-09 11:05:06 +00:00
style="z-index: 8; width: 30em; letter-spacing: 0px;word-break:break-all;">
2024-05-05 04:47:49 +00:00
{{ $slider->slider_desc }}</div>
2024-06-11 11:49:46 +00:00
</li>
2024-05-05 04:47:49 +00:00
@endforeach
</ul>
</div>
</section>
<!--Main Slider end-->
<!--home counters -->
<section class="homecounts">
<div class="container">
<h2 class="count-title">Top Line <span class="main-color2">Cargo </span> is a Global Supplier of
Transport.</h2>
2024-06-11 11:49:46 +00:00
<div class="row allign-center">
2024-06-11 12:02:28 +00:00
<div class="col-lg-3 col-md-4 col-lg-offset-4 ">
2024-05-05 04:47:49 +00:00
<div class="fh-counter icon-type-none">
2024-06-11 12:02:28 +00:00
<div class="counter" style="padding-left: 86px;">
2024-05-05 04:47:49 +00:00
<div class="value">30 years+</div>
<h4>Experience</h4>
</div>
</div>
</div>
2024-06-11 11:49:46 +00:00
</div>
<style>
.text {
font-size: 25px;
}
</style>
<div class="row">
<div class="col-lg-6 col-md-6">
2024-05-05 04:47:49 +00:00
<div class="fh-counter icon-type-none">
<div class="counter">
2024-06-11 12:02:28 +00:00
<div class="value">Current</div>
{{-- <div class="row justify-content-center" style="padding-left: 3em;">
2024-06-11 11:49:46 +00:00
<div class="col-md-6">
<h4>Jaz/Fit</h4>
</div>
2024-06-11 12:02:28 +00:00
</div> --}}
2024-06-11 11:49:46 +00:00
<div class="row" style="padding-top: 45px;">
<div class="col-6 col-md-6 col-lg-6">
<div class="text">
<p>GSSA</p>
</div>
<div class="row justify-content-center">
<div class="col-md-12">
<h4>Jalzeera Airways</h4>
<img src="{{ asset('topCargo/assets/images/Jazeera.png') }}"
alt="" style="padding-top:15px">
</div>
</div>
</div>
<div class="col-6 col-md-6 col-lg-6">
<div class="text">
<p>CSA</p>
</div>
<div class="col-md-12">
<h4>Fits Cargo</h4>
<img src="{{ asset('topCargo/assets/images/fit-cargo.png') }}"
alt="" style="padding-top:15px">
</div>
</div>
</div>
2024-05-05 04:47:49 +00:00
</div>
</div>
</div>
2024-06-11 11:49:46 +00:00
<div class="col-lg-6 col-md-6 text-center" style="border-left: 2px solid white;">
2024-05-05 04:47:49 +00:00
<div class="fh-counter icon-type-none">
<div class="counter">
2024-06-11 12:02:28 +00:00
<div class="value">Previous</div>
{{-- <div class="row justify-content-center" style="padding-left: 3.5em;">
2024-06-11 11:49:46 +00:00
<div class="col-md-6">
<h4>Salam Air</h4>
</div>
2024-06-11 12:02:28 +00:00
</div> --}}
2024-06-11 11:49:46 +00:00
<div class="row" style="padding-top: 45px;">
<div class="col-3 col-md-3 col-lg-3">
<div class="text">
<p>GSSA</p>
</div>
<div class="row justify-content-center">
<div class="col-md-12">
<h4>Pegasus airlines</h4>
<img src="{{ asset('topCargo/assets/images/pegasus.png') }}"
alt="" style="padding-top:15px">
</div>
</div>
</div>
<div class="col-6 col-md-6 col-lg-6">
<div class="text">
<p>Exclusive CSA</p>
</div>
<div class="col-md-12">
<h4>China Soutthern Airlines</h4>
<img src="{{ asset('topCargo/assets/images/chinasouthern.png') }}"
alt="" style="padding-top:15px">
</div>
</div>
<div class="col-3 col-md-3 col-lg-3">
<div class="text">
<p>GSSA</p>
</div>
<div class="col-md-12">
<h4>Salam air</h4>
<img src="{{ asset('topCargo/assets/images/salamair.png') }}"
alt="" style="padding-top:15px">
</div>
</div>
</div>
2024-05-05 04:47:49 +00:00
</div>
</div>
</div>
</div>
</div>
</section>