<?php
$Ourimpact_class =["rect-c1","rect-c2","rect-c1"];
$Leadership_class =["taking-action","lion-serve","lcif-campaign","serve-through"];
$design_imgs= ["white-line","blue-line","white-line"];
$rosehand_bg = ["rosehand.png"];
$ourevent_bg =["ourevent-bg.png","verticle-yellow-line.png"];
?>
<style>
/*web section start*/
.service-block-two .inner-box:hover .shape-one {
transform: scale(1);
webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
}
.service-block-two .inner-box:hover .shape-two {
opacity: 0.4;
transform: scale(1);
webkit-transition-delay: 600ms;
-ms-transition-delay: 600ms;
transition-delay: 600ms;
}
.service-block-two .inner-box {
min-height: 331px;
position: relative;
overflow: hidden;
font-family:'poppins';
padding: 45px 45px;
border-radius: 6px;
background-color: #f5f5f5;
box-shadow :0 17px 18px rgb(39 92 141 / 10%);
}
.service-block-two .inner-box .shape-one {
content: '';
width: 250px;
height: 250px;
background: #0060ff;
border-radius: 50%;
position: absolute;
top: -120px;
opacity: 0.4;
right: -120px;
transform: scale(0);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box .shape-two {
content: '';
width: 373px;
height: 373px;
background: #0060ff;
border-radius: 50%;
position: absolute;
top: -180px;
right: -180px;
z-index: 1;
opacity: 0;
transform: scale(0);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
opacity: 0;
z-index: -1;
background-color: #141d38;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box:hover {
overflow: hidden;
padding: 35px 45px;
border-radius: 6px;
background-color: #fff;
position: sticky;
cursor: pointer;
}
.service-block-two .inner-box:hover::before {
height: 100%;
opacity: 1;
}
.service-block-two .inner-box .shape-two{
background-color: #0060ff;
}
.service-block-two .inner-box .shape-one{
background-color: #0060ff;
}
.serviceweb{
color: #02275e;
font-weight: bold;
font-size: 27px;
margin: 20px 0px;
white-space: nowrap;
}
.service-block-two .inner-box .icon-box, .service-block-two .inner-box h5 a, .service-block-two .inner-box .servicewi{
color: white;
font-weight: bold;
font-size: 27px;
white-space: nowrap;
}
.web-icon {
position: absolute;
top: 9px;
left: 43px;
}
.service-block-two .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .text {
color: #ffffff;
}
.service-block-two .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .serviceweb {
color: #ffffff;
}
.service-block-two .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .text {
color: white;
font-weight: 500;
position: relative;
}
.service-block-two .inner-box .icon-box, .service-block-two .inner-box h5 a, .service-block-two .inner-box .text{
line-height: 1.6;
color:#0a0a0a;
text-align: justify;
word-spacing: -1.5px;
word-break: break-word;
}
.service-block-two .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .serviceweb {
color: #fff;
font-weight: bold;
font-size: 27px;
white-space: nowrap;
top: -10px;
position: relative;
margin: 20px 0px;
}
/*web section End*/
</style>
<?php
$Ourimpact_class = ["rect-c1", "rect-c2", "rect-c1"];
$Leadership_class = ["taking-action", "lion-serve", "lcif-campaign", "serve-through"];
$design_imgs = ["white-line", "blue-line", "white-line"];
$rosehand_bg = ["rosehand.png"];
$ourevent_bg = ["ourevent-bg.png", "verticle-yellow-line.png"];
// dd($Leadership_contents);
// title_en details_en file_en link_url
// dd($Leadership_contents);
$heading1 = $sevice_contents[0]['title_en'];
$heading2 = $sevice_contents[1]['title_en'];
$heading3 = $sevice_contents[2]['title_en'];
$heading4 = $sevice_contents[3]['title_en'];
$heading5 = $sevice_contents[4]['title_en'];
$heading6 = $sevice_contents[5]['title_en'];
$photo1 = $sevice_contents[0]['file_en'];
$photo2 = $sevice_contents[1]['file_en'];
$photo3 = $sevice_contents[2]['file_en'];
$photo4 = $sevice_contents[3]['file_en'];
$photo5 = $sevice_contents[4]['file_en'];
$photo6 = $sevice_contents[5]['file_en'];
$content1 = $sevice_contents[0]['details_en'];
$content2 = $sevice_contents[1]['details_en'];
$content3 = $sevice_contents[2]['details_en'];
$content4 = $sevice_contents[3]['details_en'];
$content5 = $sevice_contents[4]['details_en'];
$content6 = $sevice_contents[5]['details_en'];
$link1 = $sevice_contents[0]['link_url'];
$link2 = $sevice_contents[1]['link_url'];
$link3 = $sevice_contents[2]['link_url'];
$link4 = $sevice_contents[3]['link_url'];
$link5 = $sevice_contents[4]['link_url'];
$link6 = $sevice_contents[5]['link_url'];
$string_count1 = str_word_count($content1);
$string_count2 = str_word_count($content2);
$string_count3 = str_word_count($content3);
$string_count4 = str_word_count($content4);
$string_count5 = str_word_count($content5);
$string_count6 = str_word_count($content6);
// moved this function to the controller
function limit_text_service($text, $limit)
{
if (str_word_count($text, 0) > $limit) {
$words = str_word_count($text, 2);
$pos = array_keys($words);
$text = substr($text, 0, $pos[$limit]) . '...';
}
return $text;
}
?>
<!-- Services carousel banners ------------->
<!-- <section class="home-section4" >
<div class="home-title aos-init aos-animate" data-aos="fade-down">
<span><img src=<?php echo e(url('uploads/lionsimg/'.$ourevent_bg[1])); ?> alt="img1"></span>
Services
</div>
<div class="container">
<div class="owl-carousel owl-theme">
<?php $i=0; ?>
<?php $__currentLoopData = $sevice_contents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item">
<a href="<?php echo e($service['link_url']); ?>" >
<div>
<img src=<?php echo e(url('uploads/banners/'.$service['file_en'])); ?> alt=<?php echo e($service['title_en']); ?> class="center-block">
<p><?php echo e($service['title_en']); ?></p>
</div>
</a>
</div>
<?php $i++; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</section> -->
<!--Services_______carousel banners End__________________________________________________________________-->
<section class="home-section4">
<div class="home-title aos-init aos-animate" data-aos="fade-down">
<span><img src=<?php echo e(url('uploads/lionsimg/'.$ourevent_bg[1])); ?> alt="img1"></span>
Services
</div>
<div class="container">
<div class="row">
<?php $i=0; ?><?php $__currentLoopData = $sevice_contents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="service-block-two col-lg-4 col-md-12 col-sm-12" style='margin: 15px 0px;'>
<a href="<?php echo e($service['link_url']); ?>">
<div class="inner-box">
<div class="shape-one"></div>
<div class="shape-two"></div>
<div class="icon-box">
<img class="ll-image ll-init ll-loadstarted ll-loaded" alt="coding" width="72" height="72" src=<?php echo e(url('uploads/banners/'.$service['file_en'])); ?> alt=<?php echo e($service['title_en']); ?> >
</div>
<h5 class="serviceweb"><p><?php echo e($service['title_en']); ?></p></h5>
<div class="text"><?php echo limit_text_service($service['details_en']. '...',20) ;?>
</div>
</div>
</a>
</div>
<?php $i++; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</section><?php /**PATH /var/www/lionsclub/core/resources/views/frontEnd/home/service-sec.blade.php ENDPATH**/ ?>