File "development.blade.php"
Full Path: /home2/yvrgircc/public_html/ariseskilltech.com/resources/views/components/home_permanent_templates/development.blade.php
File size: 28.67 KB
MIME-type: text/html
Charset: utf-8
@extends('layouts.default')
@push('title', get_phrase('Home'))
@push('meta')@endpush
@push('css')
<link rel="stylesheet" href="{{ asset('assets/frontend/default/fonts/clinton/font.css') }}">
<link rel="stylesheet" href="{{ asset('assets/frontend/default/fonts/poppins/stylesheet.css') }}">
<style>
body {
background-color: #FAFEFF;
}
.info {
font-family: 'Poppins' !important;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #7E8088;
}
h1,
h1 .highlight {
font-family: 'clinton-bold' !important;
}
.font-italic {
font-family: 'clinton-bold-italic' !important;
}
h2,
h3,
h4,
h5,
h6,
.hero-rated-profile-area .info {
font-family: 'clinton-bold' !important;
}
body,
p,
span,
button,
a {
font-family: 'Poppins' !important;
font-weight: normal;
}
.btn-danger-1,
.btn-whitelight {
font-family: 'Poppins' !important;
font-weight: normal;
}
.subtitle-1,
.subtitle-2,
.subtitle-3,
.subtitle-4,
.subtitle-5{
font-family: 'Poppins' !important;
font-weight: 500;
}
.accordion-button{
font-weight: 500 !important;
}
.learning-coding-card, .dev-course-card, .dev-student-testimonial, .dev-news-card{
border: none;
border-radius: 12px;
background: #FFF;
box-shadow: 0px 14px 32px 0px rgba(147, 148, 158, 0.20);
}
.dev-course-card:hover, .dev-news-card:hover{
box-shadow: 0px 14px 32px 0px rgba(249, 92, 22, 0.17);
}
.text-dev-warning{
color: #030303 !important;
transition: color 0.3s;
}
.dev-news-link:hover .text-dev-warning{
color: #F95C16 !important;
transition: color 0.3s;
}
.accordion, .accordion-button, .accordion-body, .accordion-header, .accordion-item{
background-color: #fafeff;
}
</style>
@endpush
@section('content')
<!-- Banner Area Start -->
@php
$bannerData = json_decode(get_frontend_settings('banner_image'));
$banneractive = get_frontend_settings('home_page');
if ($bannerData !== null && is_object($bannerData) && property_exists($bannerData, $banneractive)) {
$banner = asset(json_decode(get_frontend_settings('banner_image'))->$banneractive);
} else {
$defaultBanner = asset('assets/frontend/default/image/development-banner1.webp');
}
$total_students = DB::table('users')->where('role', 'student')->get();
@endphp
<section class="dev-banner-section" style="background-image: url({{ isset($banner) ? $banner : $defaultBanner }});">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="development-banner-area">
@php
$banner_title = get_frontend_settings('banner_title');
$arr = explode(' ', $banner_title);
$phrase_two = end($arr);
$phrase_one = str_replace($phrase_two, '', $banner_title);
@endphp
<h1 class="title">{{ $phrase_one }}<span class=" font-italic highlight">{{ $phrase_two }}</span></h1>
<a href="javascript:void(0);" class="video-play-btn" type="button" data-bs-toggle="modal" data-bs-target="#promoVideo">
<span class="icon">
<img src="{{ asset('assets/frontend/default/image/play-black-large.svg') }}" alt="">
</span>
<span>{{ get_phrase('Watch Video') }}</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Area End -->
<!-- Hero Area Start -->
<section class="development-hero-section1 mb-80">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="development-hero-area1 d-flex align-items-center justify-content-between">
<div class="hero-rated-profile-area">
<ul class="profiles d-flex align-items-center">
@php
$students = DB::table('users')->where('role', 'student')->take(2)->latest('id')->get();
@endphp
@foreach ($students as $student)
<li>
<img data-bs-toggle="tooltip" title="{{ $student->name }}" src="{{ get_image($student->photo) }}" alt="">
</li>
@endforeach
<li>
<img src="{{ asset('assets/frontend/default/image/arrow-rotate-white-16.svg') }}" alt="">
</li>
</ul>
<p class="info">{{ count($total_students) }}+ {{ get_phrase('User already register and signing up for using it') }}</p>
</div>
<p class="hero-info">{{ get_frontend_settings('banner_sub_title') }}</p>
<a href="{{ route('courses') }}" class="btn-black1">{{ get_phrase('Get Courses') }}</a>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- Software Development Area Start -->
@if ($stordetails = json_decode(get_homepage_settings('development')))
@php
function highlightLastWord($text)
{
$words = explode(' ', $text);
if (count($words) > 1) {
$lastWord = array_pop($words);
return implode(' ', $words) . ' <span class="highlight">' . $lastWord . '</span>';
}
return '<span class="highlight">' . $text . '</span>';
}
@endphp
<section>
<div class="container">
<div class="row row-20 mb-80 align-items-center">
<div class="col-lg-6">
<div class="software-development-banner">
@if (isset($stordetails->image))
<img src="{{ asset('uploads/home_page_image/development/' . $stordetails->image) }}" alt="">
@else
<img src="{{ asset('assets/frontend/default/image/soft-dev-banner.webp') }}" alt="">
@endif
</div>
</div>
<div class="col-lg-6">
<div class="software-development-details">
<h2 class="title">{!! removeScripts(highlightLastWord($stordetails->title)) !!}</h2>
<p class="info mb-20">{!! $stordetails->description !!}</p>
<a href="{{ route('about.us') }}" class="btn-black-arrow1">
<span>{{ get_phrase('Learn More') }}</span>
<i class="fi-rr-angle-small-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
@endif
<!-- Software Development Area End -->
<!-- Learning Coding Area Start -->
<section>
<div class="container">
<!-- Section Title -->
<div class="row">
<div class="col-md-12">
<div class="dev-section-title">
<h1 class="title mb-20">{{ get_phrase('Start Learning') }} <span class="highlight">{{ get_phrase('Coding') }}</span> {{ get_phrase('Languages') }}</h1>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
</div>
<div class="row row-20 mb-100 justify-content-center">
<!-- Card -->
<div class="col-lg-4 col-md-6">
<div class="learning-coding-card pt-3">
<div class="banner mb-5">
<img src="{{ asset('assets/frontend/default/image/learnig-coding-banner1.webp') }}" alt="">
</div>
<h4 class="title">{{ get_phrase('Online Courses') }}</h4>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
<!-- Card -->
<div class="col-lg-4 col-md-6">
<div class="learning-coding-card pt-3">
<div class="banner mb-5">
<img src="{{ asset('assets/frontend/default/image/learnig-coding-banner2.webp') }}" alt="">
</div>
<h4 class="title">{{ get_phrase('Top Instructors') }}</h4>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
<!-- Card -->
<div class="col-lg-4 col-md-6">
<div class="learning-coding-card pt-3">
<div class="banner mb-5">
<img src="{{ asset('assets/frontend/default/image/learnig-coding-banner3.webp') }}" alt="">
</div>
<h4 class="title">{{ get_phrase('Online Certificates') }}</h4>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
</div>
</div>
</section>
<!-- Learning Coding Area End -->
<!-- Pick A Course Area Start -->
<section>
<div class="container">
<!-- Section Title -->
<div class="row">
<div class="col-md-12">
<div class="dev-section-title">
<h1 class="title mb-20">{{ get_phrase('Pick A Course To') }} <span class="highlight">{{ get_phrase('Get Started') }}</span></h1>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
</div>
<div class="row row-20 mb-110">
@php
$featured_courses = DB::table('courses')->where('status', 'active')->latest('id')->get();
@endphp
@foreach ($featured_courses->take(4) as $key => $row)
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<a href="{{ route('course.details', $row->slug) }}" class="dev-course-card-link">
<div class="dev-course-card">
<div class="banner">
<img src="{{ get_image($row->thumbnail) }}" alt="banner">
</div>
@php
$ratings = DB::table('reviews')
->where('course_id', $row->id)
->pluck('rating')
->toArray();
$average_rating = count($ratings) > 0 ? array_sum($ratings) / count($ratings) : 0;
$full_stars = floor($average_rating);
$has_half_star = $average_rating - $full_stars >= 0.5;
$review_count = count($ratings);
@endphp
<div class="dev-course-card-body">
<h5 class="title ellipsis-line-2">{{ ucfirst($row->title) }}</h5>
<div class="reviews d-flex align-items-center">
@if ($review_count > 0)
<div class="ratings d-flex align-items-center">
@for ($i = 0; $i < 5; $i++)
@if ($i < $full_stars)
<img src="{{ asset('assets/frontend/default/image/star-yellow-14.svg') }}" alt="Full Star">
@elseif ($i == $full_stars && $has_half_star)
<img src="{{ asset('assets/frontend/default/image/star-yellow-half-14.svg') }}" alt="Half Star">
@else
<img src="{{ asset('assets/frontend/default/image/star.svg') }}" alt="Empty Star">
@endif
@endfor
</div>
<p class="total fw-500">{{ $review_count }} {{ get_phrase('Reviews') }}</p>
@endif
</div>
@if (isset($row->is_paid) && $row->is_paid == 0)
<p class="price">{{ get_phrase('Free') }}</p>
@elseif (isset($row->discount_flag) && $row->discount_flag == 1)
<p class="price">
{{ currency(number_format($row->discounted_price, 2)) }}
<del class="fs-14px text-secondary">{{currency($row->price)}}</del>
</p>
@else
<p class="price">{{ currency(number_format($row->price, 2)) }}</p>
@endif
<div class="leason-student d-flex align-items-center">
<div class="leasons-students d-flex align-items-center">
<i class="fi-rr-book-open-cover"></i>
<p class="total fw-500">{{ lesson_count($row->id) }}{{ get_phrase('lessons') }}</p>
</div>
<div class="leasons-students d-flex align-items-center">
<i class="fi-rr-users"></i>
<p class="total fw-500">{{ course_enrollments($row->id) }} {{ get_phrase('Students') }}</p>
</div>
</div>
</div>
</div>
</a>
</div>
@endforeach
@if (count($featured_courses) > 4)
<!-- Button -->
<div class="col-xl-12">
<div class="dev-course-btn-area d-flex justify-content-center">
<a href="{{ route('courses') }}" class="btn-black-arrow1">
<span>{{ get_phrase('View More') }}</span>
<i class="fi-rr-angle-small-right"></i>
</a>
</div>
</div>
@endif
</div>
</div>
</section>
<!-- Pick A Course Area End -->
<!-- Programming Ebook Area Start -->
@if (get_frontend_settings('mobile_app_link'))
<section class="programming-ebook-section mb-110">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="programming-ebook-area d-flex align-items-center justify-content-between">
<div class="programming-ebook-banner">
<img src="{{ asset('assets/frontend/default/image/programming-ebook-banner.webp') }}" alt="">
</div>
<div class="programming-ebook-details">
<h2 class="title">{{ get_phrase('Download our mobile app, start learning') }} <span class="highlight">{{ get_phrase('Academy') }}</span></h2>
<p class="info mb-30">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
<a href="{{ get_frontend_settings('mobile_app_link') }}" class="btn-black-arrow1">
<span>{{ get_phrase('Download Now') }}</span>
<i class="fi-rr-angle-small-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
@endif
<!-- Programming Ebook Area End -->
<!-- Ask Question Area Start -->
<section>
<div class="container">
<!-- Section Title -->
<div class="row">
<div class="col-md-12">
<div class="dev-section-title">
<h1 class="title">{{ get_phrase('Frequently Asked') }} <span class="highlight">{{ get_phrase('Questions') }}</span></h1>
</div>
</div>
</div>
<!-- QNA Accordion -->
<div class="row mb-100">
<div class="col-md-12">
<div class="accordion qna-three-accordion" id="accordionExample4">
@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 {{ $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' : '' }}" data-bs-parent="#accordionExample4" aria-labelledby="{{ $key }}">
<div class="accordion-body">
<p class="answer">{{ $faq['answer'] }}</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<!-- Ask Question Area End -->
<!-- Student Testimonials Area Start -->
<section>
<div class="container">
<!-- Section Title -->
<div class="row">
<div class="col-md-12">
<div class="dev-section-title">
<h1 class="title mb-20">{{ get_phrase('What Our') }} <span class="highlight">{{ get_phrase('Students') }}</span> {{ get_phrase('Have To Say') }}</h1>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
</div>
<!-- Testimonials -->
<div class="row mb-100">
<div class="col-md-12">
<div class="swiper dev-student-swiper">
<div class="swiper-wrapper">
@php
$reviews = DB::table('user_reviews')->get();
@endphp
@foreach ($reviews as $review)
@php
$userDetails = App\Models\User::where('id', $review->user_id)->firstOrNew();
@endphp
<div class="swiper-slide">
<div class="dev-student-testimonial">
<div class="ratings d-flex align-items-center">
@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
</div>
<p class="feedback"><span class="bold">{{ $review->review }}</p>
<div class="profile-wrap d-flex align-items-center">
<div class="profile">
<img src="{{ get_image_by_id($userDetails->id) }}" alt="">
</div>
<div class="name-role">
<h5 class="name">{{ $userDetails->name }}</h5>
<p class="role">{{ get_phrase('Student') }}</p>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="swiper-button-wrap d-flex align-items-center justify-content-center">
<div class="swiper-button-prev">
<i class="fi-rr-arrow-alt-left ms-3 ps-1"></i>
</div>
<div class="swiper-button-next">
<i class="fi-rr-arrow-alt-right ms-3 ps-1"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Student Testimonials Area End -->
<!-- News Blog Area Start -->
@if (get_frontend_settings('blog_visibility_on_the_home_page'))
<section>
<div class="container">
<!-- Section Title -->
<div class="row">
<div class="col-md-12">
<div class="dev-section-title">
<h1 class="title mb-20">{{ get_phrase('Get News with') }} <span class="highlight">{{ get_phrase('Academy') }}</span></h1>
<p class="info">{{ get_phrase("The industry's standard dummy text ever since the unknown printer took a galley of type and scrambled") }}</p>
</div>
</div>
</div>
<div class="row row-20 mb-100">
@foreach ($blogs as $key => $blog)
<div class="col-lg-4 col-md-6 col-sm-6">
<a href="{{ route('blog.details', $blog->slug) }}" class="dev-news-link">
<div class="dev-news-card">
<div class="banner">
<img src="{{ get_image($blog->thumbnail) }}" alt="">
</div>
<div class="dev-news-card-body">
<h5 class="ellipsis-line-2 title mb-12">{{ ucfirst($blog->title) }}</h5>
<div class="date-comments flex-wrap mb-3 d-flex align-items-center">
<div class="date-wrap d-flex align-items-center">
<img src="{{ asset('assets/frontend/default/image/calendar-black-16.svg') }}" alt="">
<p class="value">{{ $blog->created_at->format('d M, Y') }}</p>
</div>
<div class="comment-wrap mt-0 d-flex align-items-center">
<img src="{{ asset('assets/frontend/default/image/messages-black-16.svg') }}" alt="">
<p class="value">{{ count_comments_by_blog_id($blog->id) }}</p>
</div>
</div>
<p class="info ellipsis-line-2">{{ ellipsis(strip_tags($blog->description), 160) }}</p>
<p class="text-dark mt-3 text-dev-warning">{{get_phrase('Read More')}} <i class="fi-br-angle-small-right"></i></p>
</div>
</div>
</a>
</div>
@endforeach
</div>
</div>
</section>
@endif
<!-- News Blog Area End -->
<!-- Vertically centered modal -->
<div class="modal fade-in-effect" id="promoVideo" tabindex="-1" aria-labelledby="promoVideoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body bg-dark">
<link rel="stylesheet" href="{{ asset('assets/global/plyr/plyr.css') }}">
@if (get_frontend_settings('promo_video_provider') == 'youtube')
<div class="plyr__video-embed" id="promoPlayer">
<iframe height="500" src="{{ get_frontend_settings('promo_video_link') }}?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
@elseif (get_frontend_settings('promo_video_provider') == 'vimeo')
<div class="plyr__video-embed" id="promoPlayer">
<iframe height="500" id="promoPlayer" src="https://player.vimeo.com/video/{{ get_frontend_settings('promo_video_link') }}?loop=false&byline=false&portrait=false&title=false&speed=true&transparent=0&gesture=media" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
@else
<video id="promoPlayer" playsinline controls>
<source src="{{ get_frontend_settings('promo_video_link') }}" type="video/mp4">
</video>
@endif
<script src="{{ asset('assets/global/plyr/plyr.js') }}"></script>
<script>
"use strict";
var promoPlayer = new Plyr('#promoPlayer');
</script>
</div>
</div>
</div>
</div>
<script>
"use strict";
const myModalEl = document.getElementById('promoVideo')
myModalEl.addEventListener('hidden.bs.modal', event => {
promoPlayer.pause();
$('#promoVideo').toggleClass('in');
});
myModalEl.addEventListener('shown.bs.modal', event => {
promoPlayer.play();
$('#promoVideo').toggleClass('in');
});
</script>
@endsection