first commit

This commit is contained in:
2024-04-16 15:43:24 +05:45
commit b49e06fa93
4387 changed files with 543889 additions and 0 deletions

View File

@ -0,0 +1,45 @@
<div id="about" class="section-full p-t120 p-b120 twm-explore-area bg-cover" style="background-image: url('{{ asset('raffels/assets/images/background/bg-1.jpg') }}');">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="twm-explore-media-wrap">
<div class="twm-media">
<img src="{{asset('raffels/assets/images/gir-large.png')}}" alt="">
</div>
</div>
</div>
<div class="col-lg-8 col-md-12">
<div class="twm-explore-content-outer">
<div class="twm-explore-content">
<div class="twm-l-line-1"></div>
<div class="twm-l-line-2"></div>
<div class="twm-r-circle-1"></div>
<div class="twm-r-circle-2"></div>
<div class="twm-title-small">About Raffels Educare</div>
<div class="twm-title-large">
<h2>Your Trust Our Commitment </h2>
<p>Raffles Educare Associates Pvt. Ltd., established in 2005, is one of the best educational consultancy with a successful track record in the overseas education.Over the 15 years of excellence we have 97% visa success rate along with highest student satisfaction, fulfilling the career dreams of many students. Since the year of inception, we have been providing educational services of international standards and escalated to be one of the leading institutions. We have our head office located at Kathmandu, capital city of Nepal and other branches at the major cities such as Itahari, Damauli, Pokhara, and further extension in progress in the country as well as abroad. </p>
</div>
<div class="twm-upload-file">
<a class="site-button" href="tel:9821313323">Give us a call</a>
</div>
</div>
<div class="twm-bold-circle-right"></div>
<div class="twm-bold-circle-left"></div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,95 @@
<div id = "contact" class="section-full twm-contact-one">
<div class="section-content">
<div class="container">
<!-- CONTACT FORM-->
<div class="contact-one-inner">
<div class="section-head left wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Contact Details</div>
</div>
<h2 class="wt-title">Feel free to contact us</h2>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="contact-info-wrap">
<div class="contact-info">
<div class="contact-info-section">
<div class="c-info-column">
<div class="c-info-icon"><i class=" fas fa-map-marker-alt"></i></div>
<h3 class="twm-title">Head Office Location</h3>
<p>Putalisadak (Way to Dillibazar), Kathmandu, Nepal</p>
</div>
<div class="c-info-column">
<div class="c-info-icon custome-size"><i class="fas fa-mobile-alt"></i></div>
<h3 class="twm-title">Feel free to contact us</h3>
<p><a href="tel:+216-761-8331">01-4010759 / 4010550</a></p>
<p><a href="tel:+216-761-8331">+977 9801086208</a></p>
</div>
<div class="c-info-column">
<div class="c-info-icon"><i class="fas fa-envelope"></i></div>
<h3 class="twm-title">Support</h3>
<p>info@raffleseducare.com</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="contact-info-wrap">
<div class="contact-info">
<div class="contact-info-section">
<div class="c-info-column">
<div class="c-info-icon"><i class=" fas fa-map-marker-alt"></i></div>
<h3 class="twm-title">Branch Office Location</h3>
<p> Pokhara
Damauli
Itahari
</p>
</div>
<div class="c-info-column">
<div class="c-info-icon custome-size"><i class="fas fa-mobile-alt"></i></div>
<h3 class="twm-title">Feel free to contact us</h3>
<p><a href="tel:+216-761-8331"> Damauli: 065-562511
</a></p>
<p><a href="tel:+216-761-8331"> Itahari: 025-586737
</a></p>
<p><a href="tel:+216-761-8331">Pokhara: 061-526500</a></p>
</div>
<div class="c-info-column">
<div class="c-info-icon"><i class="fas fa-envelope"></i></div>
<h3 class="twm-title">Support</h3>
<p>info@raffleseducare.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,46 @@
<div class="section-full p-t120 p-b120 site-bg-white twm-explore-area2">
<div class="container">
<div class="section-content">
<div class="twm-explore-content-2">
<div class="row">
<div class="col-lg-8 col-md-12">
<div class="twm-explore-content-outer2">
<div class="twm-explore-top-section">
<div class="twm-title-small">Meet Our Counselor</div>
<div class="twm-title-large">
<h2>Empower, Inspire, Achieve</h2>
<p>At Raffles Educare, we take pride in introducing you to our dedicated and highly
experienced counselor who is here to guide you through your educational journey.
Our counselor is not just a professional but also a compassionate individual who
understands the unique needs and aspirations of each student.
.</p>
</div>
<div class="twm-read-more">
<a href="tel:9821313323" class="site-button">Call Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="twm-explore-media-wrap2">
<div class="twm-media">
<img src="{{asset('raffels/assets/images/gir-large-2.png')}}" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,27 @@
<footer class="footer-dark" style="background-image: url({{asset('raffels/assets/pic/f-bg.png')}});">
<div class="container">
<!-- NEWS LETTER SECTION START -->
<!-- FOOTER COPYRIGHT -->
<div class="footer-bottom">
<div class="footer-bottom-info">
<div class="footer-copy-right">
<span class="copyrights-text">Copyright © 2024 by Raffels. All Rights Reserved.</span>
</div>
<ul class="social-icons">
<li><a href="javascript:void(0);" class="fab fa-facebook-f"></a></li>
<li><a href="javascript:void(0);" class="fab fa-twitter"></a></li>
<li><a href="javascript:void(0);" class="fab fa-instagram"></a></li>
<li><a href="javascript:void(0);" class="fab fa-youtube"></a></li>
</ul>
</div>
</div>
</div>
</footer>

View File

@ -0,0 +1,77 @@
<header class="site-header header-style-3 mobile-sider-drawer-menu">
<div class="sticky-header main-bar-wraper navbar-expand-lg">
<div class="main-bar">
<div class="container-fluid clearfix">
<div class="logo-header">
<div class="logo-header-inner logo-header-one">
<a href="index.php">
<img src="{{asset('raffels/assets/pic/logo.png')}}" alt="">
</a>
</div>
</div>
<!-- NAV Toggle Button -->
<button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar icon-bar-first"></span>
<span class="icon-bar icon-bar-two"></span>
<span class="icon-bar icon-bar-three"></span>
</button>
<!-- MAIN Vav -->
<div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-center">
<ul class="nav navbar-nav">
<li class="has-child"><a href="index.php">Home</a></li>
<li class="has-child" data-scroll-nav="1"><a href="#about">About</a></li>
<li class="has-child"><a href="#testimonials">Testimonials</a></li>
<li class="has-child"><a href="#universities">Universities</a></li>
<li class="has-child"><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="extra-nav header-2-nav">
<div class="extra-cell">
<div class="header-nav-btn-section">
<div class="twm-nav-btn-right">
<a href="#register" class="twm-nav-post-a-job"><i class="feather-briefcase"></i> Register</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SITE Search -->
<div id="search">
<span class="close"></span>
<form role="search" id="searchform" action="https://thewebmax.org/search" method="get" class="radius-xl">
<input class="form-control" value="" name="q" type="search" placeholder="Type to search"/>
<span class="input-group-append">
<button type="button" class="search-btn">
<i class="fa fa-paper-plane"></i>
</button>
</span>
</form>
</div>
</div>
</header>

View File

@ -0,0 +1,545 @@
<div id= "register" class="section-full p-t120 p-b120 twm-for-employee-area site-bg-white">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-lg-5 col-md-12">
<div class="twm-explore-media-wrap">
<div class="twm-media">
<img src="{{ asset('raffels/assets/images/boy-large.png') }}" alt="">
</div>
</div>
</div>
<div class="col-lg-7 col-md-12">
<div class="twm-explore-content-outer-3">
<div class="twm-right-section-panel-wrap2">
<!--Filter Short By-->
<div class="twm-right-section-panel site-bg-primary">
<!--Basic Information-->
<div class="panel panel-default">
<div class="panel-heading wt-panel-heading p-a20">
<h2 class="panel-tittle m-a0">Start Your Application Now !</h2>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-tabs-style-1">
<ul class="nav nav-tabs" id="myTab3" role="tablist">
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="tab"
data-bs-target="#Personal" type="button"
role="tab">Personal Details</button>
</li>
</ul>
<div class="tab-content" id="myTab3Content">
<form id="inquiries" action={{ route('contactus.store') }}>
@csrf
<div class="tab-pane fade show active" id="Personal">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Your Name</label>
<div class="ls-inputicon-box">
<input class="form-control" name="title"
id="title" type="text"
placeholder="Devid Smith">
<i class="fs-input-icon fa fa-user "></i>
<span class="text-danger"
id="title_error"></span>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Email Address</label>
<div class="ls-inputicon-box">
<input class="form-control" name="email"
id="email" type="email"
placeholder="Devid@example.com">
<i class="fs-input-icon fas fa-at"></i>
<span class="text-danger"
id="email_error"></span>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Phone Number</label>
<div class="ls-inputicon-box">
<input class="form-control" name="phone"
id="phone" type="text"
placeholder=" +977 9841000000">
<i class="fs-input-icon fa fa-phone-alt"></i>
<span class="text-danger"
id="phone_error"></span>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Country interested for</label>
<div class="ls-inputicon-box">
<input class="form-control"
name="country_interested" type="text"
placeholder="Country">
<i
class="fs-input-icon fa fa-user-graduate"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-6 col-md-12">
<div class="form-group">
<label>Study Background</label>
<div class="ls-inputicon-box">
<input class="form-control"
name="study_background" type="text"
placeholder="Study">
<i class="fs-input-icon fas fa-book"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<input class="form-check-input" type="checkbox"
name="terms_and_condition"
id="flexRadioDefault2" checked>
<label class="form-check-label"
for="flexRadioDefault2">
I agree to the Terms and Conditions and Privacy
Policy.
</label>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="text-left">
<button type="submit" class="site-button">Register
Now</button>
</div>
</div>
</div>
</div>
</form>
<div class="tab-pane fade" id="Employment">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Current Desination*</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_name"
type="text" placeholder="Your Job Title">
<i class="fs-input-icon fa fa-address-card "></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Current Company*</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_Email"
type="email"
placeholder="Where you are currently working">
<i class="fs-input-icon fas fa-building"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Expected Salary</label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio"
name="flexRadioDefault"
id="flexRadioDefault1">
<label class="form-check-label"
for="flexRadioDefault1">
US Dollars
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio"
name="flexRadioDefault"
id="flexRadioDefault5" checked>
<label class="form-check-label"
for="flexRadioDefault5">
Indian Rupees
</label>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div>
<label>Annual Salary</label>
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<div class="ls-inputicon-box">
<select
class="wt-select-box selectpicker"
data-live-search="true"
title="" id="s-Lakh"
data-bv-field="size">
<option class="bs-title-option"
value="">Lakh</option>
<option>0 lakh</option>
<option>1 lakh</option>
<option>2 lakh</option>
<option>5 lakh</option>
<option>4 lakh</option>
<option>5 lakh</option>
</select>
<i
class="fs-input-icon fa fa-dollar-sign"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<div class="ls-inputicon-box">
<select
class="wt-select-box selectpicker"
data-live-search="true"
title="" id="s-Thousand"
data-bv-field="size">
<option class="bs-title-option"
value="">Thousand
</option>
<option> 05 Thousand </option>
<option> 10 Thousand </option>
<option> 15 Thousand </option>
<option> 20 Thousand </option>
<option> 25 Thousand </option>
<option> 30 Thousand </option>
<option> 35 Thousand </option>
<option> 40 Thousand </option>
<option> 45 Thousand </option>
<option> 50 Thousand </option>
</select>
<i
class="fs-input-icon fa fa-dollar-sign"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div>
<label>Working Since</label>
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<div class="ls-inputicon-box">
<select
class="wt-select-box selectpicker"
data-live-search="true"
title="" id="s-Year_1"
data-bv-field="size">
<option class="bs-title-option"
value="">Year</option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<i
class="fs-input-icon fa fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<div class="ls-inputicon-box">
<select
class="wt-select-box selectpicker"
data-live-search="true"
title="" id="s-Month_1"
data-bv-field="size">
<option class="bs-title-option"
value="">Month</option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> 10 </option>
<option> 11 </option>
<option> 12 </option>
</select>
<i
class="fs-input-icon fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Current Location</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_phone"
type="text"
placeholder="Tell us about your current city">
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Duration of Notice Period</label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker"
data-live-search="true" title=""
id="s-Days_1" data-bv-field="size">
<option class="bs-title-option"
value="">Days</option>
<option>05 Days</option>
<option>10 Days</option>
<option>15 Days</option>
<option>30 Days</option>
<option>2 Months</option>
<option>3 Months</option>
</select>
<i class="fs-input-icon fa fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Skills</label>
<div class="ls-inputicon-box">
<input class="form-control" type="text"
value="Finance, Sales, Retail, Engineering">
<i class="fs-input-icon fas fa-asterisk"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Industry</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_phone"
type="text" placeholder="Your Industry">
<i class="fs-input-icon fa fa-industry"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Functional Area</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_phone"
type="text" placeholder="Your Department">
<i class="fs-input-icon fa fa-industry"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Role</label>
<div class="ls-inputicon-box input_fields_custom">
<input class="form-control" name="company_phone"
type="text"
placeholder="Select the role that you work in">
<i class="fs-input-icon fa fa-user"></i>
</div>
<div class="text-right m-tb10">
<button class="add_field_custom">Add More Fields <i
class="fa fa-plus"></i></button>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="text-left">
<button type="submit"
class="site-button">Continue</button>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="Education">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Highest Qualification</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_name"
type="text"
placeholder="Your Highest Qualification">
<i class="fs-input-icon fa fa-user-graduate"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Course</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_Email"
type="email" placeholder="Your Course">
<i class="fs-input-icon fas fa-book"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>Specialization</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_Email"
type="email"
placeholder="Your Specialization">
<i class="fs-input-icon fas fa-asterisk"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="form-group">
<label>University/College</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_phone"
type="text"
placeholder="University/College">
<i class="fs-input-icon fa fa-building"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Course Type</label>
<div class="row twm-form-radio-inline">
<div class="col-md-4">
<input class="form-check-input" type="radio"
name="flexRadioDefault" id="Full_Time1">
<label class="form-check-label"
for="Full_Time1">
Full Time
</label>
</div>
<div class="col-md-4">
<input class="form-check-input" type="radio"
name="flexRadioDefault"
id="flexRadioDefault4" checked>
<label class="form-check-label"
for="flexRadioDefault4">
Part Time
</label>
</div>
<div class="col-md-4">
<input class="form-check-input" type="radio"
name="flexRadioDefault"
id="flexRadioDefault3" checked>
<label class="form-check-label"
for="flexRadioDefault3">
Correspondence
</label>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Passing Year</label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker"
data-live-search="true" title=""
id="s-category" data-bv-field="size">
<option class="bs-title-option"
value="">Year</option>
<option>Select</option>
<option>2021</option>
<option>2021</option>
<option>2021</option>
<option>2021</option>
<option>2021</option>
</select>
<i class="fs-input-icon fa fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="form-group">
<label>Education</label>
<div class="ls-inputicon-box">
<input class="form-control" name="company_phone"
type="text"
placeholder="Tell us about your current city">
<i class="fs-input-icon fa fa-book-open"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="text-left">
<button type="submit"
class="site-button">Continue</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="twm-l-line-1"></div>
<div class="twm-l-line-2"></div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,69 @@
<div class="twm-home-6-banner-section">
<div class="container">
<div class="row">
<!--Left Section-->
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="twm-bnr-left-section">
<div class="twm-bnr-title-small">
<div class="bnr-title-bedge">
<i class="fa fa-check"></i>
</div>
Stay connect to get upcoming events with
<span class="site-text-primary">Raffels</span>
</div>
<div class="twm-bnr-title-large">
Find Your Perfect <span class="site-text-white">Destinations</span> </div>
<div class="twm-bnr-discription">
Adding wings to Your Dreams
</div>
</div>
</div>
<!--right Section-->
<div class="col-xl-6 col-lg-6 col-md-12 twm-bnr-right-section">
<div class="twm-bnr-right-content">
<div class="bnr-media">
<img src="{{asset('raffels/assets/images/home-6/banner.png')}}" alt="#">
</div>
<div class="bnr-bg-circle">
<span></span>
</div>
<div class="bnr-bg-icons">
<div class="icon-plus1 bounce"><i class="fa fa-plus"></i></div>
<div class="icon-plus2 bounce2"><i class="fa fa-plus"></i></div>
<div class="icon-plus3 bounce"><i class="fa fa-plus"></i></div>
<div class="icon-ring1 bounce2"></div>
<div class="icon-ring2 bounce"></div>
<div class="icon-ring3 bounce2"></div>
<div class="bnr-block-1 bounce">
<div class="bnr-block-1-content">
<div class="media"><img src="{{asset('raffels/assets/images/home-6/cv-icon.png')}}" alt=""></div>
<h3 class="title">Career Counseling</h3>
</div>
</div>
<div class="bnr-block-2 bounce2">
<div class="bnr-block-2-content">
<div class="bnr-block-2-bag">
<span><img src="{{asset('raffels/assets/images/home-6/airplane.png')}}" alt=""></span>
</div>
<div class="bnr-block-2-content-top">
<h3 class="title">1.5 k +</h3>
<div class="media"><img src="{{asset('raffels/assets/images/home-6/success.png')}}" alt=""></div>
</div>
<div class="bnr-block-2-content-bottom">Visa Processed</div>
</div>
</div>
<div class="bnr-block-3 bounce">
<img src="{{asset('raffels/assets/images/home-6/abroad.png')}}">
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,242 @@
<div id = "testimonials" class="section-full p-t120 p-b90 site-bg-white twm-testimonial-v-area">
<style>
.testimonials-container {
max-width: 900px;
margin: 10px auto;
line-height: 1.9;
font-family: "Roboto", sans-serif;
}
.testimonials-container section {
padding: 20px 0;
}
.testimonials-container h2 {
font-size: 40px;
line-height: 1.2;
font-family: "Poppins", sans-serif;
position: relative;
}
.testimonials-container h2::before {
content: "";
position: absolute;
height: 4px;
width: 60px;
background: red;
bottom: -8px;
left: 0;
}
section.dark h2::before {
height: 0;
}
.testimonials-container .logos-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
place-items: center;
padding: 32px;
box-shadow: 0 4px 40px -8px rgba(0, 0, 0, 0.1);
}
.testimonials-container .logos-container img {
height: 10px;
}
.testimonials {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.testimonial video {
height: 600px;
}
.testimonial {
flex: 1;
padding: 16px;
box-shadow: 0 4px 40px -8px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
}
.testimonial .video {
margin: -16px;
margin-bottom: 0;
}
.testimonial .bottom {
margin-top: auto;
}
.testimonial .name {
font-weight: bold;
font-size: 18px;
line-height: 1.2;
margin-top: 20px;
}
.testimonial .designation {
font-size: 14px;
opacity: 0.8;
}
.testimonials-container button,
.testimonials-container a.btn {
padding: 8px 32px;
border: none;
margin: 24px 0;
font-size: 16px;
background: #003049;
color: #fff;
cursor: pointer;
}
.testimonials-container a.btn {
text-decoration: none;
background: #e63946;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
padding: 4px 32px;
margin-top: 8px;
}
section.dark {
background: #003049;
color: #fff;
padding: 24px 32px;
text-align: center;
margin-top: 24px;
}
section.dark p {
margin-top: -16px;
}
@media (max-width: 800px) {
.testimonials-container h2 {
font-size: 28px;
padding-top: 10px;
}
.testimonials {
grid-template-columns: 1fr;
}
.testimonial video {
height: 100%;
}
.testimonial {
gap: 12px;
}
.testimonials-container .logos-container {
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
}
</style>
<div class="testimonials-container">
<section>
<h2>Testimonials</h2><br><br>
<div class="testimonials"></div>
</section>
</div>
<script>
const data = [
{
videoUrl: "videos/testimonial1.mp4",
review: "UK Visa success without IELTS/PTE in London with Raffles",
name: "Shreya Bajrayi",
designation: "UK Visa Success",
},
{
videoUrl: "videos/testimonial2.mp4",
review:
"UK Visa success without IELTS/PTE in London with Raffles",
name: "Sarita Tamang",
designation: "UK Visa Success",
},
{
videoUrl: "videos/testimonial3.mp4",
review: "Lorem ipsum dolor sit amet consectetur, adipisicing elit.",
name: "Emily Johnson",
designation: "Senior Accountant, QRS Solutions",
},
{
videoUrl: "videos/testimonial4.mp4",
review:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, enim.",
name: "Sarah Thompson",
designation: "Graphic Designer, PQR Studios",
},
{
videoUrl: "videos/testimonial5.mp4",
review:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, enim.",
name: "Robert Wilson",
designation: "Sales Executive, MNO Corporation",
},
];
const showMoreBtn = document.querySelector(
".testimonials-container .show-more-btn"
);
const testimonials = document.querySelector(".testimonials");
let latestTestimonialIndex = 0;
const generateTestimonial = (videoUrl, review, name, designation) => {
const htmlCode = `<div class="testimonial">
<div class="video">
<video
controls
width="100%"
src="{{asset('raffels/assets')}}/${videoUrl}"
></video>
</div>
<div class="review">
${review}
</div>
<div class="bottom">
<div class="name">${name}</div>
<div class="designation">${designation}</div>
</div>
</div>`;
return htmlCode;
};
const showTestimonial = () => {
let index = latestTestimonialIndex;
for (let i = index; i < index + 2; i++) {
if (!data[i]) {
showMoreBtn.style.display = "none";
return;
}
testimonials.innerHTML += generateTestimonial(
data[i].videoUrl,
data[i].review,
data[i].name,
data[i].designation
);
latestTestimonialIndex++;
}
};
showTestimonial();
showMoreBtn.addEventListener("click", showTestimonial);
</script>
</div>

View File

@ -0,0 +1,254 @@
<div id = "universities" class="section-full site-bg-white h-page6-getjobs-wrap">
<div class="h-page6-client-slider-outer">
<div class="container">
<div class="h-page6-client-slider">
<div class="row">
<div class="col-xl-4 col-lg-12">
<div class="h-page-6-client-slide-title">
Colleges Universities <span class="site-text-primary">We Represents</span>
</div>
</div>
<div class="col-xl-8 col-lg-12">
<div class="owl-carousel home-client-carousel6 owl-btn-vertical-center owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage"
style="transform: translate3d(-1087px, 0px, 0px); transition: all 0.25s ease 0s; width: 4352px;">
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt="">
</a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo clicarousalent-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 187.552px; margin-right: 30px;">
<div class="item">
<div class="ow-client-logo">
<div class="client-logo client-logo-media">
<a href="employer-list.html"><img
src="{{ asset('raffels/assets/images/client-logo2/Subject.png') }}"
alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation"
class="owl-prev"><i class="fa fa-angle-left"></i></button><button type="button"
role="presentation" class="owl-next"><i class="fa fa-angle-right"></i></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>