This commit is contained in:
2025-08-21 12:02:59 +05:45
21 changed files with 315 additions and 131 deletions

View File

@@ -20,6 +20,8 @@
}
.bibhuti{
font-family: 'pacifico', cursive;
font-weight: bold;
font-size: 16px;
}
/* @font-face {
@@ -611,6 +613,15 @@ z-index: 10000;
box-shadow: 0 5px 15px rgba(128, 128, 128, 0.377);
transition: .3s all ease-in-out;
}
.col.col-md-3:nth-child(1) .course-box img, .col.col-md-3:nth-child(2) .course-box img{
width: 100%;
}
.col.col-md-3:nth-child(4) .course-box img {
width: 125px;
}
.col.col-md-3:nth-child(4) .course-box img {
width: 120px;
}
.how-it-work input, .how-it-work textarea {
border: 1px solid #E3E3E3;
@@ -1190,6 +1201,15 @@ font-weight: bold;
padding: 40px 0;
}
.numbering{
background-color: white;
padding: 0px 20px;
border-radius: 100%;
font-size: 32px;
color: #CE171F;
font-weight: 400;
margin: 0;
}
.free-resources-content .first-row{
border: 1px solid #E5E5E5;
display: flex;
@@ -1294,6 +1314,38 @@ margin: 10px 0;
display: none;
}
.tab-container .title-small{
font-size: 20px;
font-weight: 600;
padding-bottom: 10px;
color: black;
}
.tab-container .para{
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
color: black;
}
.tab-container .paraa{
color: black;
}
.tab-container .para-slant{
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
color: black;
font-style: italic;
}
.tab-container ul.list-disc li{
list-style: disc;
}
.tab-container ol.list-alpha li{
list-style: lower-alpha;
}
.tab-content.active {
display: block;
}
@@ -2542,6 +2594,11 @@ border-collapse: separate;
position: relative;
z-index: 2;
}
.cost-select{
border-radius: 30px;
border: 1px solid rgb(190, 189, 189);
}
canvas { position: absolute; top: 0; left: 0; z-index: 1; pointer-events: auto; }
@@ -2941,6 +2998,9 @@ justify-content: space-between;
gap: 0.5rem;
}
.service-items .service-item.country:nth-child(1){
background-color: rgba(110, 127, 153, 0.15);
}
.service-item {
cursor: pointer;
border-radius: 0.75rem;
@@ -3437,6 +3497,22 @@ justify-content: space-between;
}
}
.tabs-table{
border: 1px solid gray;
padding: 20px;
}
.tabs-table td{
border-right: 1px solid gray;
padding: 10px;
}
.tabs-table thead td{
font-weight: bold;
font-size: 16px;
}
.tabs-table tbody td{
font-weight: 400;
font-size: 14px;
}

View File

@@ -7519,6 +7519,9 @@
.object-cover {
object-fit: cover;
}
.object-contain {
object-fit: contain;
}
.objpos-center {
object-position: center;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 103 KiB

View File

@@ -743,6 +743,7 @@ doneBtn.addEventListener("click", () => {
}
});
// Final monkey image
// document.addEventListener("DOMContentLoaded", function () {

View File

@@ -604,16 +604,19 @@
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.accordion-content');
document.addEventListener('DOMContentLoaded', function () {
const tabs = document.querySelectorAll('.accordion-content.resource');
tabs.forEach(tab => {
tab.addEventListener('click', function() {
tabs.forEach(t => t.classList.remove('highlight-tab'));
this.classList.add('highlight-tab');
});
});
});
tabs.forEach(tab => {
tab.addEventListener('click', function () {
// Remove highlight from all
tabs.forEach(t => t.classList.remove('highlight-tab'));
// Add highlight to clicked one
this.classList.add('highlight-tab');
});
});
});
</script>
</div>

View File

@@ -51,21 +51,14 @@
<div class="col col-12 col-md-4 flex flex-col p-10">
<div class="mb-20 ld-fancy-heading relative module-title">
{{-- <div class="mb-20 ld-fancy-heading relative module-title">
<h3
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-black">
Subscribe for Newsletter
</h3>
</div>
</div> --}}
<div class="lqd-fancy-menu lqd-custom-menu flex flex-col gap-5 relative left lqd-menu-td-none">
<form class="flex" action="">
<input class=" border-0 w-80percent px-20 text-14 py-10 text-black" type="email"
name="email" id="email" placeholder="Enter your Email">
<button class="border-0 text-white p-10 text-12 ">Subscribe</button>
</form>
<div class="flex gap-15 mt-10 flex-wrap social-icons-footer">
<div class="flex gap-15 mt-10 flex-wrap social-icons-footer">
<a href="{{ setting('facebook') }}" target="blank"><i class="fa-brands fa-facebook"></i></a>
<a href="{{ setting('youtube') }}" target="blank"> <i class="fa-brands fa-youtube"></i></a>
<a href="{{ setting('instagram') }}" target="blank"> <i
@@ -74,6 +67,15 @@
<a href="{{ setting('whatsapp') }}" target="blank"> <i
class="fa-brands fa-square-whatsapp"></i></a>
</div>
<form class="flex" action="">
<input class=" border-0 w-80percent px-20 text-14 py-10 text-black" type="email"
name="email" id="email" placeholder="Enter your Email">
<button class="border-0 text-white p-10 text-12 ">Subscribe</button>
</form>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.3752814608883!2d85.32120487541293!3d27.705697025564373!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1755670491057!5m2!1sen!2snp" width="100%" height="150" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>

View File

@@ -43,7 +43,7 @@
<div class="service-items">
@foreach ($countries as $country)
<a href="{{ route('country.single', $country->slug) }}"
class="service-item">
class="service-item country">
<div class="service-icon blue-bg">
<img src="{{ asset($country->image) }}"
alt="">

View File

@@ -237,14 +237,14 @@
<div class="container section">
<section class="section">
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-42 md:text-30 text-sec">{{ $fifthPage->title }}</h2>
<h2 class="text-42 md:text-30 text-sec ">{{ $fifthPage->title }}</h2>
</div>
</section>
<div class="row section">
@foreach ($fifthPage->custom as $child)
<div class="col col-md-4">
<div class="flex flex-col gap-10 ceo-container px-20 py-20">
<h3 class="text-brand text-26 md:text-18 font-bold leading-30">{{ $child['icon'] ?? '' }}
<h3 class="text-brand text-26 md:text-18 font-bold leading-30 text-center">{{ $child['icon'] ?? '' }}
</h3>
<p class="text-black text-14 text-center">{{ $child['key'] ?? '' }}</p>
</div>

View File

@@ -132,7 +132,7 @@
<section class="lqd-section pb-160">
<div class="container">
<div class="row" id="interactiveSection">
<div class="row justify-center flex" id="interactiveSection">
<div class="col col-lg-12">
@@ -228,7 +228,7 @@
<div class="col col-sm-12">
<div class="flex items-center gap-10 px-10 py-12 bg-white rounded-30 tabs">
@foreach ($programss as $key => $program)
<select name="program_id" id="" required>
<select name="program_id" class="cost-select" id="" required>
<option value="">Select Program</option>
<option value="{{ $key }}">{{ $program }}</option>
</select>

View File

@@ -96,7 +96,7 @@
<div class="row">
<div class="col col-md-2">
<div class="sm:w-50percent w-full h-70">
<img class="w-full h-full" src="{{ $item->institution?->image }}"
<img class="w-full h-full object-contain" src="{{ $item->institution?->image }}"
alt="">
</div>
</div>

View File

@@ -37,7 +37,7 @@
aria-labelledby="heading-question-1">
@foreach ($countries as $country)
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
<div class="accordion-content resource text-16 leading-20 text-black bg-white px-10 flex items-center gap-10 "
onclick="showTab('tab{{ $country->title }}')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>{{ $country->title }}</p>

View File

@@ -21,7 +21,8 @@
<li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
<div class="text-17 font-bold flex gap-10 items-center">
<img class="w-40" src="assets/images/icons/one.svg" alt="">
<p class="numbering">1</p>
{{-- <img class="w-40" src="assets/images/icons/one.svg" alt=""> --}}
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
</div>
</li>
@@ -172,6 +173,115 @@
</div>
</div>
</div>
<div class="py-40">
<div class="py-10">
<h4 class="title-small">1. What is the average tuition, living, and
health insurance cost in the USA?</h4>
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000$35,000
/ year</p>
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000$35,000
/ year</p>
<p class="para-slant">Living: $8,000$12,000/year | Health Insurance:
$1,000$2,000 / year</p>
</div>
<div class="py-10">
<h4 class="title-small">2. What types of scholarships are available?
</h4>
<ul class="list-disc">
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ul>
</div>
<div class="py-10">
<h4 class="title-small">3. What types of scholarships are available?
</h4>
<ol class="list-alpha">
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ol>
</div>
<div class="py-10">
<h4 class="title-small">4. What types of scholarships are available?
</h4>
<ol class="list-alpha">
<li class="para"><a class="text-sec underline" href="#"
target="_blank"><strong>Merit-based: </strong>Based on
academic
scores or test results</a></li>
<li class="para"><strong>Merit-based: </strong>Based on academic
scores or test results</li>
<li class="para">Merit-based:Based on academic scores or test
results</li>
</ol>
</div>
<div class="py-10">
<table class="tabs-table">
<thead>
<tr>
<td>Universities</td>
<td>Annual Tuition Fee
(Non-Eu/EEA)
in Euro & Approximate in NPR</td>
<td>Scholarships Available</td>
</tr>
</thead>
<tbody>
<tr>
<td>
University Of Copenhagen(UCPH)
</td>
<td>
€10,000€17,000 OR
NPR 1,350,0002,295,000
</td>
<td>
Danish Government Scholarship (offered by the university
on behalf of the Danish Ministry)
</td>
</tr>
<tr>
<td>
University Of Copenhagen(UCPH)
</td>
<td>
€10,000€17,000 OR
NPR 1,350,0002,295,000
</td>
<td>
Danish Government Scholarship (offered by the university
on behalf of the Danish Ministry)
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

View File

@@ -21,7 +21,8 @@
<li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
<div class="text-17 font-bold flex gap-10 items-center">
<img class="w-40" src="assets/images/icons/one.svg" alt="">
<p class="numbering">1</p>
{{-- <img class="w-40" src="assets/images/icons/one.svg" alt=""> --}}
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
</div>
</li>

View File

@@ -5,7 +5,7 @@
$last_word = array_pop($words);
$new_title = implode(' ', $words);
@endphp
<div class="container py- scroll-section" id="achievement" data-name="Achievement">
<div class="container py- scroll-section" id="Achievement" data-name="Achievement">
<div class="w-full block section">
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
<div class="ld-fancy-heading relative mb-20 animation-element">

View File

@@ -1,5 +1,5 @@
<div id="lqd-contents-wrap">
<section class="lqd-section banner pt-140 pb-80 scroll-section" id="banner" data-name="Banner">
<section class="lqd-section banner pt-140 pb-80 scroll-section" id="Banner" data-name="Banner">
<div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
<div class="ld-particles-container relative w-full lqd-particles-as-bg lqd-overlay flex h-450">
<div class="ld-particles-inner lqd-overlay flex pointer-events-none" id="lqd-particle-banner"
@@ -63,81 +63,81 @@
</div>
</div>
<section class="lqd-section social-media pt-40 w-85percent">
<div class="">
<div class="row py-25 px-5 rounded-20 bg-yellow">
<div class="col col-6 col-md-3 text-center p-0">
<div
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<section class="lqd-section social-media pt-40 w-85percent">
<div class="">
<div class="row py-25 px-5 rounded-20 bg-yellow">
<div class="col col-6 col-md-3 text-center p-0">
<div
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="4">0</span> k</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
Universities
</h3>
</div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="100">0</span> +</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
Universities
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0 ">
<div
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="3">0</span> k</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
mentors
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0 ">
<div
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="500">0</span> +</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
Courses
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0">
<div
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="40">0</span> </h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
countries
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0">
<div
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="600">0</span> +</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
Accomodation
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0">
<div
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default ">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="90">0</span> k</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
success stories
</h3>
</div>
</div>
<div class="col col-6 col-md-3 text-center p-0">
<div
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default ">
<div>
<h3 class=" text-ter text-22 font-light m-0"><span
class="counter" data-target="3000">0</span> +</h3>
</div>
<div class="contents">
<h3
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
Success stories
</h3>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
</div>
</div>
<div class="col col-12 col-md-5 col-xl-6">

View File

@@ -1,4 +1,4 @@
<section class="lqd-section how-it-work scroll-section" id="contact" data-name="Contact">
<section class="lqd-section how-it-work scroll-section" id="Contact" data-name="Contact">
<div class="container w-full block mb-35 section">
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
<div class="ld-fancy-heading relative mb-20 animation-element">
@@ -45,7 +45,7 @@
<!-- next column -->
<div class="col col-12 col-md-6" data-custom-animations="true"
data-ca-options='{"animationTarget": ".accordion", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<h2 class="text-26 text-white text-center">FAQ</h2>
<h2 class="text-42 text-white text-center pt-25">FAQ</h2>
<div class="accordion accordion-title-underlined accordion-sm xl:ml-0 pl-10"
id="accordion-questions" role="tablist" aria-multiselectable="true">
@foreach ($faqs as $index => $faq)

View File

@@ -6,7 +6,7 @@
<section class="course-section">
<div class="container mb-20 scroll-section" id="course" data-name="Course">
<div class="container mb-20 scroll-section" id="Course" data-name="Course">
<div class="w-full block mb-35 section">
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
<div class="ld-fancy-heading relative mb-20 animation-element">
@@ -21,8 +21,8 @@
@foreach ($firstCourse->custom as $index => $data)
<div class=" col col-md-3">
<a href="course-finder.php" class=" course-box rounded-10 ">
<div class="w-100">
<img class="w-full " src="{{ asset($firstCourse->images[$index]) }}" alt="">
<div class="">
<img class="w-ful " src="{{ asset($firstCourse->images[$index]) }}" alt="">
</div>
<div class="pt-10">
<p class=" text-16 text-white m-0">{{ $data['key'] ?? '' }}</p>

View File

@@ -24,61 +24,45 @@
class="w-full p-30 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all mr-50 sm:mr-0">
<div class=" pt-10">
<h4 class="text-ter text-46">
<h4 class="text-ter text-36">
Get in <span class="text-brand">touch</span>
</h4>
<h5 class="font-medium text-20">Book your <span class="font-bold">FREE
<h5 class="font-medium text-16">Book your <span class="font-bold">FREE
consultation </span>with Certified Counsellors</h5>
</div>
<form action="{{ route('counselor.store') }}" method="POST" id="counselor-form">
@csrf
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
name="name" id="name" placeholder=" Name" required>
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
name="address" id="address" placeholder=" Address" required>
<div class="flex justify-between items-center gap-5">
<input class="w-full mb-10 rounded-6 py-10 text-14 px-10 border-bottom"
type="text" name="name" id="name" placeholder=" Name" required>
<input class="w-full mb-10 rounded-6 py-10 text-14 px-10 border-bottom"
type="text" name="address" id="address" placeholder=" Address" required>
</div>
<div class="flex justify-between items-center ">
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email"
<input class="w-60percent mb-10 rounded-6 py-10 text-14 px-10" type="email"
name="email" id="email" placeholder="Your Email" required>
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
inputmode="numeric" name="contact" id="contact" placeholder="Contact">
<input class="w-30percent mb-10 rounded-6 py-10 text-14 px-10" type="number"
inputmode="numeric" name="contact" id="contact" placeholder="Contact"
required>
</div>
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text"
<input class="w-full mb-10 rounded-6 py-10 text-14 px-10" type="text"
name="test_score" id="test_score"
placeholder="Language Test Score (ilets overall: 7.0 )" required>
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text"
<input class="w-full mb-20 rounded-6 py-10 text-14 px-10" type="text"
name="qualification" id="qualification" placeholder="Recent Education Qualification"
required>
<input class="mb-20" type="checkbox" id="terms">
<label class="text-14 mb-20" for="terms">I accept the terms & conditions</label>
<input class="mb-20" type="checkbox">
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
<button type="submit" id="counselor-submit-btn"
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
Send Message</button>
</form>
<div class="flex gap-40 py-30">
<div class="flex gap-30 items-center">
<i class="fa-solid fa-phone-volume text-black text-24"></i>
<div class="flex flex-col gap-5">
<h4 class="text-16 text-black">Phone</h4>
<a class="text-16 text-brand"
href="tel{{ setting('phone') }}">{{ setting('phone') }}</a>
</div>
</div>
<div class="flex gap-30 items-center">
<i class="fa-solid fa-envelope text-black text-24"></i>
<div class="flex flex-col gap-5">
<h4 class="text-16 text-black">E-MAIL</h4>
<a class="text-16 text-brand"
href="mailto:{{ setting('email') }}">{{ setting('email') }}</a>
</div>
</div>
</div>
</div>
</div>
@@ -95,6 +79,10 @@
</div>
</div>
<div class="row">
<div class="col-md-6">
</div>
</div>
</div>
</div>

View File

@@ -1,4 +1,4 @@
<section class="lqd-section process scroll-section " id="process" data-name="Process" data-custom-animations="true"
<section class="lqd-section process scroll-section " id="Process" data-name="Process" data-custom-animations="true"
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
<div class="container">
<div class="w-full block mb-15 section">

View File

@@ -1,6 +1,6 @@
<section class="testimonial-slides pb-30">
<div class="container scroll-section " id="testimonial" data-name="Testimonial">
<div class="container scroll-section " id="Testimonial" data-name="Testimonial">
<div class="w-full block mb-35 section">
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
<div class="ld-fancy-heading relative mb-20 animation-element">
@@ -10,7 +10,7 @@
</div>
<div class="ld-fancy-heading relative animation-element">
<p class="ld-fh-element mb-0/5em inline-block relative text-18 font-light leading-25 text-ter">
Hear what our students have to say about Raffles
Hear what our students & their guardians have to say.
</p>
</div>
</div>

View File

@@ -1,4 +1,4 @@
<div class="container scroll-section" id="university" data-name="University">
<div class="container scroll-section" id="University" data-name="University">
<div class="w-full block mb-35 section">
<div class="w-full sm:w-full flex flex-col mx-auto text-center p-10">
<div class="ld-fancy-heading relative mb-20 animation-element">