| Server IP : 66.29.137.217 / Your IP : 3.17.154.155 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/bofirmacademy.com/resources/views/frontend/ |
Upload File : |
@extends('frontend.layouts.app')
@section('meta')
@php
$metaData = getMeta('about_us');
@endphp
<meta name="description" content="{{ __($metaData['meta_description']) }}">
<meta name="keywords" content="{{ __($metaData['meta_keyword']) }}">
<!-- Open Graph meta tags for social sharing -->
<meta property="og:type" content="Learning">
<meta property="og:title" content="{{ __($metaData['meta_title']) }}">
<meta property="og:description" content="{{ __($metaData['meta_description']) }}">
<meta property="og:image" content="{{ __($metaData['og_image']) }}">
<meta property="og:url" content="{{ url()->current() }}">
<meta property="og:site_name" content="{{ __(get_option('app_name')) }}">
<!-- Twitter Card meta tags for Twitter sharing -->
<meta name="twitter:card" content="Learning">
<meta name="twitter:title" content="{{ __($metaData['meta_title']) }}">
<meta name="twitter:description" content="{{ __($metaData['meta_description']) }}">
<meta name="twitter:image" content="{{ __($metaData['og_image']) }}">
@endsection
@section('content')
<!-- Page Header Start -->
<header class="page-banner-header gradient-bg position-relative">
<div class="section-overlay">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12">
<div class="page-banner-content text-center">
<h3 class="page-banner-heading text-white pb-15">{{ __('About Us') }}</h3>
<!-- Breadcrumb Start-->
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item font-14"><a href="{{ url('/') }}">{{__('Home')}}</a></li>
<li class="breadcrumb-item font-14 active" aria-current="page">{{ __('About Us') }}</li>
</ol>
</nav>
<!-- Breadcrumb End-->
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Page Header End -->
<!-- Gallery Area Start -->
<section class="our-gallery-area section-t-space">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h3 class="section-heading">{{ __(@$aboutUsGeneral->gallery_area_title) }}</h3>
<p class="section-sub-heading">{{ __(@$aboutUsGeneral->gallery_area_subtitle) }}</p>
</div>
</div>
</div>
<div class="gallery-img-wrapper">
<!--Our Gallery image Start-->
<div class="row shuffle-wrapper">
<div class="col-lg-6 col-6 mb-25 shuffle-item wow fadeIn" data-groups="["all"]" data-wow-duration="0.5s" data-wow-delay=".25s">
<div class="position-relative hover-wrapper">
<img src="{{ getImageFile($aboutUsGeneral->gallery_first_image) }}" alt="portfolio-image" class="img-fluid w-100 d-block">
</div>
</div>
<div class="col-lg-6 col-6 mb-25 shuffle-item wow fadeIn" data-groups="["all"]" data-wow-duration="0.5s" data-wow-delay=".25s">
<div class="position-relative hover-wrapper">
<img src="{{ getImageFile($aboutUsGeneral->gallery_second_image) }}" alt="portfolio-image" class="img-fluid w-100 d-block">
</div>
</div>
<div class="col-lg-6 col-6 mb-25 shuffle-item wow fadeIn" data-groups="["all"]" data-wow-duration="0.5s" data-wow-delay=".25s">
<div class="position-relative hover-wrapper">
<img src="{{ getImageFile($aboutUsGeneral->gallery_third_image) }}" alt="portfolio-image" class="img-fluid w-100 d-block">
</div>
</div>
</div>
<!--Our Gallery image End-->
</div>
</div>
</section>
<!-- Gallery Area End -->
<!-- Our History Area Start -->
<section class="our-history-area bg-page section-t-space">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h3 class="section-heading">{{ __(@$aboutUsGeneral->our_history_title) }}</h3>
<p class="section-sub-heading">{{ __(@$aboutUsGeneral->our_history_subtitle) }}</p>
</div>
</div>
</div>
<div class="row">
<div class="container-timeline">
<ul>
@foreach($ourHistories as $ourHistory)
<li>
<h6 class="history-year">{{ $ourHistory->year }}</h6>
<div class="history-content">
<h6 class="h6 fw-bold font-18">{{ Str::limit($ourHistory->title, 23) }}</h6>
<p class="font-15 pt-1">{{ Str::limit($ourHistory->subtitle, 100) }}</p>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</section>
<!-- Our History Area End -->
<!-- Upgrade Your Skills Area Start -->
<section class="upgrade-your-skills-area section-t-space">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-6 col-xl-6">
<div class="upgrade-skills-left position-relative">
<img src="{{ getImageFile(@$aboutUsGeneral->upgrade_skill_logo_path) }}" alt="about" class="img-fluid">
</div>
</div>
<div class="col-md-6 col-lg-5 col-xl-6">
<div class="upgrade-skills-right">
<div class="section-title">
<h3 class="section-heading">{{ __(@$aboutUsGeneral->upgrade_skill_title) }}</h3>
</div>
<p>{{ __(@$aboutUsGeneral->upgrade_skill_subtitle) }} </p>
<!-- section button start-->
<div class="col-12 section-btn">
<a href="{{ route('courses') }}" class="theme-btn default-hover-btn theme-button1">{{ __(@$aboutUsGeneral->upgrade_skill_button_name) }} <i data-feather="arrow-right"></i></a>
</div>
<!-- section button end-->
</div>
</div>
</div>
</div>
</section>
<!-- Upgrade Your Skills Area End -->
<!-- Our Passionate Team Member Area Start -->
<section class="passionate-team-member-area bg-white">
<div class="container">
<div class="row">
<div class="col-12">
<!-- section-left-align-->
<div class="section-left-title-with-btn d-flex justify-content-between align-items-end">
<div class="section-title section-title-left d-flex align-items-start">
<div class="section-heading-img"><img src="{{ getImageFile(@$aboutUsGeneral->team_member_logo_path) }}" alt="Our team"></div>
<div>
<h3 class="section-heading">{{ __(@$aboutUsGeneral->team_member_title) }}</h3>
<p class="section-sub-heading">{{ __(@$aboutUsGeneral->team_member_subtitle) }}</p>
</div>
</div>
</div>
<!-- section-left-align-->
</div>
</div>
<div class="row">
@foreach($teamMembers as $teamMember)
<!-- Team Member Item start-->
<div class="col-md-6 col-lg-6 col-xl-3">
<div class="card instructor-item border-0">
<div class="instructor-img-wrap overflow-hidden"><img src="{{ getImageFile(@$teamMember->image_path) }}" alt="team"></div>
<div class="card-body">
<h5 class="card-title">{{ __($teamMember->name) }}</h5>
<p class="card-text instructor-designation font-medium">{{ __($teamMember->designation) }}</p>
</div>
</div>
</div>
<!-- Team Member Item End-->
@endforeach
</div>
</div>
</section>
<!-- Our Passionate Team Member Area End -->
<!-- Course Instructor and Support Area Start -->
<section class="course-instructor-support-area bg-light section-t-space">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h3 class="section-heading">{{ __(@$aboutUsGeneral->instructor_support_title) }}</h3>
<p class="section-sub-heading">{{ __(@$aboutUsGeneral->instructor_support_subtitle) }}</p>
</div>
</div>
</div>
<div class="row course-instructor-support-wrap">
@foreach($instructorSupports as $instructorSupport)
<!-- Instructor Support Item start-->
<div class="col-md-4">
<div class="instructor-support-item bg-white radius-3 text-center">
<div class="instructor-support-img-wrap">
<img src="{{ getImageFile($instructorSupport->image_path) }}" alt="support">
</div>
<h6>{{ Str::limit($instructorSupport->title, 20) }}</h6>
<p>{{ Str::limit($instructorSupport->subtitle, 60) }} </p>
<a href="{{ $instructorSupport->button_link ?? '#' }}" class="theme-btn theme-button1 theme-button3">{{ __($instructorSupport->button_name) }} <i data-feather="arrow-right"></i></a>
</div>
</div>
<!-- Instructor Support Item End-->
@endforeach
</div>
<!-- Client Logo Area start-->
<div class="row client-logo-area">
@foreach($clients as $client)
<div class="col">
<div class="client-logo-item text-center">
<img src="{{ getImageFile($client->image_path) }}" alt="{{ __($client->name) }}">
</div>
</div>
@endforeach
</div>
<!-- Client Logo Area end-->
</div>
</section>
<!-- Course Instructor and Support Area End -->
@endsection
@push('script')
<!-- Include Shuffle Plugins -->
<script src="{{ asset('frontend/assets/js/shuffle.min.js') }}"></script>
<!-- Include Shuffle Plugins -->
<!-- Shuffle js filter and masonry Start -->
<script>
var Shuffle = window.Shuffle;
var jQuery = window.jQuery;
var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), {
itemSelector: '.shuffle-item',
buffer: 1
});
jQuery('input[name="shuffle-filter"]').on('change', function (evt) {
var input = evt.currentTarget;
if (input.checked) {
myShuffle.filter(input.value);
}
});
</script>
<!-- Shuffle js filter and masonry Start -->
@endpush