Viewing file:  index.blade.php (48.46 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontLayout')
@section('title')
{{get_settings('app_name')}}
@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;
}
</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
$about_section=json_decode(get_settings('about_section'));
$home_contact_us_section = json_decode(get_settings('home_contact_us'));
$cv_sections = isset($about_section->cv_sections)?$about_section->cv_sections:[];
@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>
</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">
<span>Flow 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"> --}}
{{-- <li style="--accent-color:#D3302C"></i><span class="cv-year">Lorem Impsum</span></li>
<li style="--accent-color:#F3A22D"></i>
<span class="cv-year">Lorem Impsum</span>
</li> --}}
{{-- @if($cv_sections)
@foreach($cv_sections as $key => $cv_section)
@php
$random_color = "#495460"; // Default color
if ($key == 1) {
$random_color = "#D3302C";
} else if ($key == 2) {
$random_color = "#F3A22D";
}
@endphp
<li style="--accent-color: {{$random_color}};">
<span class="cv-year">{{$cv_section->year}}</span>
<div class="card-section">
<div class="custom-card">
{{$cv_section->short_description}}
</div>
</div>
</li>
@endforeach
@endif
</ul> --}}
<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
// if ($key == 0) {
// $random_color = "#D3302C"; // First item
// } else if ($key == 1) {
// $random_color = ""; // Second item
// }
@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>
</div>
</div>
</section>
<!-- End About Area -->
<!-- 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 =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)?$services->title:''}}</h2>
<div class="title-divider"></div>
<p>{{isset($services)?$services->sub_title:''}}</p>
</div>
</div>
</div>
<div class="flip-services-details">
@if (isset($services) && isset($services->service_data))
@foreach ($services->service_data 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->name)?$service->name:''}}
<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 mb-4"> {{isset($service->name)?$service->name:''}}</h2>
<div>
{!! isset($service->description)?$service->description:'' !!}
</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-100 pb-70" id="services">
<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 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">Undergraduate</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link cv-nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Graduate</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" 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:[];
@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 owl-carousel">
<!-- Single -->
@foreach($feadbacks as $feadback)
<div class="client-review-single">
<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>
</section>
<!-- End Client Review Area -->
<!-- Start Blog Area -->
<section class="wow fadeInUp blog-area pt-100 pb-70" 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-100 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=" blog-area pb-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-6 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=" blog-area pb-70" id="publications">
@php
$publication_section = json_decode(get_settings('publication_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($publication_section->title)?$publication_section->title:''}}</h2>
<div class="title-divider"></div>
<p>{{isset($publication_section->short_description)?$publication_section->short_description:''}}</p>
</div>
</div>
</div>
<div class="row">
@if(isset($publications) && $publications)
@foreach($publications as $publication)
@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 .= '...';
}
@endphp
<div class="col-lg-4 col-md-6 mb-30">
<div class="blog-single">
<div class="blog-thumbnail">
@if(isset($publication->image))
<img src="{{asset('uploads/'.$publication->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('publications.details', [$publication->slug]) }}">{{$truncated_title}}</a></h3>
<div class="blog-meta">
<a href="#">by Admin</a>
<span class="sep">/</span>
<a href="#">{{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 .= '...';
}
@endphp
{!! $truncated_description !!}
</p>
@if (mb_strlen($description, 'UTF-8') > $max_length)
<a href="{{ route('publications.details', [$publication->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('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'));
@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')
<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
});
});
</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
|