629 lines
32 KiB
PHP
629 lines
32 KiB
PHP
@extends('layouts.default')
|
|
@push('title', get_phrase('Home'))
|
|
@push('meta')@endpush
|
|
@push('css')
|
|
<link rel="stylesheet" href="{{ asset('assets/frontend/default/fonts/urbanist/font.css') }}">
|
|
<style>
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
span,
|
|
a,
|
|
button {
|
|
font-family: 'urbanist', sans-serif !important;
|
|
}
|
|
|
|
.btn-danger-1,
|
|
.btn-whitelight,
|
|
.info {
|
|
font-family: 'urbanist', sans-serif !important;
|
|
}
|
|
|
|
.subtitle-1,
|
|
.subtitle-2,
|
|
.subtitle-3,
|
|
.subtitle-4,
|
|
.subtitle-5 {
|
|
font-family: 'urbanist', sans-serif !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.title,
|
|
.title-1,
|
|
.title-2,
|
|
.title-3,
|
|
.title-4,
|
|
.title-5 {
|
|
font-family: 'urbanist', sans-serif !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.scale-single-slide {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
aspect-ratio: 789/465;
|
|
}
|
|
|
|
|
|
/* Start sub header */
|
|
.sub-header{
|
|
background-color: #121421;
|
|
border-color: #645b5b;
|
|
}
|
|
.sub-header .sub-header-left a{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.sub-header .nice-select.form-select{
|
|
filter: invert(1);
|
|
background-color: #edebdd;
|
|
}
|
|
/* End sub header */
|
|
|
|
|
|
.sub-header, .header-area {
|
|
--font-family: "Poppins", sans-serif;
|
|
--bg-white: #000;
|
|
--text-color: #9e9e9e;
|
|
--color-white: #000;
|
|
--color-1: #fff;
|
|
--color-2: #d5e0f3;
|
|
--color-black: #fff;
|
|
--box-shadow: rgba(76, 76, 109, 0.2) 12px 11px 34px 11px;
|
|
--box-shadow-2: rgba(79, 79, 112, 0.2) 0px 7px 29px 0px;
|
|
}
|
|
.offcanvas.offcanvas-start {
|
|
--font-family: "Poppins", sans-serif;
|
|
--bg-white: #fff;
|
|
--text-color: #6b7385;
|
|
--color-white: #fff;
|
|
--color-1: #2f57ef;
|
|
--color-2: #192335;
|
|
--color-black: #000;
|
|
--box-shadow: rgba(100, 100, 111, 0.2) 12px 11px 34px 11px;
|
|
--box-shadow-2: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
|
}
|
|
|
|
/* Start main header */
|
|
.header-area{
|
|
background-color: #121421;
|
|
}
|
|
.header-area .header-light-logo{
|
|
display: block !important;
|
|
}
|
|
.header-area .header-dark-logo{
|
|
display: none !important;
|
|
}
|
|
.header-area .primary-menu .have-mega-menu .menu-parent-a::after{
|
|
background: #000;
|
|
}
|
|
.header-area .primary-menu .have-mega-menu .menu-parent-a.active::after, .primary-menu .have-mega-menu .menu-parent-a:hover::after{
|
|
border: 6px solid #ffffff !important;
|
|
border-right: 6px solid #000000 !important;
|
|
border-bottom: 0 !important;
|
|
border-left: 6px solid #000000 !important;
|
|
vertical-align: middle !important;
|
|
border-radius: 3px !important;
|
|
background: #fff !important;
|
|
position: absolute !important;
|
|
right: -18px !important;
|
|
top: 9px !important;
|
|
left: auto !important;
|
|
width: 10px !important;
|
|
}
|
|
.header-area .form-control{
|
|
background-color: #121421;
|
|
border-color: #645b5b;
|
|
}
|
|
.header-area .form-control:focus{
|
|
background-color: #232323;
|
|
color: #c7c7c7 !important;
|
|
border-color: #807a7a;
|
|
}
|
|
.header-area .main-mega-menu{
|
|
background: #000000;
|
|
box-shadow: 0 12px 20px #a7a7a754;
|
|
border: 1px solid #4c4c4c;
|
|
}
|
|
.header-area .mega_list li a:hover{
|
|
background: #2a2a2a;
|
|
color: #ffff;
|
|
}
|
|
.header-area .child_category_menu{
|
|
background: #000;
|
|
}
|
|
.header-area .us-btn{
|
|
background-color: #121421;
|
|
}
|
|
.header-area .Userprofile .dropmenu-end{
|
|
background-color: #000000;
|
|
box-shadow: 0 12px 20px #a7a7a754;
|
|
}
|
|
.header-area .Userprofile .dropmenu-end a:hover svg path, .Userprofile .dropmenu-end a:hover{
|
|
background-color: #000;
|
|
color: #c664ff;
|
|
fill: #c664ff;
|
|
}
|
|
.header-area .figure_text{
|
|
color: #fff;
|
|
}
|
|
.header-area .primary-end a path{
|
|
stroke: var(--text-color);
|
|
}
|
|
.header-area .primary-end a path:hover, .primary-end a.active path{
|
|
stroke: #fff;
|
|
}
|
|
.header-area .toggle-bar{
|
|
color: #9e9e9e !important;
|
|
}
|
|
.header-area .gradient{
|
|
box-shadow: none;
|
|
border-left: 0;
|
|
}
|
|
.service-card-banner-2>img{
|
|
height: 200px;
|
|
object-fit: cover;
|
|
}
|
|
/* End main header */
|
|
</style>
|
|
@endpush
|
|
@section('content')
|
|
<!-- Banner Area Start -->
|
|
<section class="lms-banner-section4">
|
|
<div class="container">
|
|
<div class="row mb-100px">
|
|
<div class="col-md-12">
|
|
<div class="lms-banner-area-4">
|
|
<div class="uv-banner-content">
|
|
<h1 class="title-5 max-w-850px fs-56px lh-normal fw-500 text-white text-center mb-20px"><span class="highlight-title">{{ get_frontend_settings('banner_title') }}</span></h1>
|
|
<p class="subtitle-5 max-w-620px fs-15px lh-24px text-white text-center mb-30px">{{ get_frontend_settings('banner_sub_title') }}</p>
|
|
<div class="d-flex justify-content-center">
|
|
<a href="{{ route('courses') }}" class="btn btn-danger-1">{{ get_phrase('Get Started Now') }}</a>
|
|
</div>
|
|
</div>
|
|
<!-- Swiper -->
|
|
<div class="swiper scale-slider scale-slider-main">
|
|
<div class="swiper-wrapper">
|
|
@php
|
|
$university = json_decode(get_homepage_settings('university'));
|
|
$slider_items = json_decode($university->slider_items ?? '{}', true) ?? [];
|
|
@endphp
|
|
@foreach ($slider_items as $key => $slider_items)
|
|
@php $ext = pathinfo($slider_items, PATHINFO_EXTENSION); @endphp
|
|
@if (file_exists(public_path($slider_items)))
|
|
<div class="swiper-slide">
|
|
<div class="scale-single-slide">
|
|
<div class="scale-slide-image">
|
|
<img src="{{ asset($slider_items) }}" alt="banner">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="swiper-slide">
|
|
<div class="scale-single-slide">
|
|
<div class="lms-video">
|
|
@if($ext == 'mp4' || $ext == 'webm')
|
|
<video class="universityPlayer" id="player{{ $key }}" src="{{ $slider_items }}" controls></video>
|
|
@else
|
|
<div class="plyr__video-embed universityPlayer" id="player{{ $key }}">
|
|
<iframe src="{{ $slider_items }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
<div class="swiper-button-next" onclick="playerPlayPause()"></div>
|
|
<div class="swiper-button-prev" onclick="playerPlayPause()"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="uv-banner-shape1"></span>
|
|
<span class="uv-banner-shape2"></span>
|
|
</section>
|
|
<!-- Banner Area End -->
|
|
|
|
<!-- Service Area Start -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row g-28px mb-100px">
|
|
@foreach (App\Models\Category::take(8)->get() as $category)
|
|
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
|
|
<a class="w-100" href="{{ route('courses', $category->slug) }}">
|
|
<div class="lms-service-card-2 max-sm-350px">
|
|
<div class="service-card-banner-2 mb-20px">
|
|
@if ($category->thumbnail)
|
|
<img src="{{ get_image($category->thumbnail) }}" alt="">
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<h4 class="title-5 fs-20px lh-28px fw-500 mb-2 text-center">{{ $category->title }}</h4>
|
|
<p class="subtitle-5 fs-15px lh-25px text-center">{{ count_category_courses($category->id) }} {{ get_phrase('courses') }}</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Service Area End -->
|
|
|
|
<!-- Creating A Community Area Start -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row g-28px align-items-center mb-100px">
|
|
<div class="col-xl-5 col-lg-6">
|
|
<div class="community-banner-2">
|
|
@php
|
|
$storImage = json_decode(get_homepage_settings('university'));
|
|
@endphp
|
|
@if (isset($storImage->faq_image))
|
|
<img src="{{ asset('uploads/home_page_image/university/' . $storImage->image) }}" alt="">
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-7 col-lg-6">
|
|
<div class="ms-xl-3">
|
|
<h2 class="title-5 fs-32px lh-42px fw-500 mb-30px">{{ get_phrase('Creating A Community Of Life Long Learners') }}</h2>
|
|
<p class="subtitle-5 fs-15px lh-25px mb-30px">
|
|
{{ get_phrase("Our LMS goes beyond just providing courses. It's a platform designed to ignite curiosity and empower your lifelong learning journey. This supportive community provides a space to ask questions, no matter how big or small, and receive insightful answers from experienced learners and subject-matter experts.") }}
|
|
</p>
|
|
<p class="subtitle-5 fs-15px lh-25px mb-30px">
|
|
{{ get_phrase("Share your own experiences and challenges, and find encouragement and inspiration from others on a similar path. The diverse perspectives within our community will broaden your horizons and challenge your thinking, fostering a deeper understanding and a richer learning experience. Together, we'll transform learning from a solitary pursuit into a collaborative adventure, where shared knowledge fuels individual growth and collective discovery.") }}
|
|
</p>
|
|
<a href="{{ route('about.us') }}" class="btn btn-danger-1">{{ get_phrase('Learn more about us') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Creating A Community Area End -->
|
|
<!-- Online Course Area Start -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-2 mb-50px">
|
|
<h1 class="title-5 fs-32px lh-42px fw-500 mb-20px text-center">{{ get_phrase('Our Online Courses') }}</h1>
|
|
<p class="subtitle-5 fs-15px lh-24px text-center">
|
|
{{ get_phrase('Awesome site. on the top advertising a business online includes assembling Having the most keep.') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-28px mb-50px">
|
|
@php
|
|
$featured_courses = DB::table('courses')->where('status', 'active')->latest('id')->take(4)->get();
|
|
@endphp
|
|
@foreach ($featured_courses->take(4) as $key => $row)
|
|
@php
|
|
$ratings = DB::table('reviews')
|
|
->where('course_id', $row->id)
|
|
->pluck('rating')
|
|
->toArray();
|
|
$average_rating = count($ratings) > 0 ? array_sum($ratings) / count($ratings) : null;
|
|
@endphp
|
|
<div class="col-lg-6">
|
|
<a href="{{ route('course.details', $row->slug) }}" class="d-block h-100 w-100 max-sm-350px">
|
|
<div class="lms-1-card">
|
|
<div class="lms-1-card-body">
|
|
<div class="d-flex gap-3 align-items-center flex-sm-row flex-column">
|
|
<div class="list-view-banner2">
|
|
<img src="{{ get_image($row->thumbnail) }}" alt="banner">
|
|
</div>
|
|
<div class="list-view-details1 w-100">
|
|
<h5 class="title-5 fs-18px lh-26px fw-500 mb-12px">{{ ucfirst($row->title) }}</h5>
|
|
<p class="subtitle-5 fs-14px lh-24px mb-10px">{{ Str::limit(strip_tags($row->short_description), 78) }}</p>
|
|
<div class="card-leason-rating2 d-flex gap-2 align-items-center justify-content-between">
|
|
<div class="card-icon-text4 d-flex gap-2 align-items-center">
|
|
<span class="fi-rr-book-open-cover"></span>
|
|
<p class="subtitle-5 fs-13px lh-26px">{{ lesson_count($row->id) }} {{ get_phrase('lesson') }}</p>
|
|
</div>
|
|
<div class="card-rating3 d-flex gap-1 align-items-center">
|
|
@if ($average_rating !== null)
|
|
<p class="title-5 fs-15px lh-26px fw-medium">{{ number_format($average_rating, 1) }}</p>
|
|
<img src="{{ asset('assets/frontend/default/image/star-yellow-14.svg') }}" alt="">
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
|
|
<div class="d-flex align-items-center gap-12px">
|
|
<div class="card-author-sm">
|
|
<img src="{{ course_instructor_image($row->id) }}" alt="">
|
|
</div>
|
|
<div class="title-5 fs-13px lh-26px fw-medium">{{ course_by_instructor($row->id)->name }}</div>
|
|
</div>
|
|
|
|
|
|
@if (isset($row->is_paid) && $row->is_paid == 0)
|
|
<h4 class="title-5 fs-20px lh-26px fw-500 text-danger-2">{{ get_phrase('Free') }}</h4>
|
|
@elseif (isset($row->discount_flag) && $row->discount_flag == 1)
|
|
<h4 class="title-5 fs-20px lh-26px fw-500 text-danger-2">
|
|
{{ currency($row->discounted_price, 2) }}
|
|
<del class="fs-14px text-secondary">{{currency($row->price)}}</del>
|
|
</h4>
|
|
|
|
@else
|
|
<h4 class="title-5 fs-20px lh-26px fw-500 text-danger-2">{{ currency($row->price, 2) }}</h4>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class="row mb-100px">
|
|
<div class="col-12">
|
|
<div class="d-flex align-items-center justify-content-center">
|
|
<a href="{{ route('courses') }}" class="btn btn-danger-1">{{ get_phrase('See More') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Online Course Area End -->
|
|
|
|
<!-- Event Area Start -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-2 mb-50px">
|
|
<h1 class="title-5 fs-32px lh-42px fw-500 mb-20px text-center">{{ get_phrase('Think more clearly') }}</h1>
|
|
<p class="subtitle-5 fs-15px lh-24px text-center">
|
|
{{ get_phrase('Awesome site. on the top advertising a business online includes assembling Having the most keep.') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-50px">
|
|
<div class="col-12">
|
|
<div class="lms-event-wrap1">
|
|
@php
|
|
$motivational_speeches = json_decode(get_frontend_settings('motivational_speech'), true);
|
|
$increment = 1;
|
|
@endphp
|
|
@foreach ($motivational_speeches as $key => $motivational_speech)
|
|
<div class="lms-event-single1 d-flex gap-2">
|
|
@php
|
|
$admininfo = DB::table('users')->where('role', 'admin')->first();
|
|
@endphp
|
|
<div class="lms-event-number">
|
|
<h1 class="title-5 fs-44px lh-29px fw-500">{{ $increment++ }}</h1>
|
|
</div>
|
|
<div class="event-details-banner-wrap w-100 d-flex">
|
|
<div>
|
|
<h3 class="title-5 fs-20px lh-26px fw-500 mb-14px">{{ $motivational_speech['title'] }}</h3>
|
|
<div class="d-flex align-items-center gap-12px mb-20px">
|
|
<div class="lms-author-sm">
|
|
@if ($admininfo->photo)
|
|
<img src="{{ get_image($admininfo->photo) }}" alt="">
|
|
@else
|
|
<img src="{{ asset('uploads/users/admin/placeholder/placeholder.png') }}" alt="">
|
|
@endif
|
|
</div>
|
|
<div class="title-5 fs-13px lh-26px fw-medium">{{ $admininfo->name }}</div>
|
|
</div>
|
|
<p class="subtitle-5 fs-15px lh-25px">{{ $motivational_speech['description'] }}</p>
|
|
</div>
|
|
<div class="lms-event1-banner">
|
|
@if ($motivational_speech['image'])
|
|
<img src="{{ get_image($motivational_speech['image']) }}" alt="">
|
|
@else
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Event Area End -->
|
|
|
|
<!-- Tuition Area Start -->
|
|
<section class="pt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-2 mb-50px">
|
|
<h1 class="title-5 fs-32px lh-42px fw-500 mb-20px text-center">{{ get_phrase('Frequently Asked Questions') }}</h1>
|
|
<p class="subtitle-5 fs-15px lh-24px text-center">
|
|
{{ get_phrase('Awesome site. on the top advertising a business online includes assembling Having the most keep.') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-28px align-items-center mb-100px">
|
|
<div class="col-lg-5">
|
|
<div class="tuition-banner">
|
|
@if (isset($storImage->faq_image))
|
|
<img src="{{ asset('uploads/home_page_image/university/' . $storImage->faq_image) }}" alt="">
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="lms-1-card rounded-20px">
|
|
<div class="lms-1-card-body p-40px">
|
|
<div class="accordion qnaaccordion-five" id="accordionExample5">
|
|
@php
|
|
$faqs = count(json_decode(get_frontend_settings('website_faqs'), true)) > 0 ? json_decode(get_frontend_settings('website_faqs'), true) : [['question' => '', 'answer' => '']];
|
|
@endphp
|
|
@foreach ($faqs as $key => $faq)
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="{{ $key }}">
|
|
<button class="accordion-button py-4 {{ $key == 0 ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#qnaOne{{ $key }}" aria-expanded="true" aria-controls="qnaOne">
|
|
{{ $faq['question'] }}
|
|
</button>
|
|
</h2>
|
|
<div id="qnaOne{{ $key }}" class="accordion-collapse collapse px-0 {{ $key == 0 ? 'show' : '' }}" aria-labelledby="{{ $key }}" data-bs-parent="#accordionExample5">
|
|
<div class="accordion-body">
|
|
<p class="answer">{{ $faq['answer'] }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Tuition Area End -->
|
|
|
|
<!-- Testimonial Area End -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-2 mb-30px">
|
|
<h1 class="title-5 fs-32px lh-42px fw-500 text-center">{{ get_phrase('What the people Thinks About Us') }}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-50px">
|
|
<div class="col-md-12">
|
|
<div class="swiper lms-testimonial-2">
|
|
<div class="swiper-wrapper">
|
|
@php
|
|
$reviews = DB::table('user_reviews')->get();
|
|
@endphp
|
|
@foreach ($reviews as $review)
|
|
@php
|
|
$userDetails = DB::table('users')
|
|
->where('id', $review->user_id)
|
|
->first();
|
|
@endphp
|
|
<div class="swiper-slide">
|
|
<div class="lms-1-card rounded-4">
|
|
<div class="lms-single-testimonial2">
|
|
<div class="d-flex justify-content-between gap-2 mb-14px">
|
|
<div class="testimonial-profile-wrap2 d-flex align-items-center ">
|
|
<div class="testimonial-profile-2">
|
|
<img src="{{ get_image_by_id($userDetails->id) }}" alt="">
|
|
</div>
|
|
<div>
|
|
<h4 class="title-5 fs-18px lh-25px fw-semibold mb-5px">{{ $userDetails->name }}</h4>
|
|
<p class="subtitle-5 fs-14px lh-24px">{{ date('h:i A', strtotime($review->created_at)) }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-quate-1">
|
|
<img src="assets/images/icons/quate-red.svg" alt="">
|
|
</div>
|
|
</div>
|
|
<p class="subtitle-5 fs-15px lh-24px mb-14px">{{ $review->review }}</p>
|
|
<div class="d-flex align-items-center gap-1">
|
|
@for ($i = 1; $i <= 5; $i++)
|
|
@if ($i <= $review->rating)
|
|
<img src="{{ asset('assets/frontend/default/image/star-yellow-14.svg') }}" alt="">
|
|
@else
|
|
<img src="{{ asset('assets/frontend/default/image/star.svg') }}" alt="">
|
|
@endif
|
|
@endfor
|
|
<h6 class="title-5 ms-2 fs-18px lh-37px fw-semibold">({{ $review->rating }})</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Testimonial Area End -->
|
|
|
|
|
|
<!-- Blog Area Start -->
|
|
@if (get_frontend_settings('blog_visibility_on_the_home_page'))
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="section-title-1 mb-50px">
|
|
<h1 class="title-3 mb-26px fs-40px lh-52px fw-medium text-center">{{ get_phrase('Our Blog') }}</h1>
|
|
<p class="subtitle-2 fs-15px lh-24px text-center">
|
|
{{ get_phrase('Awesome site. on the top advertising a business online includes assembling Having the most keep.') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-20px mb-100px">
|
|
@foreach ($blogs as $key => $blog)
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<a href="{{ route('blog.details', $blog->slug) }}" class="blog-post1-link">
|
|
<div class="blog-post1-inner">
|
|
<div class="banner">
|
|
<img src="{{ get_image($blog->thumbnail) }}" alt="...">
|
|
</div>
|
|
<div class="blog-post1-details">
|
|
<h3 class="title-5 mb-3 pt-2">{{ ucfirst($blog->title) }}</h3>
|
|
<p class="info ellipsis-line-2">{{ ellipsis(strip_tags($blog->description), 160) }}</p>
|
|
<p class="read-more d-flex align-items-center">
|
|
<span>{{ get_phrase('Read More') }}</span>
|
|
<img src="{{ asset('assets/frontend/default/image/angle-right-black-18.svg') }}" alt="">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endif
|
|
<!-- Blog Area End -->
|
|
|
|
@endsection
|
|
|
|
@push('js')
|
|
<script>
|
|
if ($('.universityPlayer').length > 0) {
|
|
// Select all video elements
|
|
const players = Array.from(document.querySelectorAll('.universityPlayer'));
|
|
// Initialize Plyr for each video element
|
|
const plyrInstances = players.map(player => new Plyr(player));
|
|
// Function to pause all players except the currently playing one
|
|
function pauseOtherPlayers(currentPlayer) {
|
|
plyrInstances.forEach(player => {
|
|
if (player !== currentPlayer && !player.paused) {
|
|
player.pause();
|
|
}
|
|
});
|
|
}
|
|
// Add 'play' event listener to each player
|
|
plyrInstances.forEach(player => {
|
|
player.on('play', () => {
|
|
pauseOtherPlayers(player);
|
|
});
|
|
});
|
|
}
|
|
|
|
function playerPlayPause() {
|
|
setTimeout(function() {
|
|
if($('.swiper-slide-active .lms-video .plyr:not(.plyr--playing)').length > 0){
|
|
$('.swiper-slide-active .lms-video .plyr:not(.plyr--playing)').trigger('click');
|
|
}else{
|
|
$('.plyr--playing').trigger('click');
|
|
}
|
|
}, 600);
|
|
}
|
|
</script>
|
|
@endpush
|