Viewing file:  index.blade.php (100.46 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontLayout')
@section('title')
{{get_settings('app_name')}}
@endsection
@section('meta-section')
<meta name="title" content="{{isset($seo_section->meta_title)?$seo_section->meta_title:''}}">
<meta name="description" content="{{isset($seo_section->meta_description)?$seo_section->meta_description:''}}">
<meta name="keywords" content="{{isset($seo_section->meta_keywords)?$seo_section->meta_keywords:''}}">
@endsection
@php
$home_section=json_decode(get_settings('home_section'));
$slider_images = isset($home_slider_sections['home_slider_images'])?$home_slider_sections['home_slider_images']:[];
@endphp
@section('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: #042426c7;
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;
border-color: #e9ecef #e9ecef #dee2e6 !important;
}
.video-gallery-nav{
margin: 0 auto !important;
width: 150px;
border-radius: 5px;
color: white !important;
border-color: #e9ecef #e9ecef #dee2e6 !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;
}
.section-photo img{
width: 100%;
height: 100%;
border-radius: 5px;
padding-bottom: 4px;
}
.section-photo{
width: 85%;
margin: 0 auto;
height: 180px;
}
</style>
@endsection
@section('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>{{isset($home_section->welcome_text)?$home_section->welcome_text:''}}</h5>
<h2>{{isset($home_section->user_name)?$home_section->user_name:''}}</h2>
<h2><span>{{isset($home_section->title)?$home_section->title:''}}</span></h2>
<p>{{isset($home_section->description)?$home_section->description:''}}</p>
<div class="hero-caption-btn mt-20">
<a href="{{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">
@if(isset($home_section->imageone) && $home_section->imageone)
<img src="{{asset('uploads/'.$home_section->imageone)}}" class="home-sec-user-image" alt="hero">
@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) : [];
@endphp
<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">
@if(isset($about_section->image) && $about_section->image)
<img src="{{asset('uploads/'.$about_section->image)}}" alt="">
@endif
<div class="download-file">
<img src="./images/download-bg.png" alt="" width="220" height="220" class="rotated-img">
@if(isset($about_section->file) && $about_section->file)
<a href="{{ asset('uploads/' . $about_section->file) }}" class="download-file-btn" download>
<i class="fa fa-download text-success"></i>
</a>
@else
<a href="{{ asset('uploads/') }}" class="download-file-btn" download>
<i class="fa fa-download text-success" ></i>
</a>
@endif
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="about-info">
<h5>{{isset($about_section->sub_title)?$about_section->sub_title:''}}</h5>
<h2>{{isset($about_section->title)?$about_section->title:''}}</h2>
@if(isset($about_section->description) && $about_section->description)
{!! $about_section->description !!}
@endif
<div class="about-social mt-20 mb-20">
<span>Follow Me :</span>
<ul>
<li><a href="{{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="{{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="{{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="{{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"];
@endphp
@if($cv_sections)
@foreach($cv_sections as $key => $cv_section)
@php
$rand_key=array_rand($colours);
$random_color = $colours[$rand_key]; // Default color
@endphp
<li style="--accent-color: {{$random_color}};">
<span class="cv-year">{{$cv_section->year}}</span>
<div class="card-section-{{ $key % 2 == 0 ? 'right' : 'left' }}">
<div class="custom-card">
{{$cv_section->short_description}}
</div>
</div>
</li>
@endforeach
@endif
</ul>
</div>
<div class="cv-section-for-mobile-device">
<div class="accordion" id="accordionExample">
@foreach($cv_sections as $index => $item)
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ $index }}">
<button class="accordion-button cv-sec-accodion {{ $index == 0 ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $index }}" aria-expanded="{{ $index == 0 ? 'true' : 'false' }}" aria-controls="collapse{{ $index }}">
{{ $item->year }}
</button>
</h2>
<div id="collapse{{ $index }}" class="accordion-collapse collapse {{ $index == 0 ? 'show' : '' }} cv-sec-accordion-collapse" aria-labelledby="heading{{ $index }}" data-bs-parent="#accordionExample">
<div class="accordion-body">
{{$item->short_description}}
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="mt-4">
<a href="{{ route('about.details') }}" class="button-1">Show More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End About Area -->
{{-- Start My Goal Area--}}
<section class="wow fadeInUp about-area pt-100 pb-100">
<div class="container">
@php
$my_goal =json_decode(get_settings('my_goal'));
@endphp
<div class="row">
<div class="col-lg-8 offset-lg-2 ">
<div class="section-headding mb-50 text-center">
<h2>{{isset($my_goal->title)?$my_goal->title:''}}</h2>
<div class="title-divider mt-3 mb-3"></div>
<p>{{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 text-center">
@if(isset($my_goal->imageone) && $my_goal->imageone)
<img src="{{asset('uploads/'.$my_goal->imageone)}}" alt="" width="74" height="74">
@endif
</div>
<div class="myGoal-section-text">
<h4>{{isset($my_goal->section_title_one)?$my_goal->section_title_one:''}}</h4>
<p>{{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 text-center">
@if(isset($my_goal->imagetwo) && $my_goal->imagetwo)
<img src="{{asset('uploads/'.$my_goal->imagetwo)}}" alt="" width="74" height="74">
@endif
</div>
<div class="myGoal-section-text">
<h4>{{isset($my_goal->section_title_two)?$my_goal->section_title_two:''}}</h4>
<p>{{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 text-center">
@if(isset($my_goal->imagethree) && $my_goal->imagethree)
<img src="{{asset('uploads/'.$my_goal->imagethree)}}" alt="" width="74" height="74">
@endif
</div>
<div class="myGoal-section-text">
<h4>{{isset($my_goal->section_title_three)?$my_goal->section_title_three:''}}</h4>
<p>{{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 text-center">
@if(isset($my_goal->imagefour) && $my_goal->imagefour)
<img src="{{asset('uploads/'.$my_goal->imagefour)}}" alt="" width="74" height="74">
@endif
</div>
<div class="myGoal-section-text">
<h4>{{isset($my_goal->section_title_four)?$my_goal->section_title_four:''}}</h4>
<p>{{isset($my_goal->section_description_four)?$my_goal->section_description_four:''}}</p>
</div>
</div>
</div>
</div>
</div>
</section>
{{-- End My Goal Area --}}
<!-- Start Services Area -->
<section class="wow fadeInUp services-area pt-100 pb-70 section-bg" id="services">
<div class="container">
<!-- Section Headding -->
<div class="row">
@php
$services_header =json_decode(get_settings('services'));
@endphp
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>{{isset($services_header)?$services_header->title:''}}</h2>
<div class="title-divider"></div>
<p>{{isset($services_header)?$services_header->sub_title:''}}</p>
</div>
</div>
</div>
<div class="flip-services-details">
@if (isset($services) && $services)
@foreach ($services as $key => $service)
<div class="flip-services-details-one">
<div class="flipper-card">
<div class="front">
<div class="flip-front-content" style="background-image: url('{{asset('uploads/'.$service->image)}}');">
<div class="flip-front-content-heading">
<h2>{{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"> {{isset($service->title)?$service->title:''}}</h2>
<div class="mt-3 mb-3">
{!! isset($service->description)?$service->description:'' !!}
</div>
<div class="text-center">
<a href="{{ route('service.details',$service->id) }}" class="mt-3 nav-link cv-nav-link">Show Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
@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 pt-70 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:[];
@endphp
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>{{isset($activity_sections->activity_title)?$activity_sections->activity_title:''}}</h2>
<div class="title-divider"></div>
<p>{{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">{{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">{{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">
@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>
@foreach($under_graduate_activities as $key => $under_graduate_activity)
<tr>
<th scope="row">{{isset($under_graduate_activity->topic)?$under_graduate_activity->topic:''}}</th>
<td>{{isset($under_graduate_activity->recomended)?$under_graduate_activity->recomended:'0'}}</td>
<td>
<div class="tbl-input-form">
<input class="input_your_pririty" data-key={{$key}} under-gra-data-recom="{{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_{{$key}}"></div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
@endif
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
@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;
@endphp
@foreach($graduate_activities as $graduate_activity)
@php
$index++;
@endphp
<tr>
<th scope="row">{{isset($graduate_activity->graduate_activity_topic)?$graduate_activity->graduate_activity_topic:''}}</th>
<td>{{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={{$index}} gra-data-recom="{{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_{{$index}}"></div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
@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 section-bg" 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 -->
<!-- End Client Review Area -->
<!-- Start Blog Area -->
<section class="wow fadeInUp blog-area pt-70 pb-70 section-bg" id="teaching">
@php
$teaching_section = json_decode(get_settings('teaching_section'));
@endphp
<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>{{isset($teaching_section->title)?$teaching_section->title:''}}</h2>
<div class="title-divider"></div>
<p>{{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">{{isset($teaching_section->counter_one_number)?$teaching_section->counter_one_number:'0'}}</h2>
<span>{{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">{{isset($teaching_section->counter_two_number)?$teaching_section->counter_two_number:'0'}}</h2>
<span>{{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">{{isset($teaching_section->counter_three_number)?$teaching_section->counter_three_number:'0'}}</h2>
<span>{{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">
@if(isset($teaching_section->description) && $teaching_section->description)
{!! $teaching_section->description !!}
@endif
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp blog-area pt-70 pb-70" id="training">
<div class="container">
<!-- Section Headding -->
<div class="row">
@php
$training_and_intership = json_decode(get_settings('training_and_intership'));
@endphp
<div class="col-lg-8 offset-lg-2">
<div class="section-headding mb-50 text-center">
<h2>{{isset($training_and_intership->title)?$training_and_intership->title:''}}</h2>
<div class="title-divider"></div>
<p>{{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">
@if(isset($training_and_intership->description) && $training_and_intership->description)
{!! $training_and_intership->description !!}
@endif
</div>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp blog-area pt-70 pb-70 section-bg" id="management">
@php
$management_section =json_decode(get_settings('management_section'));
@endphp
<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>{{isset($management_section->title)?$management_section->title:''}}</h2>
<div class="title-divider"></div>
<p>{{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">{{isset($management_section->counter_one_number)?$management_section->counter_one_number:'0'}}</h2>
<span>{{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">{{isset($management_section->counter_two_number)?$management_section->counter_two_number:'0'}}</h2>
<span>{{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">{{isset($management_section->counter_three_number)?$management_section->counter_three_number:'0'}}</h2>
<span>{{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">
@if(isset($teaching_section->description) && $teaching_section->description)
{!! $teaching_section->description !!}
@endif
</div>
</div>
</div>
</div>
</section>
<!-- End Blog Area -->
{{-- Section Video Content --}}
<section class="wow fadeInUp contact-area pt-100 pb-100" 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'));
@endphp
<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-12 mt-2">
<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-12 mt-2">
<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-12 mt-2">
<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">
@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">
{!! $video_hsc_content->hsc_video_one !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_one}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_hsc_content->hsc_video_two !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_two}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_hsc_content->hsc_video_three !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_three}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_hsc_content->hsc_video_four !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_four}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_hsc_content->hsc_video_five !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_five}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_hsc_content->hsc_video_six !!}
<div class="overlay" data-src="{{$video_hsc_content->hsc_video_six}}"></div>
</div>
</div>
</div>
@endif
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="{{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">
@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">
{!! $video_versity_content->varsity_video_one !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_one}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_versity_content->varsity_video_two !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_two}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_versity_content->varsity_video_three !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_three}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_versity_content->varsity_video_four !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_four}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_versity_content->varsity_video_five !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_five}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_versity_content->varsity_video_six !!}
<div class="overlay" data-src="{{$video_versity_content->varsity_video_six}}"></div>
</div>
</div>
</div>
@endif
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="{{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">
@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">
{!! $video_professinal_content->professional_video_one !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_one}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_professinal_content->professional_video_two !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_two}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_professinal_content->professional_video_three !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_three}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_professinal_content->professional_video_four !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_four}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_professinal_content->professional_video_five !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_five}}"></div>
</div>
</div>
</div>
@endif
@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">
{!! $video_professinal_content->professional_video_six !!}
<div class="overlay" data-src="{{$video_professinal_content->professional_video_six}}"></div>
</div>
</div>
</div>
@endif
<div class="col-md-12 col-12 text-center mt-5">
<a target="_blank" href="{{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>
{{-- Photo Gallery Modal --}}
<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 Photo Gallery --}}
<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'));
@endphp
<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-12 mt-2">
<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-12 mt-2">
<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-12 mt-2">
<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">
@if(isset($teaching_content->tc_photo_one) && $teaching_content->tc_photo_one)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_one)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_one) && $teaching_content->tc_desc_one)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_one}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($teaching_content->tc_photo_two) && $teaching_content->tc_photo_two)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_two)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_two) && $teaching_content->tc_desc_two)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_two}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($teaching_content->tc_photo_three) && $teaching_content->tc_photo_three)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_three)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_three) && $teaching_content->tc_desc_three)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_three}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($teaching_content->tc_photo_four) && $teaching_content->tc_photo_four)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_four)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_four) && $teaching_content->tc_desc_four)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_four}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($teaching_content->tc_photo_five) && $teaching_content->tc_photo_five)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_five)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_five) && $teaching_content->tc_desc_five)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_five}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($teaching_content->tc_photo_six) && $teaching_content->tc_photo_six)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$teaching_content->tc_photo_six)}}" alt="">
</div>
@if(isset($teaching_content->tc_desc_six) && $teaching_content->tc_desc_six)
<div class="photo-gallery-desc">
{{$teaching_content->tc_desc_six}}
</div>
@endif
</div>
</div>
</div>
@endif
</div>
</div>
<div class="tab-pane" id="simple-tabpanel-1" role="tabpanel" aria-labelledby="simple-tab-1">
<div class="row">
@if(isset($travel_content->travel_photo_one) && $travel_content->travel_photo_one)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_one)}}" alt="">
</div>
@if(isset($travel_content->travel_desc_one) && $travel_content->travel_desc_one)
<div class="photo-gallery-desc">
{{$travel_content->travel_desc_one}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($travel_content->travel_photo_two) && $travel_content->travel_photo_two)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_two)}}" alt="">
</div>
@if(isset($travel_content->travel_desc_two) && $travel_content->travel_desc_two)
<div class="photo-gallery-desc">
{{$travel_content->travel_desc_two}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($travel_content->travel_photo_three) && $travel_content->travel_photo_three)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_three)}}" alt="">
</div>
@if(isset($travel_content->travel_desc_three) &&
$travel_content->travel_desc_three)
<div class="photo-gallery-desc">
{{$travel_content->travel_desc_three}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($travel_content->travel_photo_four) && $travel_content->travel_photo_four)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_four)}}" alt="">
</div>
@if(isset($travel_content->travel_desc_four) &&
$travel_content->travel_desc_four)
<div class="photo-gallery-desc">
{{$travel_content->travel_desc_four}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($travel_content->travel_photo_five) && $travel_content->travel_photo_five)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_five)}}" alt="">
</div>
@if(isset($travel_content->travek_desc_five) &&
$travel_content->travek_desc_five)
<div class="photo-gallery-desc">
{{$travel_content->travek_desc_five}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($travel_content->travel_photo_six) && $travel_content->travel_photo_six)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$travel_content->travel_photo_six)}}" alt="">
</div>
@if(isset($travel_content->travel_desc_six) && $travel_content->travel_desc_six)
<div class="photo-gallery-desc">
{{$travel_content->travel_desc_six}}
</div>
@endif
</div>
</div>
</div>
@endif
</div>
</div>
<div class="tab-pane" id="simple-tabpanel-2" role="tabpanel" aria-labelledby="simple-tab-2">
<div class="row">
@if(isset($others_content->others_photo_one) && $others_content->others_photo_one)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_one)}}" alt="">
</div>
@if(isset($others_content->others_desc_one) && $others_content->others_desc_one)
<div class="photo-gallery-desc">
{{$others_content->others_desc_one}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($others_content->others_photo_two) && $others_content->others_photo_two)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_two)}}" alt="">
</div>
@if(isset($others_content->others_desc_two) && $others_content->others_desc_two)
<div class="photo-gallery-desc">
{{$others_content->others_desc_two}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($others_content->others_photo_three) && $others_content->others_photo_three)
<div class="col-md-4 col-6 mb-4 text-center">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_three)}}" alt="">
</div>
@if(isset($others_content->others_desc_three) &&
$others_content->others_desc_three)
<div class="photo-gallery-desc">
{{$others_content->others_desc_three}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($others_content->others_photo_four) && $others_content->others_photo_four)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_four)}}" alt="">
</div>
@if(isset($others_content->others_desc_four) &&
$others_content->others_desc_four)
<div class="photo-gallery-desc">
{{$others_content->others_desc_four}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($others_content->others_photo_five) && $others_content->others_photo_five)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_five)}}" alt="">
</div>
@if(isset($others_content->others_desc_five) &&
$others_content->others_desc_five)
<div class="photo-gallery-desc">
{{$others_content->others_desc_five}}
</div>
@endif
</div>
</div>
</div>
@endif
@if(isset($others_content->others_photo_six) && $others_content->others_photo_six)
<div class="col-md-4 col-6 text-center mt-3">
<div class="main-section-photo-gallery">
<div class="photo-gallery-section">
<div class="section-photo">
<img src="{{asset('uploads/'.$others_content->others_photo_six)}}" alt="">
</div>
@if(isset($others_content->others_desc_six) && $others_content->others_desc_six)
<div class="photo-gallery-desc">
{{$others_content->others_desc_six}}
</div>
@endif
</div>
</div>
</div>
@endif
</div>
</div>
</div>
</div>
{{-- Photo Gallery Modal --}}
<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=" blog-area pb-70 pt-70" id="blog">
@php
$blog_section = json_decode(get_settings('blog_section'));
@endphp
<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>{{isset($blog_section->title)?$blog_section->title:''}}</h2>
<div class="title-divider"></div>
<p>{{isset($blog_section->short_description)?$blog_section->short_description:''}}</p>
</div>
</div>
</div>
<div class="row">
@if(isset($blogs) && $blogs)
@foreach($blogs as $blog)
@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 .= '...';
}
@endphp
<div class="col-lg-4 col-md-4 mb-30">
<div class="blog-single">
<div class="blog-thumbnail">
@if(isset($blog->image))
<img src="{{asset('uploads/'.$blog->image)}}" alt="blog-image">
@endif
<div class="date-box">
<span>{{isset($date)?$date:''}}<br> {{isset($month)?$month:''}}</span>
</div>
</div>
<div class="blog-content">
<h3><a href="{{ route('blog.details', [$blog->slug]) }}">{{$truncated_title}}</a></h3>
<div class="blog-meta">
<a href="#">by Admin</a>
<span class="sep">/</span>
<a href="#">{{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 .= '...';
}
@endphp
{!! $truncated_description !!}
</p>
@if (mb_strlen($description, 'UTF-8') > $max_length)
<a href="{{ route('blog.details', [$blog->slug]) }}" class="read-more">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
@endif
</div>
</div>
</div>
@endforeach
@endif
<div class="col-12">
<a class="button-1 view-all-btn" href="{{route('blog')}}">View All</a>
</div>
</div>
</div>
</section>
<section class="wow fadeInUp client-review-area pt-100 pb-100" id="testimony">
@php
$feadback_sections = json_decode(get_settings('feadback_section'));
$feadbacks = isset($feadback_sections->feadbacks)?$feadback_sections->feadbacks:[];
@endphp
<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>{{isset($feadback_sections->feadback_title)?$feadback_sections->feadback_title:''}}</h2>
<div class="title-divider"></div>
<p>{{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">
<!-- Single -->
<div class="home-demo">
<div class="owl-carousel owl-theme">
@foreach($feadbacks as $feadback)
<div class="item">
<div class="client-review-single-full">
<div class="client-review-single-content">
<h3>{{isset($feadback->user_name)?$feadback->user_name:''}}</h3>
<h5>{{isset($feadback->designation)?$feadback->designation:''}}</h5>
<p>{{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">
@if(isset($feadback->image) && $feadback->image)
<img src="{{asset('uploads/'.$feadback->image)}}" class="client-single-img" alt="avatar">
@endif
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Contact Area -->
<section class="wow fadeInUp contact-area pt-70 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'));
@endphp
<div class="section-headding mb-50 text-center">
<h2>{{isset($home_contact_us_section->contact_us_title)?$home_contact_us_section->contact_us_title:''}}</h2>
<div class="title-divider"></div>
<p>{{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="{{route('contact.store')}}" method="POST" class="contact-form">
@csrf
<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>
</main>
<div class="scroll-area">
<i class="fa fa-angle-up"></i>
</div>
@endsection
@section('js')
@if(isset($feadbacks) && count($feadbacks) > 1)
<script>
$(function() {
// Owl Carousel
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 2,
margin: 10,
loop: true,
nav: true
});
});
</script>
@else
<script>
$(function() {
// Owl Carousel
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 1,
margin: 10,
loop: true,
nav: true
});
});
</script>
@endif
<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>
@if(get_settings('crisp_token'))
<script type="text/javascript">window.$crisp = [];
window.CRISP_WEBSITE_ID = "{{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>
@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>
@endsection
|