147 lines
11 KiB
PHP
147 lines
11 KiB
PHP
<!--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 -->
|
|
<div class="tp-caption tp-resizeme" id="slide-1-layer-9"
|
|
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']"
|
|
data-hh="['398px','398px','398px','398px']" width="674" height="398"
|
|
data-no-retina> </div>
|
|
|
|
<!-- LAYER NR. 2 -->
|
|
|
|
<style>
|
|
.slider-title {
|
|
line-height: 65px !important;
|
|
}
|
|
|
|
.slider-desc {
|
|
line-height: 35px !important;
|
|
}
|
|
</style>
|
|
|
|
<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']"
|
|
data-voffset="['350','250','350','200']" data-fontsize="['55','50','45','25']"
|
|
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]"
|
|
data-paddingleft="[0,0,0,0]"
|
|
style="z-index: 6; white-space: normal; overflow:visible; width: 300%; word-wrap: break-word; letter-spacing: 0px;">
|
|
{{ $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']"
|
|
data-y="['top','top','top','top']" data-voffset="['505','415','515','340']"
|
|
data-fontsize="['24','24','18','18']" data-lineheight="['24','24','18','18']"
|
|
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]"
|
|
style="z-index: 8; white-space: normal; width: 400%; letter-spacing: 0px;">
|
|
{{ $slider->slider_desc }}</div>
|
|
|
|
|
|
|
|
<!-- LAYER NR. 6 -->
|
|
<a class="tp-caption ch_button rev-btn " href="{{ route('article.single', 'who-are-we') }}"
|
|
target="_blank" id="slide-1-layer-5" data-x="['left','left','left','left']"
|
|
data-hoffset="['540','40','40','40']" data-y="['top','top','top','top']"
|
|
data-voffset="['600','520','620','430']" data-width="none" data-height="none"
|
|
data-whitespace="nowrap" data-type="button" data-actions=''
|
|
data-responsive_offset="on" data-responsive="off"
|
|
data-frames='[{"delay":800,"speed":1000,"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":1000,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(255,0,0);bc:rgb(255,0,0);bw:1 1 1 1;"}]'
|
|
data-textAlign="['inherit','inherit','inherit','inherit']"
|
|
data-paddingtop="[12,12,12,12]" data-paddingright="[35,35,35,35]"
|
|
data-paddingbottom="[12,12,12,12]" data-paddingleft="[35,35,35,35]"
|
|
style="z-index: 10; white-space: nowrap; letter-spacing: px;background-color:rgba(0, 0, 0, 0);border-color:rgb(255,255,255);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">About
|
|
us </a>
|
|
|
|
<!-- LAYER NR. 7 -->
|
|
<a class="tp-caption ch_button rev-btn " href="{{ route('quote') }}" target="_blank"
|
|
id="slide-1-layer-7" data-x="['left','left','left','left']"
|
|
data-hoffset="['750','250','270','40']" data-y="['top','top','top','top']"
|
|
data-voffset="['600','520','620','500']" data-width="none" data-height="none"
|
|
data-whitespace="nowrap" data-type="button" data-actions=''
|
|
data-responsive_offset="on" data-responsive="off"
|
|
data-frames='[{"delay":800,"speed":1000,"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":1000,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(255,0,0);bc:rgb(255,0,0);bw:1 1 1 1;"}]'
|
|
data-textAlign="['inherit','inherit','inherit','inherit']"
|
|
data-paddingtop="[12,12,12,12]" data-paddingright="[35,35,35,35]"
|
|
data-paddingbottom="[12,12,12,12]" data-paddingleft="[35,35,35,35]"
|
|
style="z-index: 11; white-space: nowrap; letter-spacing: px;background-color:rgba(0, 0, 0, 0);border-color:rgb(255,255,255);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">Request
|
|
Quote </a>
|
|
</li>
|
|
@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>
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 col-lg-offset-2">
|
|
<div class="fh-counter icon-type-none">
|
|
<div class="counter">
|
|
<div class="value">30 years+</div>
|
|
<h4>Experience</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-4">
|
|
<div class="fh-counter icon-type-none">
|
|
<div class="counter">
|
|
<div class="value">Current CSA</div>
|
|
<h4>Jaz/Fit</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4">
|
|
<div class="fh-counter icon-type-none">
|
|
<div class="counter">
|
|
<div class="value">Ex<br> CSA</div>
|
|
<h4>Salam Air</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|