Viewing file:  76c6c948859b93048b943aaf13f9da46.php (60.12 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title', 'Home'); ?>
<?php $__env->startSection('css'); ?>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
<?php
$template = json_decode(get_settings('template'));
$main_banner_bg_img = isset($template->banner_sec_bg_image_file_name)?$template->banner_sec_bg_image_file_name:'';
$plan_sec_bg_img = isset($template->section_one_bg_image_file)?$template->section_one_bg_image_file:'';
$plan_card_one = isset($template->section_two_bg_image_one_file)?$template->section_two_bg_image_one_file:'';
$plan_card_two = isset($template->section_two_bg_image_two_file)?$template->section_two_bg_image_two_file:'';
$plan_card_three = isset($template->section_two_bg_image_three_file)?$template->section_two_bg_image_three_file:'';
$progress_sec_wrapper = isset($template->section_three_bg_image_file_one)?$template->section_three_bg_image_file_one:'';
$energy_sec_wrapper_content = isset($template->section_four_bg_image_file)?$template->section_four_bg_image_file:'';
$choose_package_bg = isset($template->section_seven_bg_image_file)?$template->section_seven_bg_image_file:'';
$faq_bg_image_file = isset($template->faq_bg_image_file)?$template->faq_bg_image_file:'';
$contact_us_bg_image_file = isset($template->contact_us_bg_image_file)?$template->contact_us_bg_image_file:'';
?>
<style>
.main-banner-background-img {
padding-top: 170px;
padding-bottom: 60px;
background-image: url('<?php echo e(asset('uploads/'.$main_banner_bg_img)); ?>');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.plan-section-wrapper-content {
padding-top: 80px;
padding-bottom: 60px;
background-color: #1C1C1A;
background-image: url('<?php echo e(asset('uploads/'.$plan_sec_bg_img)); ?>');
background-repeat: no-repeat;
background-position: top right;
}
.plan-card-content-one {
width: 100%;
min-height: 550px;
background-image: url('<?php echo e(asset('uploads/'.$plan_card_one)); ?>');
position: relative;
background-size: cover;
background-position: center center;
}
.plan-card-content-two {
width: 100%;
min-height: 550px;
background-image: url('<?php echo e(asset('uploads/'.$plan_card_two)); ?>');
position: relative;
background-size: cover;
background-position: center center;
}
.plan-card-content-three {
width: 100%;
min-height: 550px;
background-image: url('<?php echo e(asset('uploads/'.$plan_card_three)); ?>');
position: relative;
background-size: cover;
background-position: center center;
}
.plan-card-content-hover-effect:hover {
opacity: .8;
}
.plan-card-content-hover-effect{
border-radius: 30px;
}
.progress-header-content{
text-align: center;
}
.progress-header-content iframe {
width: 80% !important;
height: 450px !important;
}
@media (max-width: 720px) {
.progress-header-content iframe {
height: 280px !important;
}
}
.progress-sec-wrapper .progress-header-content{
/*background-color: #BCBDBF;*/
/*border-radius: 30px 30px 30px 30px;*/
padding: 0px !important;
margin-bottom: 50px;
}
.energy-sec-wrapper-content {
padding-top: 170px;
padding-bottom: 60px;
background-image: url('<?php echo e(asset('uploads/'.$energy_sec_wrapper_content)); ?>');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.choose-package-bg {
padding-top: 40px;
padding-bottom: 80px;
background-image: url('<?php echo e(asset('uploads/'.$choose_package_bg)); ?>');
background-position: top center;
background-size: cover;
}
.faq-bg-img {
background-image: url('<?php echo e(asset('uploads/'.$faq_bg_image_file)); ?>');
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
height: 900px;
}
.contact-us-section {
padding-top: 80px;
padding-bottom: 60px;
background-image: url('<?php echo e(asset('uploads/'.$contact_us_bg_image_file)); ?>');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none !important;
}
.c-choose-package-title{
color: #fff;
font-size: 80px;
font-weight: 500;
}
.c-choose-package-sub-title{
color: #fff;
font-size: 40px;
font-weight: 500;
padding-bottom: 100px;
}
.faq-title{
/*font-size: 8rem;*/
}
#effects{
padding-top: 80px;
/*padding-bottom: 60px;*/
}
a.plan-btn{
background: #ff4400 !important;
}
a.plan-btn:hover{
background: #ff4400 !important;
}
.goal-sec-btn{
font-size: 12px !important;
}
.read-more-ab span{
color: #ff4400 !important;
font-weight: 600;
}
.plan-sec-title{
font-size: 80px;
line-height: 95px;
}
.plan-title-sec{
font-size: 24px !important;
line-height: 34px !important;
font-weight: 700;
letter-spacing: 0px;
}
.plan-des-content{
font-size: 50px !important;
line-height: 58px !important;
font-weight: 700;
letter-spacing: 0px;
}
.energy-section-description .about-us-decsription-text{
font-size: 18px !important;
}
.service-sec-card{
background: linear-gradient(to bottom,#ff4400,#232321);
}
.contact-us-title span{
font-size: 28px !important;
display: block;
}
.contact-us-title{
line-height: 70px;
}
@media (max-width: 450px) {
.plan-card-content {
min-height: 450px;
}
}
</style>
<style>
.progress-circle {
font-size: 20px;
/*margin: 20px;*/
position: relative; /* so that children can be absolutely positioned */
padding: 0;
width: 6em;
height: 6em;
background-color: #F2E9E1;
border-radius: 50%;
line-height: 6em;
}
.progress-circle:after{
border: none;
position: absolute;
top: 0.35em;
left: 0.35em;
text-align: center;
display: block;
border-radius: 50%;
width: 5.3em;
height: 5.3em;
background-color: #1c1c1a;
content: " ";
}
/* Text inside the control */
.progress-circle span {
position: absolute;
line-height: 4em;
width: 4em;
text-align: center;
display: block;
color: white;
z-index: 2;
font-size: 30px;
font-weight: 900;
}
.left-half-clipper {
/* a round circle */
border-radius: 50%;
width: 6em;
height: 6em;
position: absolute; /* needed for clipping */
clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
clip: rect(auto,auto,auto,auto);
}
.value-bar {
position: absolute;
clip: rect(0, 2.5em, 6em, 0);
width: 6em;
height: 6em;
border-radius: 50%;
border: 0.45em solid #ff4400;
background-color: #4D642D;
box-sizing: border-box;
}
.circle-two .value-bar {
border: 0.45em solid #49beaa !important;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
/*Progress bar for the first 50%, filling the whole right half*/
position: absolute;
clip: rect(0, 6em, 6em, 2.5em);
background-color: #ff4400;
border-radius: 50%;
width: 6em;
height: 6em;
}
.circle-two .progress-circle.over50 .first50-bar {
background-color: #49beaa !important;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }
/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php
$homeSection = json_decode(get_settings('home_section'));
?>
<section class="main-banner-section">
<div class="main-banner-background-img">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-12">
<div class="main-banner-sub-title-sec">
<h4 class="main-banner-sub-title"><?php echo e(isset($template->banner_section_sub_title)?$template->banner_section_sub_title:''); ?></h4>
</div>
</div>
<div class="col-lg-12">
<div class="main-banner-title">
<?php echo e(isset($template->banner_section_title)?$template->banner_section_title:''); ?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="col-12">
<div class="progress-sec">
<div class="progress-sec-text">
<?php echo e(isset($template->banner_section_description)?$template->banner_section_description:''); ?>
</div>
</div>
</div>
<div class="col-12">
<div class="plan-btn-sec">
<a href="<?php echo e(route('choose.program')); ?>" class="plan-btn">CHOOSE PROGRAME</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row">
<?php
$home_circle_one=isset($template->banner_section_progress_one)?$template->banner_section_progress_one:0;
$home_circle_two=isset($template->banner_section_progress_two)?$template->banner_section_progress_two:0;
if($home_circle_one > 100){
$home_circle_one=100;
}
if($home_circle_two > 100){
$home_circle_two=100;
}
?>
<div class="col-sm-6">
<div class="progress-card-wrapper">
<div class="progress-card-sec">
<div class="circle-one">
<div class="progress-circle <?php echo e($home_circle_one >= 50?'over50':''); ?> <?php echo e('p'.$home_circle_one); ?>">
<span><?php echo e($home_circle_one); ?></span>
<div class="left-half-clipper">
<div class="first50-bar"></div>
<div class="value-bar"></div>
</div>
</div>
</div>
<div role="progressbar" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100"
style="--value: 76"></div>
<div class="progress-card-sec-text">
<?php echo e(isset($template->banner_section_progress_one_des)?$template->banner_section_progress_one_des:''); ?>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="progress-card-wrapper">
<div class="progress-card-sec">
<div class="progress-card-content">
<div class="circle-two">
<div class="progress-circle <?php echo e($home_circle_two >= 50?'over50':''); ?> <?php echo e('p'.$home_circle_two); ?>">
<span><?php echo e($home_circle_two); ?></span>
<div class="left-half-clipper">
<div class="first50-bar"></div>
<div class="value-bar"></div>
</div>
</div>
</div>
<div class="progress-card-sec-text">
<?php echo e(isset($template->banner_section_progress_two_des)?$template->banner_section_progress_two_des:''); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="energy-section-wrapper" id="about">
<div class="energy-sec-wrapper-content">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="energy-section-content">
<div class="energy-section-main-title">
<?php echo e(isset($template->section_four_title)?$template->section_four_title:''); ?>
</div>
<div class="row">
<div class="col-lg-8">
<div class="energy-section-description">
<?php if(isset($template->section_four_description) && $template->section_four_description): ?>
<?php
$about_us_description = substr($template->section_four_description, 0, 340) . '...';
?>
<a href="<?php echo e(route('about.us')); ?>" class="about-us-decsription-text footer-important-link read-more-ab"><?php echo e($about_us_description); ?> <span class="footer-about-us-read-more-text">Read More</span></a>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="row">
<?php
$circule_one=isset($template->section_four_progress_one)?$template->section_four_progress_one:0;
$circule_two=isset($template->section_four_progress_two)?$template->section_four_progress_two:0;
if($circule_one > 100){
$circule_one=100;
}
if($circule_two > 100){
$circule_two=100;
}
?>
<div class="col-sm-6">
<div class="progress-card-wrapper">
<div class="progress-card-sec">
<div class="circle-one">
<div class="progress-circle <?php echo e($circule_one >= 50?'over50':''); ?> <?php echo e('p'.$circule_one); ?>">
<span><?php echo e($circule_one); ?></span>
<div class="left-half-clipper">
<div class="first50-bar"></div>
<div class="value-bar"></div>
</div>
</div>
</div>
<div role="progressbar" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100"
style="--value: 76"></div>
<div class="progress-card-sec-text">
<?php echo e(isset($template->section_four_progress_one_des)?$template->section_four_progress_one_des:''); ?>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="progress-card-wrapper">
<div class="progress-card-sec">
<div class="progress-card-content">
<div class="circle-two">
<div class="progress-circle <?php echo e($circule_two >= 50?'over50':''); ?> <?php echo e('p'.$circule_two); ?>">
<span><?php echo e($circule_two); ?></span>
<div class="left-half-clipper">
<div class="first50-bar"></div>
<div class="value-bar"></div>
</div>
</div>
</div>
<div class="progress-card-sec-text">
<?php echo e(isset($template->section_four_progress_two_des)?$template->section_four_progress_two_des:''); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="plan-section-wrapper-content" id="goals">
<div class="plan-section-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="plan-sec-title-wrapper">
<span class="plan-sec-title">
<?php echo e(isset($template->section_goal_title)?$template->section_goal_title:''); ?> <span class="plan-sec-second-title"><?php echo e(isset($template->section_goal_sub_title)?$template->section_goal_sub_title:''); ?></span>
</span>
</div>
</div>
<div class="col-lg-5">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="plan-card-wrapper-content">
<div class="plan-card-content-one plan-card-content-hover-effect">
<div class="plan-content-wrapper">
<div class="plan-title-sec">
<span class="plan-title"><?php echo e(isset($template->section_two_sub_title_one)?$template->section_two_sub_title_one:''); ?></span>
<span class="plan-sub-title"><?php echo e(isset($template->section_two_sub_title_two)?$template->section_two_sub_title_two:''); ?></span>
</div>
<div class="plan-des-content">
<?php echo e(isset($template->section_two_title)?$template->section_two_title:''); ?>
</div>
<div class="plan-card-btn-sec mt-3">
<a href="<?php echo e(route('choose.program')); ?>" class="plan-btn goal-sec-btn">CHOOSE PROGRAME</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="plan-card-wrapper-content">
<div class="plan-card-content-two plan-card-content-hover-effect">
<div class="plan-content-wrapper">
<div class="plan-title-sec">
<span class="plan-title"><?php echo e(isset($template->section_two_sub_title_one_two)?$template->section_two_sub_title_one_two:''); ?></span>
<span class="plan-sub-title"> <?php echo e(isset($template->section_two_sub_title_two_two)?$template->section_two_sub_title_two_two:''); ?></span>
</div>
<div class="plan-des-content">
<?php echo e(isset($template->section_two_title_two)?$template->section_two_title_two:''); ?>
</div>
<div class="plan-card-btn-sec mt-3">
<a href="<?php echo e(route('choose.program')); ?>" class="plan-btn goal-sec-btn">CHOOSE PROGRAME</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="plan-card-wrapper-content">
<div class="plan-card-content-three plan-card-content-hover-effect">
<div class="plan-content-wrapper">
<div class="plan-title-sec">
<span class="plan-title"><?php echo e(isset($template->section_two_sub_title_one_two)?$template->section_two_sub_title_one_two:''); ?></span>
<span class="plan-sub-title"><?php echo e(isset($template->section_two_sub_title_two_three)?$template->section_two_sub_title_two_three:''); ?></span>
</div>
<div class="plan-des-content">
<?php echo e(isset($template->section_two_title_three)?$template->section_two_title_three:''); ?>
</div>
<div class="plan-card-btn-sec mt-3">
<a href="<?php echo e(route('choose.program')); ?>" class="plan-btn goal-sec-btn">CHOOSE PROGRAME</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="progress-sec-content-wrapper-bg" id="effects">
<section class="progress-sec-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="progress-header-content">
<?php if(isset($template->video_link) && $template->video_link): ?>
<?php echo $template->video_link; ?>
<?php endif; ?>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="weight-loss-img-sec-wrapper">
<div class="weight-loss-img-section">
<?php if(isset($template->section_three_bg_image_file_two)): ?>
<img class="img-fluid" src="<?php echo e(asset('uploads/'.$template->section_three_bg_image_file_two)); ?>" alt="">
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="service-section">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="service-sec-card">
<div class="service-card-img-sec">
<img src="./images/service-1.svg" alt="">
</div>
<div class="service-card-des-sec">
<div class="service-card-title">
<?php echo e(isset($template->section_five_title_one)?$template->section_five_title_one:''); ?>
</div>
<div class="service-card-des">
<?php echo e(isset($template->section_five_description_one)?$template->section_five_description_one:''); ?>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="service-sec-card">
<div class="service-card-img-sec">
<img src="./images/service-2.svg" alt="">
</div>
<div class="service-card-des-sec">
<div class="service-card-title">
<?php echo e(isset($template->section_five_title_two)?$template->section_five_title_two:''); ?>
</div>
<div class="service-card-des">
<?php echo e(isset($template->section_five_description_two)?$template->section_five_description_two:''); ?>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="service-sec-card">
<div class="service-card-img-sec">
<img src="./images/service-3.svg" alt="">
</div>
<div class="service-card-des-sec">
<div class="service-card-title">
<?php echo e(isset($template->section_five_title_three)?$template->section_five_title_three:''); ?>
</div>
<div class="service-card-des">
<?php echo e(isset($template->section_five_description_three)?$template->section_five_description_three:''); ?>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="service-sec-card">
<div class="service-card-img-sec">
<img src="./images/service-4.svg" alt="">
</div>
<div class="service-card-des-sec">
<div class="service-card-title">
<?php echo e(isset($template->section_five_title_four)?$template->section_five_title_four:''); ?>
</div>
<div class="service-card-des">
<?php echo e(isset($template->section_five_description_four)?$template->section_five_description_four:''); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="customer-satisfied-section" id="opinion">
<div class="customer-satisfied-content-wrapper container">
<div class="row">
<div class="col-lg-12">
<div class="satisfied-content-sec">
<div class="customer-satisfied-title">
<span class="customer-satisfied-main-title"><?php echo e(isset($template->section_six_title)?$template->section_six_title:''); ?></span>
</div>
<div class="customer-satisfied-des">
<?php echo e(isset($template->section_six_description)?$template->section_six_description:''); ?>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="customer-satisfied-card">
<div class="customer-stisfied-card-content">
<div class="customer-satisfied-img">
<?php if(isset($template->section_six_customer_img_one_file)): ?>
<img class="img-fluid satisfied-customer-img" src="<?php echo e(asset('uploads/'.$template->section_six_customer_img_one_file)); ?>" alt="">
<?php endif; ?>
</div>
<div class="customer-message-content">
<?php echo e(isset($template->section_six_customer_description_one)?$template->section_six_customer_description_one:''); ?>
</div>
<div class="satisfied-customer-name">
<?php echo e(isset($template->section_six_customer_name_one)?$template->section_six_customer_name_one:''); ?>
</div>
<div class="satisfied-customer-age">
<?php echo e(isset($template->section_six_customer_age_one)?$template->section_six_customer_age_one.' years':''); ?>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="customer-satisfied-card">
<div class="customer-stisfied-card-content">
<div class="customer-satisfied-img">
<?php if(isset($template->section_six_customer_img_two_file)): ?>
<img class="img-fluid satisfied-customer-img" src="<?php echo e(asset('uploads/'.$template->section_six_customer_img_two_file)); ?>" alt="">
<?php endif; ?>
</div>
<div class="customer-message-content">
<?php echo e(isset($template->section_six_customer_description_two)?$template->section_six_customer_description_two:''); ?>
</div>
<div class="satisfied-customer-name">
<?php echo e(isset($template->section_six_customer_name_two)?$template->section_six_customer_name_two:''); ?>
</div>
<div class="satisfied-customer-age">
<?php echo e(isset($template->section_six_customer_age_one)?$template->section_six_customer_age_one.' years':''); ?>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="customer-satisfied-card">
<div class="customer-stisfied-card-content">
<div class="customer-satisfied-img">
<?php if(isset($template->section_six_customer_img_three_file)): ?>
<img class="img-fluid satisfied-customer-img" src="<?php echo e(asset('uploads/'.$template->section_six_customer_img_three_file)); ?>" alt="">
<?php endif; ?>
</div>
<div class="customer-message-content">
<?php echo e(isset($template->section_six_customer_description_three)?$template->section_six_customer_description_three:''); ?>
</div>
<div class="satisfied-customer-name">
<?php echo e(isset($template->section_six_customer_name_three)?$template->section_six_customer_name_three:''); ?>
</div>
<div class="satisfied-customer-age">
<?php echo e(isset($template->section_six_customer_age_three)?$template->section_six_customer_age_three.' years':''); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="client-effect-section d-none">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="client-effect-title-sec">
MY CLIENTS AND THEIR EFFECTS
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="client-brand-img">
<img src="./images/brand.svg" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3">
<div class="client-effect-img-sec">
<img src="./images/client-1.webp" class="client-effect-img img-fluid" alt="">
</div>
<div class="client-effect-sec-name">
DARRELL STEWARD
</div>
<div class="client-effect-sec-des">
At id tellus, proin magna leo
</div>
</div>
<div class="col-lg-3">
<div class="client-effect-img-sec">
<img src="./images/client-2.webp" class="client-effect-img img-fluid" alt="">
</div>
<div class="client-effect-sec-name">
ELEANOR
PENA
</div>
<div class="client-effect-sec-des">
At id tellus, proin magna leo
</div>
</div>
<div class="col-lg-3">
<div class="client-effect-img-sec">
<img src="./images/client-3.webp" class="client-effect-img img-fluid" alt="">
</div>
<div class="client-effect-sec-name">
DIANNE
RUSSELL
</div>
<div class="client-effect-sec-des">
At id tellus, proin magna leo
</div>
</div>
</div>
</div>
</section>
<section class="choose-package-section pb-0" id="plan">
<div class="choose-package-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="plan-sec-title-wrapper">
<span class="plan-sec-title">
<?php echo e(isset($template->section_seven_title_one)?$template->section_seven_title_one:''); ?>
<span class="plan-sec-second-title">
<?php echo e(isset($template->section_seven_title_two)?$template->section_seven_title_two:''); ?>
</span>
</span>
</div>
</div>
</div>
<div class="row">
<?php
$l_settings = json_decode(get_settings('local_setting'));
$all_class=["mcb_item_custom1215","mcb_item_custom1216","mcb_item_custom1217"];
?>
<?php if($plans->isNotempty()): ?>
<?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php $arr_key=array_rand($all_class) ?>
<div class="col-lg-4 <?php echo e(isset($all_class[$arr_key])?$all_class[$arr_key]:''); ?>">
<div class="choose-package-card-sec">
<div class="choose-package-content-sec">
<div class="choose-package-name">
<?php echo e(isset($plan->title)?$plan->title:''); ?>
</div>
<div class="choose-package-price-sec">
<span class="choose-package-price"><span class="choose-currency-symbol"><?php echo e(isset($l_settings->currency_symbol)?$l_settings->currency_symbol:'$'); ?></span><?php echo e(isset($plan->price)?$plan->price:''); ?></span>
<div class="choose-package-devider"></div>
</div>
<div class="choose-package-des">
<?php echo e(isset($plan->description)?$plan->description:''); ?>
</div>
<div class="choose-package-card-item">
<ul>
<li>Meal Plan: <?php echo e(isset($plan->meal_plan)?$plan->meal_plan:''); ?></li>
<li>Workout Plan: <?php echo e(isset($plan->workout_plan)?$plan->workout_plan:''); ?></li>
<li>Live Support: <?php echo e(isset($plan->live_support)?$plan->live_support:''); ?></li>
<?php if(isset($plan->details) && $plan->details): ?>
<?php $__currentLoopData = json_decode($plan->details); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $detail): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($detail): ?>
<li>
<i class="icon-dot" aria-hidden="true"></i><span
style="margin-left:10px;"><?php echo e($detail); ?></span>
</li>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</ul>
</div>
<div class="choose-package-btn">
<a href="<?php echo e(route('choose.program',['plan'=>$plan->id])); ?>" class="choose-package-btn"><?php echo e(trans('Subscribe')); ?></a>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
<div class="col-lg-4 d-none">
<div class="choose-package-card-prof-sec">
<div class="choose-package-content-sec">
<div class="choose-package-name">
Professional
</div>
<div class="choose-package-price-sec">
<span class="choose-package-price"><span
class="choose-currency-symbol">$</span>69</span>
<div class="choose-package-prof-devider"></div>
</div>
<div class="choose-package-des">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div class="choose-package-card-item">
<ul>
<li>Morbi tempor et</li>
<li>Morbi tempor et</li>
<li>Morbi tempor et</li>
</ul>
</div>
<div class="choose-package-btn text-center">
<a href="#" class="choose-package-btn">Buy now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 d-none">
<div class="choose-package-card-sec">
<div class="choose-package-content-sec">
<div class="choose-package-name">
Advanched
</div>
<div class="choose-package-price-sec">
<span class="choose-package-price"><span
class="choose-currency-symbol">$</span>99</span>
<div class="choose-package-devider"></div>
</div>
<div class="choose-package-des">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div class="choose-package-card-item">
<ul>
<li>Morbi tempor et</li>
<li>Morbi tempor et</li>
<li>Morbi tempor et</li>
</ul>
</div>
<div class="choose-package-btn text-center">
<a href="#" class="choose-package-btn">Buy now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="faq-section-wrapper" id="faq">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 pt-5">
<div class="faq-content-section">
<div class="row">
<div class="col-lg-12">
<div class="faq-title">
<?php echo e(isset($template->faq_title)?$template->faq_title:''); ?>
</div>
</div>
</div>
<div id="accordion">
<?php if(isset($faqs)): ?>
<?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=> $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="card faq-custom-card">
<div class="card-header faq-card-header" id="heading_<?php echo e($key); ?>">
<h5 class="mb-0">
<button class="btn btn-link faq-btn-link" data-toggle="collapse"
data-target="#collapse_<?php echo e($key); ?>" aria-expanded="true" aria-controls="collapseOne">
<?php echo e(isset($faq->question)?$faq->question:''); ?>
</button>
</h5>
</div>
<div id="collapse_<?php echo e($key); ?>" class="collapse <?php echo e($key==0?'show':''); ?> faq-collaps" aria-labelledby="headingOne"
data-parent="#accordion">
<div class="card-body faq-card-body">
<?php echo e(isset($faq->answer)?$faq->answer:''); ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
<div class="card faq-custom-card d-none">
<div class="card-header faq-card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link faq-btn-link collapsed" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false"
aria-controls="collapseTwo">
Collapsible Group Item #2
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse faq-collaps" aria-labelledby="headingTwo"
data-parent="#accordion">
<div class="card-body faq-card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high VHS.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 faq-bg-img">
</div>
</div>
</div>
</section>
<section class="contact-us-section-wrapper" id="contact">
<div class="contact-us-section">
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 m-auto">
<div class="contact-form-sec">
<div class="">
<div class="plan-sec-title-wrapper p-0">
<span class="plan-sec-title contact-us-title">
<?php echo e(isset($template->contact_us_title)?$template->contact_us_title:''); ?>
<span class="plan-sec-second-title">
<?php echo e(isset($template->contact_us_sub_title)?$template->contact_us_sub_title:''); ?>
</span>
</span>
</div>
</div>
<div class="contact-input-form-section">
<form method="post" action="<?php echo e(route('contact.request')); ?>">
<?php echo csrf_field(); ?>
<div class="row mt-3">
<div class="col-lg-6">
<div class="form-group">
<input type="text" class="form-control custom-input" autocomplete="off" name="name" placeholder="Your Name">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input type="text" class="form-control custom-input" autocomplete="off" name="email"
placeholder="Your Email">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<input type="text" class="form-control custom-input" autocomplete="off" name="subject"
placeholder="Subject">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<textarea class="form-control custom-input" name="message" id="" cols="7" rows="7"
placeholder="Message"></textarea>
</div>
</div>
<div class="col-lg-12">
<div class="send-message-sec-btn">
<button type="submit" class="btn text-white send-message-btn">Send A Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
$(document).ready(function () {
$(".slick-list").slick({
slidesToShow: 2,
slidesToScroll: 1,
arrows: true,
infinite: false,
autoplay: false
});
$(".prev-btn").click(function () {
$(".slick-list").slick("slickPrev");
});
$(".next-btn").click(function () {
$(".slick-list").slick("slickNext");
});
$(".prev-btn").addClass("slick-disabled");
$(".slick-list").on("afterChange", function () {
if ($(".slick-prev").hasClass("slick-disabled")) {
$(".prev-btn").addClass("slick-disabled");
} else {
$(".prev-btn").removeClass("slick-disabled");
}
if ($(".slick-next").hasClass("slick-disabled")) {
$(".next-btn").addClass("slick-disabled");
} else {
$(".next-btn").removeClass("slick-disabled");
}
});
});
$(document).ready(function(){
$('.progressWrapper progress').each(function(){
var prgsVal = $(this).data('value');
var maxN = $(this).attr('max');
var pop = prgsVal/maxN * 100
$(this).prev().css('left', pop + '%').text(prgsVal);
$(this).val(prgsVal);
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontLayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/picotech/domains/fitness.picotech.app/public_html/resources/views/front/index.blade.php ENDPATH**/ ?>
|