Viewing file:  117da3a0813bef60f9f70ba3e0ed393b.php (109.96 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title'); ?>
<?php echo e(get_settings('app_name')); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('meta-section'); ?>
<meta name="title" content="<?php echo e(isset($seo_section->meta_title)?$seo_section->meta_title:''); ?>">
<meta name="description" content="<?php echo e(isset($seo_section->meta_description)?$seo_section->meta_description:''); ?>">
<meta name="keywords" content="<?php echo e(isset($seo_section->meta_keywords)?$seo_section->meta_keywords:''); ?>">
<?php $__env->stopSection(); ?>
<?php
$home_section=json_decode(get_settings('home_section'));
$slider_images = isset($home_slider_sections['home_slider_images'])?$home_slider_sections['home_slider_images']:[];
?>
<?php $__env->startSection('css'); ?>
<style>
@import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");
.ul-circles * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ul-circles {
--innerSize: 8rem;
--rimSize: 2rem;
display: grid;
grid-template-columns: repeat(var(--repeatVal, 1), calc(var(--innerSize)));
justify-content: center;
gap: var(--rimSize);
padding: var(--rimSize);
font-family: sans-serif;
list-style: none;
}
.ul-circles.ul-circles-vertical {
--repeatVal: 1;
}
.ul-circles > li {
display: grid;
grid-template-rows: 1fr 1fr;
gap: calc(var(--rimSize) / 16);
aspect-ratio: 1/1;
padding: calc(var(--rimSize) / 16);
border-radius: 50%;
text-align: center;
position: relative;
}
.ul-circles > li::before,
.ul-circles > li::after {
content: "";
position: absolute;
aspect-ratio: 1/1;
border-radius: inherit;
z-index: 1;
}
.ul-circles > li::before {
width: calc(100% + calc(2 * var(--rimSize)));
left: calc(var(--rimSize) * -1);
top: calc(var(--rimSize) * -1);
background: var(--accent-color);
clip-path: polygon(
var(--clipX1, 0%) var(--clipY1, 0%),
var(--clipX2, 50%) var(--clipY1, 0%),
var(--clipX2, 50%) var(--clipY2, 100%),
var(--clipX1, 0%) var(--clipY2, 100%)
);
box-shadow: inset 2px -2px 10px rgba(255, 255, 255, 0.25),
inset -2px 2px 10px rgba(0, 0, 0, 0.5);
}
.ul-circles > li:nth-child(even)::before {
--clipX1: 50%;
--clipX2: 100%;
}
@media (min-width: 40rem) {
.ul-circles {
--repeatVal: auto-fit;
}
.ul-circles:not(.ul-circles-vertical) > li:nth-child(even)::before {
--clipX1: 0%;
--clipY1: 0%;
--clipX2: 100%;
--clipY2: 50%;
}
.ul-circles:not(.ul-circles-vertical) > li:nth-child(odd)::before {
--clipX1: 0%;
--clipY1: 50%;
--clipX2: 100%;
--clipY2: 100%;
}
}
.ul-circles > li::after {
width: 100%;
background: #ffffff;
box-shadow: -0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.25);
}
.ul-circles > li > i {
font-size: 2.5rem;
color: var(--accent-color);
align-self: end;
}
span.cv-year {
z-index: 7;
position: relative;
color: #333;
font-weight: 700;
top: 43px;
}
.card-section-right{
position: absolute;
z-index: 2;
height: 111px;
width: 439px;
left: 100px;
top: 16px;
margin: 0;
padding: 0;
}
.card-section-left{
position: absolute;
z-index: 2;
height: 111px;
width: 439px;
right: 100px;
top: 16px;
margin: 0;
padding: 0;
}
.card-section-right .custom-card {
width: 100%;
margin: 0 auto;
height: 100%;
background: white;
clip-path: polygon(94% 0%, 100% 40%, 94% 78%, 0 78%, 4% 41%, 0 0%);
padding: 5px 22px 20px 13px;
text-align: center;
color: #444141bd;
font-size: 13px;
}
.card-section-left .custom-card {
width: 100%;
margin: 0 auto;
height: 100%;
background: white;
clip-path: polygon(100% 0%, 97% 40%, 100% 79%, 7% 78%, 0 40%, 7% 0%);
padding: 5px 15px 20px 23px;
text-align: center;
color: #444141bd;
font-size: 13px;
}
.cv-section{
margin-top: 55px;
}
.contact-form input,textarea{
background-color: #024950 !important;
color: white !important;
border: 1px solid white;
}
.contact-form input::placeholder,textarea::placeholder {
color: white !important;
}
a.button-1.view-all-btn {
float: right;
}
input.input_your_pririty {
background: transparent;
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
}
input.gra_input_your_pririty {
background: transparent;
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
}
input.gra_input_your_pririty::placeholder {
color: rgb(255, 255, 255) !important ;
opacity: .7;
}
input.input_your_pririty::placeholder {
color: rgb(255, 255, 255) !important ;
opacity: .7;
}
img.client-single-img {
width: auto;
height: 90px;
}
.cv-sec-accodion {
background: #003135 !important;
color: #fff !important;
margin: 5px 0px !important;
}
.accordion-button:not(.collapsed) {
color: #ffffff !important ;
background-color: #003135 !important;
}
.accordion-body {
padding: 1rem 1.25rem;
text-align: left !important;
}
.cv-section-for-mobile-device{
display: none;
}
.accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:focus {
z-index: 3;
border-color: transparent !important;
outline: 0;
box-shadow: none !important;
}
/* res */
@media (max-width: 767.98px) {
.cv-section{
display: none;
}
.cv-section-for-mobile-device{
display: block;
}
}
/* */
.section-bg2{
background: #212228;
}
.mygoal-section{
min-height: 360px;
will-change: transform;
padding: 55px 30px 35px 30px;
background-color: #2d2e36;
border-radius: 10px;
transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
transition: transform 0.4s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.mygoal-section:hover {
transform: rotateX(10deg) rotateY(10deg) scale3d(1.05, 1.05, 1.05); ;
}
.myGoal-section-text h4{
margin-bottom: 22px;
font-size: 24px;
}
.myGoal-section-text p{
font-size: 18px;
font-weight: 400;
line-height: 1.67;
color: #b0aac0;
}
.mygoal-section-down{
margin-top: 60px;
}
.download-file{
position: absolute;
z-index: 11;
left: -95px;
bottom: -100px;
}
.img-sec-about{
position: relative;
}
.rotated-img{
animation: rotation 10s infinite linear;
-webkit-animation: rotation 10s infinite linear;
}
@keyframes rotation{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.download-file-btn i{
position: absolute;
display: inline-block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 25px;
}
.photo-gallery-nav{
margin: 0 auto !important;
width: 150px;
border-radius: 5px;
color: white !important;
}
.video-gallery-nav{
margin: 0 auto !important;
width: 150px;
border-radius: 5px;
color: white !important;
}
.photo-gallery-nav.active{
background: mediumslateblue !important;
border-color: mediumslateblue !important;
font-weight: 700;
}
.video-gallery-nav.active{
background: mediumslateblue !important;
border-color: mediumslateblue !important;
font-weight: 700;
}
.main-section-photo-gallery{
position: relative;
height: 200px !important;
width: 100%;
padding: 10px;
}
.photo-gallery-section{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0); /* Transparent background */
z-index: 2;
cursor: pointer;
}
.photo-gallery-section iframe{
height: 100% !important;
width: -webkit-fill-available !important;
border-radius: 10px !important;
}
.photo-gallery-desc{
background: mediumslateblue;
width: fit-content;
margin: 0 auto;
padding: 2px 10px;
font-size: 13px;
border-radius: 5px;
color: white;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0); /* Transparent background */
z-index: 2;
cursor: pointer;
}
.modal-video-view{
height: 500px;
}
.modal-video-view iframe{
height: 100% !important;
width: 100% !important;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-section'); ?>
<main class="main-wrape">
<!-- Start Hero Area -->
<section class="hero-section wow fadeInUp" id="home">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="hero-caption">
<div class="hero-caption-full">
<h5><?php echo e(isset($home_section->welcome_text)?$home_section->welcome_text:''); ?></h5>
<h2><?php echo e(isset($home_section->user_name)?$home_section->user_name:''); ?></h2>
<h2><span><?php echo e(isset($home_section->title)?$home_section->title:''); ?></span></h2>
<p><?php echo e(isset($home_section->description)?$home_section->description:''); ?></p>
<div class="hero-caption-btn mt-20">
<a href="<?php echo e(route('blog')); ?>" class="button-1">Learn More <span></span></a>
<a href="#contact" class="button-2">Book An Appoinment <span></span></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="heor-img">
<?php if(isset($home_section->imageone) && $home_section->imageone): ?>
<img src="<?php echo e(asset('uploads/'.$home_section->imageone)); ?>" class="home-sec-user-image" alt="hero">
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Area -->
<!-- Start About Area -->
<section class="wow fadeInUp about-area pt-100 pb-100 section-bg" id="about">
<div class="container">
<?php
$home_contact_us_section = json_decode(get_settings('home_contact_us'));
$about_section=json_decode(get_settings('about_section'));
$cv_sections = isset($about_section->cv_sections) ? array_slice($about_section->cv_sections, 0, 4) : [];
?>
<div class="row align-items-center">
<div class="col-lg-5">
<div class="about-counter-up mt-40">
<div class="img-sec-about heor-img">
<?php if(isset($about_section->image) && $about_section->image): ?>
<img src="<?php echo e(asset('uploads/'.$about_section->image)); ?>" alt="">
<?php endif; ?>
<div class="download-file">
<img src="./images/download-bg.png" alt="" width="220" height="220" class="rotated-img">
<?php if(isset($about_section->file) && $about_section->file): ?>
<a href="<?php echo e(asset('uploads/' . $about_section->file)); ?>" class="download-file-btn" download>
<i class="fa fa-download text-success"></i>
</a>
<?php else: ?>
<a href="<?php echo e(asset('uploads/')); ?>" class="download-file-btn" download>
<i class="fa fa-download text-success" ></i>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="about-info">
<h5><?php echo e(isset($about_section->sub_title)?$about_section->sub_title:''); ?></h5>
<h2><?php echo e(isset($about_section->title)?$about_section->title:''); ?></h2>
<?php if(isset($about_section->description) && $about_section->description): ?>
<?php echo $about_section->description; ?>
<?php endif; ?>
<div class="about-social mt-20 mb-20">
<span>Follow Me :</span>
<ul>
<li><a href="<?php echo e(isset($home_contact_us_section->facebook_link)?$home_contact_us_section->facebook_link:''); ?>"
target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="<?php echo e(isset($home_contact_us_section->twitter_link)?$home_contact_us_section->twitter_link:''); ?>"
target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="<?php echo e(isset($home_contact_us_section->instagram_link)?$home_contact_us_section->instagram_link:''); ?>"
target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="<?php echo e(isset($home_contact_us_section->linkedin_link)?$home_contact_us_section->linkedin_link:''); ?>"
target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
<div class="about-info-btn mt-30 d-none">
<a href="#" class="button-1">My Work <span></span></a>
<a href="#" class="button-2">Dwonload Cv <span></span></a>
</div>
</div>
</div>
<div class="col-lg-12 text-center">
<div class="cv-section">
<ul class="ul-circles ul-circles-vertical">
<?php $colours=["#495460","#D3302C","#F3A22D"];
?>
<?php if($cv_sections): ?>
<?php $__currentLoopData = $cv_sections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $cv_section): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$rand_key=array_rand($colours);
$random_color = $colours[$rand_key]; // Default color
?>
<li style="--accent-color: <?php echo e($random_color); ?>;">
<span class="cv-year"><?php echo e($cv_section->year); ?></span>
<div class="card-section-<?php echo e($key % 2 == 0 ? 'right' : 'left'); ?>">
<div class="custom-card">
<?php echo e($cv_section->short_description); ?>
</div>
</div>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</ul>
</div>
<div class="cv-section-for-mobile-device">
<div class="accordion" id="accordionExample">
<?php $__currentLoopData = $cv_sections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="accordion-item">
<h2 class="accordion-header" id="heading<?php echo e($index); ?>">
<button class="accordion-button cv-sec-accodion <?php echo e($index == 0 ? '' : 'collapsed'); ?>" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?php echo e($index); ?>" aria-expanded="<?php echo e($index == 0 ? 'true' : 'false'); ?>" aria-controls="collapse<?php echo e($index); ?>">
<?php echo e($item->year); ?>
</button>
</h2>
<div id="collapse<?php echo e($index); ?>" class="accordion-collapse collapse <?php echo e($index == 0 ? 'show' : ''); ?> cv-sec-accordion-collapse" aria-labelledby="heading<?php echo e($index); ?>" data-bs-parent="#accordionExample">
<div class="accordion-body">
<?php echo e($item->short_description); ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<div class="mt-4">
<a href="<?php echo e(route('about.details')); ?>" class="button-1">Show More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End About Area -->
<section class="wow fadeInUp about-area pt-100 pb-100 section-bg2">
<div class="container">
<?php
$my_goal =json_decode(get_settings('my_goal'));
?>
<div class="row">
<div class="col-lg-8 offset-lg-2 ">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($my_goal->title)?$my_goal->title:''); ?></h2>
<div class="title-divider mt-3 mb-3"></div>
<p><?php echo e(isset($my_goal->description)?$my_goal->description:''); ?></p>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-3 col-md-6 col-12">
<div class="mygoal-section">
<div class="myGoal-section-icon mb-4">
<?php if(isset($my_goal->imageone) && $my_goal->imageone): ?>
<img src="<?php echo e(asset('uploads/'.$my_goal->imageone)); ?>" alt="" width="74" height="74">
<?php endif; ?>
</div>
<div class="myGoal-section-text">
<h4><?php echo e(isset($my_goal->section_title_one)?$my_goal->section_title_one:''); ?></h4>
<p><?php echo e(isset($my_goal->section_description_one)?$my_goal->section_description_one:''); ?></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mygoal-section-down">
<div class="mygoal-section">
<div class="myGoal-section-icon mb-4">
<?php if(isset($my_goal->imagetwo) && $my_goal->imagetwo): ?>
<img src="<?php echo e(asset('uploads/'.$my_goal->imagetwo)); ?>" alt="" width="74" height="74">
<?php endif; ?>
</div>
<div class="myGoal-section-text">
<h4><?php echo e(isset($my_goal->section_title_two)?$my_goal->section_title_two:''); ?></h4>
<p><?php echo e(isset($my_goal->section_description_two)?$my_goal->section_description_two:''); ?></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="mygoal-section">
<div class="myGoal-section-icon mb-4">
<?php if(isset($my_goal->imagethree) && $my_goal->imagethree): ?>
<img src="<?php echo e(asset('uploads/'.$my_goal->imagethree)); ?>" alt="" width="74" height="74">
<?php endif; ?>
</div>
<div class="myGoal-section-text">
<h4><?php echo e(isset($my_goal->section_title_three)?$my_goal->section_title_three:''); ?></h4>
<p><?php echo e(isset($my_goal->section_description_three)?$my_goal->section_description_three:''); ?></p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mygoal-section-down">
<div class="mygoal-section">
<div class="myGoal-section-icon mb-4">
<?php if(isset($my_goal->imagefour) && $my_goal->imagefour): ?>
<img src="<?php echo e(asset('uploads/'.$my_goal->imagefour)); ?>" alt="" width="74" height="74">
<?php endif; ?>
</div>
<div class="myGoal-section-text">
<h4><?php echo e(isset($my_goal->section_title_four)?$my_goal->section_title_four:''); ?></h4>
<p><?php echo e(isset($my_goal->section_description_four)?$my_goal->section_description_four:''); ?></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Services Area -->
<section class="wow fadeInUp services-area pt-100 pb-70" id="services">
<div class="container">
<!-- Section Headding -->
<div class="row">
<?php
$services_header =json_decode(get_settings('services'));
?>
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($services_header)?$services_header->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($services_header)?$services_header->sub_title:''); ?></p>
</div>
</div>
</div>
<div class="flip-services-details">
<?php if(isset($services) && $services): ?>
<?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="flip-services-details-one">
<div class="flipper-card">
<div class="front">
<div class="flip-front-content" style="background-image: url('<?php echo e(asset('uploads/'.$service->image)); ?>');">
<div class="flip-front-content-heading">
<h2><?php echo e(isset($service->title)?$service->title:''); ?>
<br>
<br>
+
</h2>
</div>
</div>
</div>
<div class="back">
<div class="flip-front-content flip-back-content">
<div class="flip-back-content-heading">
<h2 class="text-center"> <?php echo e(isset($service->title)?$service->title:''); ?></h2>
<div class="mt-3 mb-3">
<?php echo isset($service->description)?$service->description:''; ?>
</div>
<div class="text-center">
<a href="<?php echo e(route('service.details',$service->id)); ?>" class="mt-3 nav-link cv-nav-link">Show Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
<div class="row d-none">
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fas fa-laptop-code"></i>
</div>
<h2>Web Design</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fas fa-layer-group"></i>
</div>
<h2>Web Development</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<h2>UI/UX Design</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fab fa-sketch"></i>
</div>
<h2>App Design & Develop</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fas fa-palette"></i>
</div>
<h2>Graphic Design</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
<!-- Services Single -->
<div class="col-lg-4 col-md-6 mb-30">
<div class="services-box">
<div class="icon">
<i class="fas fa-bullhorn"></i>
</div>
<h2>SEO Marketing</h2>
<p>In nisi tortor, consequat eu semper ut, consequat in massa. Maecenas at odio a felis commodo pulvinar quis eu neque.</p>
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp services-area pb-70" id="activity">
<div class="container">
<!-- Section Headding -->
<div class="row">
<?php
$activity_sections = json_decode(get_settings('activity_section'));
$under_graduate_activities = isset($activity_sections->under_graduate_activity)?$activity_sections->under_graduate_activity:[];
$graduate_activities = isset($activity_sections->graduate_activity)?$activity_sections->graduate_activity:[];
?>
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($activity_sections->activity_title)?$activity_sections->activity_title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($activity_sections->activity_short_description)?$activity_sections->activity_short_description:''); ?></p>
</div>
</div>
</div>
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link cv-nav-link m-1 active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true"><?php echo e(isset($activity_sections->undergraduate_title)?$activity_sections->undergraduate_title:''); ?></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link cv-nav-link m-1" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false"><?php echo e(isset($activity_sections->graduate_title)?$activity_sections->graduate_title:''); ?></button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
<?php if(isset($under_graduate_activities) && $under_graduate_activities): ?>
<div class="row">
<div class="col-lg-12 d-none">
<div class="for-under-graduations-sec">
For Undergraduate
</div>
</div>
<div class="col-lg-12 table-wrapper">
<table class="table">
<thead>
<tr>
<th scope="col">Details</th>
<th scope="col">Recommended %</th>
<th scope="col">Input Your Priority</th>
<th scope="col">Compare Your status</th>
</tr>
</thead>
<tbody>
<?php $__currentLoopData = $under_graduate_activities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $under_graduate_activity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<th scope="row"><?php echo e(isset($under_graduate_activity->topic)?$under_graduate_activity->topic:''); ?></th>
<td><?php echo e(isset($under_graduate_activity->recomended)?$under_graduate_activity->recomended:'0'); ?></td>
<td>
<div class="tbl-input-form">
<input class="input_your_pririty" data-key=<?php echo e($key); ?> under-gra-data-recom="<?php echo e(isset($under_graduate_activity->recomended)?$under_graduate_activity->recomended:'0'); ?>" type="text" name="your_pririty" placeholder="Ex: 40">
</div>
</td>
<td>
<div id="compare_your_status_<?php echo e($key); ?>"></div>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
</table>
</div>
</div>
<?php endif; ?>
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
<?php if(isset($graduate_activities) && $graduate_activities): ?>
<div class="row">
<div class="col-lg-12 d-none">
<div class="for-under-graduations-sec">
For Graduate
</div>
</div>
<div class="col-lg-12 table-wrapper">
<table class="table">
<thead>
<tr>
<th scope="col">Details</th>
<th scope="col">Recommended %</th>
<th scope="col">Input Your Priority</th>
<th scope="col">Compare Your status</th>
</tr>
</thead>
<tbody>
<?php
$index = 999;
?>
<?php $__currentLoopData = $graduate_activities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $graduate_activity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$index++;
?>
<tr>
<th scope="row"><?php echo e(isset($graduate_activity->graduate_activity_topic)?$graduate_activity->graduate_activity_topic:''); ?></th>
<td><?php echo e(isset($graduate_activity->graduate_activity_recomended)?$graduate_activity->graduate_activity_recomended:''); ?></td>
<td>
<div class="tbl-input-form">
<input class="gra_input_your_pririty" gra-data-key=<?php echo e($index); ?> gra-data-recom="<?php echo e(isset($graduate_activity->graduate_activity_recomended)?$graduate_activity->graduate_activity_recomended:'0'); ?>" type="text" name="your_pririty" placeholder="Ex: 40">
</div>
</td>
<td>
<div id="compare_your_status_<?php echo e($index); ?>"></div>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
</table>
</div>
</div>
<?php endif; ?>
</div>
</div>
<br>
</div>
</section>
<!-- End Services Area -->
<!-- Start Resume Area -->
<!-- End Resume Area -->
<!-- Start Portfolio Area -->
<section class="d-none portfolio-area pt-100 pb-70" id="portfolio">
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>Our Portfolio</h2>
<div class="title-divider"></div>
<p>Etiam suscipit ante at sem facilisis, id sagittis nunc aliquet. Vivamus sodales elementum pharetra. Cras dignissim justo eu accumsan vulputate.</p>
</div>
</div>
</div>
<div class="row">
<div class="portfolio-list mb-40">
<ul>
<li data-filter="all">all</li>
<li data-filter=".web">web</li>
<li data-filter=".app">app</li>
<li data-filter=".card1">card</li>
</ul>
</div>
<div class="portfolio-full row portF">
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix web">
<div class="portfolio-item">
<img src="assets/img/portfolio/item1.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item1.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix app">
<div class="portfolio-item">
<img src="assets/img/portfolio/item2.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item2.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix card1">
<div class="portfolio-item">
<img src="assets/img/portfolio/item3.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item3.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix card1">
<div class="portfolio-item">
<img src="assets/img/portfolio/item4.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item4.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix app">
<div class="portfolio-item">
<img src="assets/img/portfolio/item5.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item5.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
<!-- Single -->
<div class="col-lg-4 col-md-6 mb-30 mix web">
<div class="portfolio-item">
<img src="assets/img/portfolio/item6.jpg" alt="Portfolio">
<div class="portfolio-item-overly">
<div class="portfolio-item-overly-full">
<a class="zoom" href="assets/img/portfolio/item6.jpg"><i class="fas fa-search-plus"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio Area -->
<!-- Start Client Review Area -->
<section class="wow fadeInUp client-review-area section-bg pt-100 pb-100">
<?php
$feadback_sections = json_decode(get_settings('feadback_section'));
$feadbacks = isset($feadback_sections->feadbacks)?$feadback_sections->feadbacks:[];
?>
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($feadback_sections->feadback_title)?$feadback_sections->feadback_title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($feadback_sections->feadback_short_description)?$feadback_sections->feadback_short_description:''); ?></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="client-review-full owl-carousel">
<!-- Single -->
<?php $__currentLoopData = $feadbacks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feadback): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="client-review-single">
<div class="client-review-single-full">
<div class="client-review-single-content">
<h3><?php echo e(isset($feadback->user_name)?$feadback->user_name:''); ?></h3>
<h5><?php echo e(isset($feadback->designation)?$feadback->designation:''); ?></h5>
<p><?php echo e(isset($feadback->user_review_text)?$feadback->user_review_text:''); ?></p>
<div class="review">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
</div>
</div>
<div class="client-review-single-img">
<?php if(isset($feadback->image) && $feadback->image): ?>
<img src="<?php echo e(asset('uploads/'.$feadback->image)); ?>" class="client-single-img" alt="avatar">
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</section>
<!-- End Client Review Area -->
<!-- Start Blog Area -->
<section class="wow fadeInUp blog-area pt-70 pb-70" id="teaching">
<?php
$teaching_section = json_decode(get_settings('teaching_section'));
?>
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($teaching_section->title)?$teaching_section->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($teaching_section->sub_title)?$teaching_section->sub_title:''); ?></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="about-counter-up mt-40">
<div class="row">
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($teaching_section->counter_one_number)?$teaching_section->counter_one_number:'0'); ?></h2>
<span><?php echo e(isset($teaching_section->counter_one_title)?$teaching_section->counter_one_title:'0'); ?></span>
</div>
</div>
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($teaching_section->counter_two_number)?$teaching_section->counter_two_number:'0'); ?></h2>
<span><?php echo e(isset($teaching_section->counter_two_title)?$teaching_section->counter_two_title:''); ?></span>
</div>
</div>
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($teaching_section->counter_three_number)?$teaching_section->counter_three_number:'0'); ?></h2>
<span><?php echo e(isset($teaching_section->counter_three_title)?$teaching_section->counter_three_title:''); ?></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 m-auto">
<div class="training-and-intership-sec blog-content">
<?php if(isset($teaching_section->description) && $teaching_section->description): ?>
<?php echo $teaching_section->description; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp blog-area pb-70" id="training">
<div class="container">
<!-- Section Headding -->
<div class="row">
<?php
$training_and_intership = json_decode(get_settings('training_and_intership'));
?>
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($training_and_intership->title)?$training_and_intership->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($training_and_intership->sub_title)?$training_and_intership->sub_title:''); ?></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 m-auto">
<div class="training-and-intership-sec blog-content">
<?php if(isset($training_and_intership->description) && $training_and_intership->description): ?>
<?php echo $training_and_intership->description; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp blog-area pt-70 pb-70" id="management">
<?php
$management_section =json_decode(get_settings('management_section'));
?>
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($management_section->title)?$management_section->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($management_section->sub_title)?$management_section->sub_title:''); ?></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="about-counter-up mt-40">
<div class="row">
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($management_section->counter_one_number)?$management_section->counter_one_number:'0'); ?></h2>
<span><?php echo e(isset($management_section->counter_one_title)?$management_section->counter_one_title:'0'); ?></span>
</div>
</div>
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($management_section->counter_two_number)?$management_section->counter_two_number:'0'); ?></h2>
<span><?php echo e(isset($management_section->counter_two_title)?$management_section->counter_two_title:''); ?></span>
</div>
</div>
<div class="col-sm-4">
<div class="counter-box">
<h2 class="counter"><?php echo e(isset($management_section->counter_three_number)?$management_section->counter_three_number:'0'); ?></h2>
<span><?php echo e(isset($management_section->counter_three_title)?$management_section->counter_three_title:''); ?></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 m-auto">
<div class="training-and-intership-sec blog-content">
<?php if(isset($teaching_section->description) && $teaching_section->description): ?>
<?php echo $teaching_section->description; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
<section class=" blog-area pb-70" id="blog">
<?php
$blog_section = json_decode(get_settings('blog_section'));
?>
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($blog_section->title)?$blog_section->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($blog_section->short_description)?$blog_section->short_description:''); ?></p>
</div>
</div>
</div>
<div class="row">
<?php if(isset($blogs) && $blogs): ?>
<?php $__currentLoopData = $blogs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$month = $blog->created_at->format('M');
$date = $blog->created_at->format('d');
$blog_title = strip_tags($blog->title);
$max_length = 70;
$truncated_title = mb_substr($blog_title, 0, $max_length, 'UTF-8');
if (mb_strlen($blog_title, 'UTF-8') > $max_length) {
$truncated_title = mb_substr($truncated_title, 0, mb_strrpos($truncated_title, ' ', 0, 'UTF-8'));
$truncated_title .= '...';
}
?>
<div class="col-lg-4 col-md-6 mb-30">
<div class="blog-single">
<div class="blog-thumbnail">
<?php if(isset($blog->image)): ?>
<img src="<?php echo e(asset('uploads/'.$blog->image)); ?>" alt="blog-image">
<?php endif; ?>
<div class="date-box">
<span><?php echo e(isset($date)?$date:''); ?><br> <?php echo e(isset($month)?$month:''); ?></span>
</div>
</div>
<div class="blog-content">
<h3><a href="<?php echo e(route('blog.details', [$blog->slug])); ?>"><?php echo e($truncated_title); ?></a></h3>
<div class="blog-meta">
<a href="#">by Admin</a>
<span class="sep">/</span>
<a href="#"><?php echo e(ucfirst(isset($blog->category->name)?$blog->category->name:'')); ?></a>
</div>
<p>
<?php
$description = strip_tags($blog->description);
$max_length = 170;
$truncated_description = mb_substr($description, 0, $max_length, 'UTF-8');
if (mb_strlen($description, 'UTF-8') > $max_length) {
$truncated_description = mb_substr($truncated_description, 0, mb_strrpos($truncated_description, ' ', 0, 'UTF-8'));
$truncated_description .= '...';
}
?>
<?php echo $truncated_description; ?>
</p>
<?php if(mb_strlen($description, 'UTF-8') > $max_length): ?>
<a href="<?php echo e(route('blog.details', [$blog->slug])); ?>" class="read-more">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
<div class="col-12">
<a class="button-1 view-all-btn" href="<?php echo e(route('blog')); ?>">View All</a>
</div>
</div>
</div>
</section>
<section class=" blog-area pb-70" id="publications">
<?php
$publication_section = json_decode(get_settings('publication_section'));
?>
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($publication_section->title)?$publication_section->title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($publication_section->short_description)?$publication_section->short_description:''); ?></p>
</div>
</div>
</div>
<div class="row">
<?php if(isset($publications) && $publications): ?>
<?php $__currentLoopData = $publications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $publication): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$month = $publication->created_at->format('M');
$date = $publication->created_at->format('d');
$publication_title = strip_tags($publication->title);
$max_length = 70;
$truncated_title = mb_substr($publication_title, 0, $max_length, 'UTF-8');
if (mb_strlen($publication_title, 'UTF-8') > $max_length) {
$truncated_title = mb_substr($truncated_title, 0, mb_strrpos($truncated_title, ' ', 0, 'UTF-8'));
$truncated_title .= '...';
}
?>
<div class="col-lg-4 col-md-6 mb-30">
<div class="blog-single">
<div class="blog-thumbnail">
<?php if(isset($publication->image)): ?>
<img src="<?php echo e(asset('uploads/'.$publication->image)); ?>" alt="blog-image">
<?php endif; ?>
<div class="date-box">
<span><?php echo e(isset($date)?$date:''); ?><br> <?php echo e(isset($month)?$month:''); ?></span>
</div>
</div>
<div class="blog-content">
<h3><a href="<?php echo e(route('publications.details', [$publication->slug])); ?>"><?php echo e($truncated_title); ?></a></h3>
<div class="blog-meta">
<a href="#">by Admin</a>
<span class="sep">/</span>
<a href="#"><?php echo e(ucfirst(isset($publication->category->name)?$publication->category->name:'')); ?></a>
</div>
<p>
<?php
$description = strip_tags($publication->description);
$max_length = 170;
$truncated_description = mb_substr($description, 0, $max_length, 'UTF-8');
if (mb_strlen($description, 'UTF-8') > $max_length) {
$truncated_description = mb_substr($truncated_description, 0, mb_strrpos($truncated_description, ' ', 0, 'UTF-8'));
$truncated_description .= '...';
}
?>
<?php echo $truncated_description; ?>
</p>
<?php if(mb_strlen($description, 'UTF-8') > $max_length): ?>
<a href="<?php echo e(route('publications.details', [$publication->slug])); ?>" class="read-more">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
<div class="col-12">
<a class="button-1 view-all-btn" href="<?php echo e(route('publications')); ?>">View All</a>
</div>
</div>
</div>
</section>
<!-- End Blog Area -->
<!-- Start Contact Area -->
<section class="wow fadeInUp contact-area pt-100 pb-100 section-bg" id="contact">
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<?php
$home_contact_us_section = json_decode(get_settings('home_contact_us'));
?>
<div class="section-headding mb-50 text-center">
<h2><?php echo e(isset($home_contact_us_section->contact_us_title)?$home_contact_us_section->contact_us_title:''); ?></h2>
<div class="title-divider"></div>
<p><?php echo e(isset($home_contact_us_section->contact_us_short_description)?$home_contact_us_section->contact_us_short_description:''); ?></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="contact-form">
<form action="<?php echo e(route('contact.store')); ?>" method="POST" class="contact-form">
<?php echo csrf_field(); ?>
<div class="row">
<div class="col-lg-6">
<input type="text" name="name" placeholder="Your Name">
</div>
<div class="col-lg-6">
<input type="email" name="email" placeholder="Your Email">
</div>
<div class="col-12">
<input type="text" name="subject" placeholder="Your Subject">
</div>
<div class="col-12">
<textarea name="message" placeholder="Your Message"></textarea>
</div>
<div class="col-12">
<button class="button-1" type="submit">Submit <span></span></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp contact-area pt-100 pb-100 section-bg" id="video_content">
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>Video Content</h2>
<div class="title-divider"></div>
</div>
</div>
</div>
<?php
$video_hsc_content =json_decode(get_settings('hsc_video_section'));
$video_versity_content =json_decode(get_settings('varsity_video_section'));
$video_professinal_content =json_decode(get_settings('profesional_video_section'));
?>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs border-0 d-block text-center" role="tablist">
<div class="row">
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link active video-gallery-nav" id="simple-tab-0" data-bs-toggle="tab"
href="#simple-0" role="tab" aria-controls="simple-0"
aria-selected="true">HSC</a>
</li>
</div>
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link video-gallery-nav" id="simple-tab-1" data-bs-toggle="tab"
href="#simple-1" role="tab" aria-controls="simple-1"
aria-selected="false">Varsity</a>
</li>
</div>
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link video-gallery-nav" id="simple-tab-2" data-bs-toggle="tab"
href="#simple-2" role="tab" aria-controls="simple-2"
aria-selected="false">Professional</a>
</li>
</div>
</div>
</ul>
<div class="tab-content pt-5" id="tab-content-2">
<div class="tab-pane active" id="simple-0" role="tabpanel" aria-labelledby="simple-tab-0">
<div class="row">
<?php if(isset($video_hsc_content->hsc_video_one) && $video_hsc_content->hsc_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_one; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_one); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_hsc_content->hsc_video_two) && $video_hsc_content->hsc_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_two; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_two); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_hsc_content->hsc_video_three) && $video_hsc_content->hsc_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_three; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_three); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_hsc_content->hsc_video_four) && $video_hsc_content->hsc_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_four; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_four); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_hsc_content->hsc_video_five) && $video_hsc_content->hsc_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_five; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_five); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_hsc_content->hsc_video_six) && $video_hsc_content->hsc_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_hsc_content->hsc_video_six; ?>
<div class="overlay" data-src="<?php echo e($video_hsc_content->hsc_video_six); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="<?php echo e(isset($video_hsc_content->hsc_video_list)?$video_hsc_content->hsc_video_list:'#'); ?>" class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
<div class="tab-pane" id="simple-1" role="tabpanel" aria-labelledby="simple-tab-1">
<div class="row">
<?php if(isset($video_versity_content->varsity_video_one) && $video_versity_content->varsity_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_one; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_one); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_versity_content->varsity_video_two) && $video_versity_content->varsity_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_two; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_two); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_versity_content->varsity_video_three) && $video_versity_content->varsity_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_three; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_three); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_versity_content->varsity_video_four) && $video_versity_content->varsity_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_four; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_four); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_versity_content->varsity_video_five) && $video_versity_content->varsity_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_five; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_five); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_versity_content->varsity_video_six) && $video_versity_content->varsity_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_versity_content->varsity_video_six; ?>
<div class="overlay" data-src="<?php echo e($video_versity_content->varsity_video_six); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="<?php echo e(isset($video_versity_content->varsity_video_list)?$video_versity_content->varsity_video_list:'#'); ?>" class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
<div class="tab-pane" id="simple-2" role="tabpanel" aria-labelledby="simple-tab-2">
<div class="row">
<?php if(isset($video_professinal_content->professional_video_one) && $video_professinal_content->professional_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_one; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_one); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_professinal_content->professional_video_two) && $video_professinal_content->professional_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_two; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_two); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_professinal_content->professional_video_three) && $video_professinal_content->professional_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_three; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_three); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_professinal_content->professional_video_four) && $video_professinal_content->professional_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_four; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_four); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_professinal_content->professional_video_five) && $video_professinal_content->professional_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_five; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_five); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($video_professinal_content->professional_video_six) && $video_professinal_content->professional_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $video_professinal_content->professional_video_six; ?>
<div class="overlay" data-src="<?php echo e($video_professinal_content->professional_video_six); ?>"></div>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="<?php echo e(isset($video_professinal_content->professional_video_list)?$video_professinal_content->professional_video_list:'#'); ?>" class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal top fade bd-example-modal-lg" id="photoGalleryModal" tabindex="-1"
aria-labelledby="photoGalleryModal" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header d-block p-1" style="text-align: right;">
<button type="button" class="close p-m-close btn btn-sm" data-bs-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modal-video-view">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp contact-area pt-100 pb-100 section-bg" id="photo_gallery">
<div class="container">
<!-- Section Headding -->
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>Photo Gallery</h2>
<div class="title-divider"></div>
</div>
</div>
</div>
<?php
$teaching_content =json_decode(get_settings('teaching_video_section'));
$travel_content =json_decode(get_settings('travel_video_section'));
$others_content =json_decode(get_settings('others_video_section'));
?>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs border-0 d-block text-center" role="tablist">
<div class="row">
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link active photo-gallery-nav" id="simple-tab-0" data-bs-toggle="tab"
href="#simple-tabpanel-0" role="tab" aria-controls="simple-tabpanel-0"
aria-selected="true">Teaching</a>
</li>
</div>
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link photo-gallery-nav" id="simple-tab-1" data-bs-toggle="tab"
href="#simple-tabpanel-1" role="tab" aria-controls="simple-tabpanel-1"
aria-selected="false">Travel</a>
</li>
</div>
<div class="col-md-4 col-4">
<li class="nav-item" role="presentation">
<a class="nav-link photo-gallery-nav" id="simple-tab-2" data-bs-toggle="tab"
href="#simple-tabpanel-2" role="tab" aria-controls="simple-tabpanel-2"
aria-selected="false">Others</a>
</li>
</div>
</div>
</ul>
<div class="tab-content pt-5" id="tab-content">
<div class="tab-pane active" id="simple-tabpanel-0" role="tabpanel" aria-labelledby="simple-tab-0">
<div class="row">
<?php if(isset($teaching_content->tc_video_one) && $teaching_content->tc_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_one; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_one); ?>"></div>
<?php if(isset($teaching_content->tc_desc_one) && $teaching_content->tc_desc_one): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_one); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($teaching_content->tc_video_two) && $teaching_content->tc_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_two; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_two); ?>"></div>
<?php if(isset($teaching_content->tc_desc_two) && $teaching_content->tc_desc_two): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_two); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($teaching_content->tc_video_three) && $teaching_content->tc_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_three; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_three); ?>"></div>
<?php if(isset($teaching_content->tc_desc_three) && $teaching_content->tc_desc_three): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_three); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($teaching_content->tc_video_four) && $teaching_content->tc_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_four; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_four); ?>"></div>
<?php if(isset($teaching_content->tc_desc_four) && $teaching_content->tc_desc_four): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_four); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($teaching_content->tc_video_five) && $teaching_content->tc_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_five; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_five); ?>"></div>
<?php if(isset($teaching_content->tc_desc_five) && $teaching_content->tc_desc_five): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_five); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($teaching_content->tc_video_six) && $teaching_content->tc_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $teaching_content->tc_video_six; ?>
<div class="overlay" data-src="<?php echo e($teaching_content->tc_video_six); ?>"></div>
<?php if(isset($teaching_content->tc_desc_six) && $teaching_content->tc_desc_six): ?>
<div class="photo-gallery-desc">
<?php echo e($teaching_content->tc_desc_six); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank"
href="<?php echo e(isset($teaching_content->tc_video_list)?$teaching_content->tc_video_list:'#'); ?>"
class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
<div class="tab-pane" id="simple-tabpanel-1" role="tabpanel" aria-labelledby="simple-tab-1">
<div class="row">
<?php if(isset($travel_content->travel_video_one) && $travel_content->travel_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travel_video_one; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travel_video_one); ?>"></div>
<?php if(isset($travel_content->travel_desc_one) && $travel_content->travel_desc_one): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travel_desc_one); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($travel_content->travel_video_two) && $travel_content->travel_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travel_video_two; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travel_video_two); ?>"></div>
<?php if(isset($travel_content->travel_desc_two) && $travel_content->travel_desc_two): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travel_desc_two); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($travel_content->travel_video_three) && $travel_content->travel_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travel_video_three; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travel_video_three); ?>"></div>
<?php if(isset($travel_content->travel_desc_three) &&
$travel_content->travel_desc_three): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travel_desc_three); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($travel_content->travel_video_four) && $travel_content->travel_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travel_video_four; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travel_video_four); ?>"></div>
<?php if(isset($travel_content->travel_desc_four) &&
$travel_content->travel_desc_four): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travel_desc_four); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($travel_content->travek_video_five) && $travel_content->travek_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travek_video_five; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travek_video_five); ?>"></div>
<?php if(isset($travel_content->travek_desc_five) &&
$travel_content->travek_desc_five): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travek_desc_five); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($travel_content->travel_video_six) && $travel_content->travel_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $travel_content->travel_video_six; ?>
<div class="overlay" data-src="<?php echo e($travel_content->travel_video_six); ?>"></div>
<?php if(isset($travel_content->travel_desc_six) && $travel_content->travel_desc_six): ?>
<div class="photo-gallery-desc">
<?php echo e($travel_content->travel_desc_six); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank"
href="<?php echo e(isset($travel_content->travel_video_list)?$travel_content->travel_video_list:'#'); ?>"
class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
<div class="tab-pane" id="simple-tabpanel-2" role="tabpanel" aria-labelledby="simple-tab-2">
<div class="row">
<?php if(isset($others_content->others_video_one) && $others_content->others_video_one): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_one; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_one); ?>"></div>
<?php if(isset($others_content->others_desc_one) && $others_content->others_desc_one): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_one); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($others_content->others_video_two) && $others_content->others_video_two): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_two; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_two); ?>"></div>
<?php if(isset($others_content->others_desc_two) && $others_content->others_desc_two): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_two); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($others_content->others_video_three) && $others_content->others_video_three): ?>
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_three; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_three); ?>"></div>
<?php if(isset($others_content->others_desc_three) &&
$others_content->others_desc_three): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_three); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($others_content->others_video_four) && $others_content->others_video_four): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_four; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_four); ?>"></div>
<?php if(isset($others_content->others_desc_four) &&
$others_content->others_desc_four): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_four); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($others_content->others_video_five) && $others_content->others_video_five): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_five; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_five); ?>"></div>
<?php if(isset($others_content->others_desc_five) &&
$others_content->others_desc_five): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_five); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($others_content->others_video_six) && $others_content->others_video_six): ?>
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<?php echo $others_content->others_video_six; ?>
<div class="overlay" data-src="<?php echo e($others_content->others_video_six); ?>"></div>
<?php if(isset($others_content->others_desc_six) && $others_content->others_desc_six): ?>
<div class="photo-gallery-desc">
<?php echo e($others_content->others_desc_six); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank"
href="<?php echo e(isset($others_content->others_video_list)?$others_content->others_video_list:'#'); ?>"
class="btn btn-sm button-1">View Playlist</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal top fade bd-example-modal-lg" id="photoGalleryModal" tabindex="-1"
aria-labelledby="photoGalleryModal" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header d-block p-1" style="text-align: right;">
<button type="button" class="close p-m-close btn btn-sm" data-bs-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modal-video-view">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<div class="scroll-area">
<i class="fa fa-angle-up"></i>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script>
$(document).ready(function () {
$('.carousel').slick({
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
arrows: true,
dots: false
});
});
$(document).on('click', '.photo-gallery-nav', function(e){
$('.photo-gallery-nav').removeClass('active');
$(this).addClass('active');
})
$(document).on('click', '.video-gallery-nav', function(e){
$('.video-gallery-nav').removeClass('active');
$(this).addClass('active');
})
$(document).ready(function() {
$('.photo-gallery-main-section iframe').on('load', function() {
// Access the iframe content
var iframeContent = $(this).contents();
// Disable all form elements inside the iframe
iframeContent.find('input, select, textarea, button').prop('disabled', true);
});
});
$(document).on('click', '.overlay', function(e){
const data_src=$(this).attr('data-src')
$('#photoGalleryModal').modal('show');
$('.modal-video-view').html(data_src)
});
$(document).on('click', '.p-m-close', function(e){
$('.modal-video-view').html(' ');
});
</script>
<?php if(get_settings('crisp_token')): ?>
<script type="text/javascript">window.$crisp = [];
window.CRISP_WEBSITE_ID = "<?php echo e(get_settings('crisp_token')); ?>";
(function () {
d = document;
s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
})();</script>
<?php endif; ?>
</script>
<script>
$(document).on('keyup', '.input_your_pririty', function () {
let key = $(this).attr('data-key');
let recomended = parseFloat($(this).attr('under-gra-data-recom')).toFixed(2);
let pririty = parseFloat($(this).val()).toFixed(2);
let status = '';
if (!isNaN(pririty) && recomended) {
if (pririty <= 100) {
status = pririty - recomended;
} else {
status = '<div class="text-danger">You should enter a value below 100</div>';
}
}
$("#compare_your_status_" + key).html(status);
});
$(document).on('keyup', '.gra_input_your_pririty', function () {
let gra_key = $(this).attr('gra-data-key');
let gra_recomended = parseFloat($(this).attr('gra-data-recom')).toFixed(2);
let gra_pririty = parseFloat($(this).val()).toFixed(2);
let gra_status = '';
if (!isNaN(gra_pririty) && gra_recomended) {
if (gra_pririty <= 100) {
gra_status = gra_pririty - gra_recomended;
} else {
gra_status = '<div class="text-danger">You should enter a value below 100</div>';
}
}
$("#compare_your_status_" + gra_key).html(gra_status);
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontLayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\Project\PortFolio-2\portfolioTwo\resources\views/front/index.blade.php ENDPATH**/ ?>
|