Scribd
Upload
0 views66 pages

Code Lines

UKStudy is a platform designed to assist international students in navigating the UK university application process, helping them find suitable courses and start their academic journey confidently. The website features sections on services, partner universities, student testimonials, and statistics showcasing their success. Key offerings include university selection, application assistance, and visa guidance.

Uploaded by

tamaraisgrace
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0 views66 pages

Code Lines

UKStudy is a platform designed to assist international students in navigating the UK university application process, helping them find suitable courses and start their academic journey confidently. The website features sections on services, partner universities, student testimonials, and statistics showcasing their success. Key offerings include university selection, application assistance, and visa guidance.

Uploaded by

tamaraisgrace
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 66

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UKStudy - Your Gateway to UK Universities</title>
<meta name="description" content="UKStudy helps international students navigate the UK
university application process, find the perfect course, and begin their academic journey with
confidence." />
<meta name="author" content="UKStudy" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
</head>

<body class="min-h-screen bg-white">


<!-- Navigation -->
<header class="fixed w-full bg-white shadow-md z-50">
<div class="container mx-auto px-4">
<nav class="flex items-center justify-between py-4">
<a href="index.html" class="text-2xl font-bold text-indigo">UKStudy</a>

<!-- Desktop Navigation -->


<div class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-800 hover:text-indigo font-medium">Home</a>
<a href="about.html" class="text-gray-800 hover:text-indigo font-medium">About</a>
<a href="services.html" class="text-gray-800 hover:text-indigo
font-medium">Services</a>
<a href="universities.html" class="text-gray-800 hover:text-indigo
font-medium">Universities</a>
<a href="contact.html" class="text-gray-800 hover:text-indigo font-medium">Contact</a>
</div>

<!-- Contact Button -->


<div class="hidden md:block">
<a href="contact.html" class="bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>

<!-- Mobile Menu Button -->


<button id="mobile-menu-button" class="md:hidden text-gray-600 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4
12h16M4 18h16"></path>
</svg>
</button>
</nav>

<!-- Mobile Navigation -->


<div id="mobile-menu" class="md:hidden hidden pb-4">
<a href="index.html" class="block py-2 text-gray-800 hover:text-indigo">Home</a>
<a href="about.html" class="block py-2 text-gray-800 hover:text-indigo">About</a>
<a href="services.html" class="block py-2 text-gray-800 hover:text-indigo">Services</a>
<a href="universities.html" class="block py-2 text-gray-800
hover:text-indigo">Universities</a>
<a href="contact.html" class="block py-2 text-gray-800 hover:text-indigo">Contact</a>
<a href="contact.html" class="inline-block mt-3 bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>
</div>
</header>

<!-- Hero Section -->


<section class="relative pt-24 pb-16 md:pt-32 md:pb-24">
<div class="absolute inset-0 bg-gradient-to-br from-indigo to-indigo-dark opacity-90"></div>
<div class="container mx-auto px-4 relative z-10">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-12 text-white">
<h1 class="text-4xl md:text-6xl font-bold mb-6">
Your Gateway to UK's Top Universities
</h1>
<p class="text-lg mb-8 text-gray-100">
We help international students navigate the UK university application process,
find the perfect course, and begin their academic journey with confidence.
</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="universities.html" class="bg-white text-indigo hover:bg-gray-100 px-8 py-4
text-lg rounded-md font-medium text-center">
Explore Universities
</a>
<a href="contact.html" class="border-2 border-white text-white hover:bg-white
hover:text-indigo px-8 py-4 text-lg rounded-md font-medium text-center">
Free Consultation
</a>
</div>
</div>
<div class="md:w-1/2">
<div class="relative">
<div class="absolute inset-0 bg-indigo rounded-lg -rotate-6 transform
-translate-y-2"></div>
<img

src="https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3
wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1
470&q=80"
alt="UK University students"
class="rounded-lg shadow-xl relative z-10"
/>
</div>
</div>
</div>
</div>
</section>

<!-- Stats Section -->


<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">1000+</p>
<p class="mt-2 text-gray-600">Students Placed</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">98%</p>
<p class="mt-2 text-gray-600">Success Rate</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">50+</p>
<p class="mt-2 text-gray-600">Partner Universities</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">10+</p>
<p class="mt-2 text-gray-600">Years Experience</p>
</div>
</div>
</div>
</section>

<!-- Services Section -->


<section class="py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Services</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
We offer comprehensive support throughout your educational journey in the UK.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8">


<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12
6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18
7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5
1.253v13c-1.168-.775-2.754-1.253-4.5-1.253-1.746 0-3.332.477-4.5 1.253" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">University Selection</h3>
<p class="text-gray-600 text-center">
We help you find the perfect university based on your academic background, career
goals, and preferences.
</p>
</div>

<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">


<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">Application Assistance</h3>
<p class="text-gray-600 text-center">
Complete support with the application process, including personal statements,
references, and interviews.
</p>
</div>

<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">


<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2
2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0
00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">Visa Guidance</h3>
<p class="text-gray-600 text-center">
Expert advice on student visa requirements and assistance throughout the visa
application process.
</p>
</div>
</div>

<div class="text-center mt-12">


<a href="services.html" class="inline-block border-2 border-indigo text-indigo
hover:bg-indigo hover:text-white px-6 py-3 rounded-md transition">
View All Services
</a>
</div>
</div>
</section>

<!-- Universities Section -->


<section class="py-16 md:py-24 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Partner Universities</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
We work with the UK's leading universities to provide our students with the best
educational opportunities.
</p>
</div>

<div class="flex flex-wrap justify-center gap-6">


<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Oxford</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Cambridge</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">Imperial College London</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University College London</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">London School of Economics</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Edinburgh</h3>
</div>
</div>
</div>

<div class="text-center mt-12">


<a href="universities.html" class="inline-block border-2 border-indigo text-indigo
hover:bg-indigo hover:text-white px-6 py-3 rounded-md transition">
View All Universities
</a>
</div>
</div>
</section>

<!-- Testimonials Section -->


<section class="py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Student Success Stories</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
Hear from our students who have successfully started their UK education journey with
our help.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">


<div class="bg-white p-6 rounded-lg shadow-lg">
<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Sarah Johnson</h3>
<p class="text-sm text-gray-500">MSc Computer Science, Oxford University</p>
</div>
<p class="text-gray-600 italic">
"UKStudy made the daunting process of applying to Oxford incredibly simple. Their
guidance was invaluable, and I couldn't have done it without them!"
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-lg">


<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Michael Chen</h3>
<p class="text-sm text-gray-500">MBA, London Business School</p>
</div>
<p class="text-gray-600 italic">
"The team provided excellent guidance throughout my application process. Their
insight into what business schools look for was incredibly helpful."
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-lg">


<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Priya Patel</h3>
<p class="text-sm text-gray-500">BEng Engineering, Imperial College</p>
</div>
<p class="text-gray-600 italic">
"From course selection to visa application, UKStudy supported me every step of the
way. I highly recommend their services!"
</p>
</div>
</div>
</div>
</section>

<!-- CTA Section -->


<section class="py-20 bg-indigo">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white">Ready to Begin Your UK
Education Journey?</h2>
<p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
Contact us today for a free consultation and take the first step towards studying at a top
UK university.
</p>
<a href="contact.html" class="inline-block bg-white text-indigo hover:bg-gray-100 px-8 py-4
text-lg rounded-md font-medium">
Get Started
</a>
</div>
</section>

<!-- Footer -->


<footer class="bg-gray-900 text-gray-300 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white text-lg font-bold mb-4">UKStudy</h3>
<p class="mb-4">Your gateway to UK's top universities. We help international students
navigate the application process with confidence.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991
3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0
2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443
2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178
0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27
8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106
4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095
4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0
006.29 1.84"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049
1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416
1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 3.808-.049
1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772
1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643
0-2.987-.012-3.808-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902
4.902 0
01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.
013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902
0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081
1.802h-.468c-2.456
0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.68
3-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011
2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566
1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01
3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398
1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-
.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15
3.098 3.098 0
00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12
6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666
3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="hover:text-white">Home</a></li>
<li><a href="about.html" class="hover:text-white">About Us</a></li>
<li><a href="services.html" class="hover:text-white">Services</a></li>
<li><a href="universities.html" class="hover:text-white">Universities</a></li>
<li><a href="contact.html" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Services</h3>
<ul class="space-y-2">
<li><a href="services.html#university-selection" class="hover:text-white">University
Selection</a></li>
<li><a href="services.html#application-assistance" class="hover:text-white">Application
Assistance</a></li>
<li><a href="services.html#visa-guidance" class="hover:text-white">Visa
Guidance</a></li>
<li><a href="services.html#accommodation"
class="hover:text-white">Accommodation</a></li>
<li><a href="services.html#pre-departure" class="hover:text-white">Pre-Departure
Support</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3
3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>123 Education Street, London, UK</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span>+44 20 1234 5678</span>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 text-center">
<p>&copy; 2025 UKStudy. All rights reserved.</p>
</div>
</div>
</footer>

<!-- Scripts -->


<script src="js/main.js"></script>
</body>
</html>

About.htmll​

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us | UKStudy</title>
<meta name="description" content="Learn about UKStudy and our mission to help
international students find the perfect UK university." />
<meta name="author" content="UKStudy" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
</head>

<body class="min-h-screen bg-white">


<!-- Navigation -->
<header class="fixed w-full bg-white shadow-md z-50">
<div class="container mx-auto px-4">
<nav class="flex items-center justify-between py-4">
<a href="index.html" class="text-2xl font-bold text-indigo">UKStudy</a>

<!-- Desktop Navigation -->


<div class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-800 hover:text-indigo font-medium">Home</a>
<a href="about.html" class="text-gray-800 hover:text-indigo font-medium">About</a>
<a href="services.html" class="text-gray-800 hover:text-indigo
font-medium">Services</a>
<a href="universities.html" class="text-gray-800 hover:text-indigo
font-medium">Universities</a>
<a href="contact.html" class="text-gray-800 hover:text-indigo font-medium">Contact</a>
</div>

<!-- Contact Button -->


<div class="hidden md:block">
<a href="contact.html" class="bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>

<!-- Mobile Menu Button -->


<button id="mobile-menu-button" class="md:hidden text-gray-600 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4
12h16M4 18h16"></path>
</svg>
</button>
</nav>

<!-- Mobile Navigation -->


<div id="mobile-menu" class="md:hidden hidden pb-4">
<a href="index.html" class="block py-2 text-gray-800 hover:text-indigo">Home</a>
<a href="about.html" class="block py-2 text-gray-800 hover:text-indigo">About</a>
<a href="services.html" class="block py-2 text-gray-800 hover:text-indigo">Services</a>
<a href="universities.html" class="block py-2 text-gray-800
hover:text-indigo">Universities</a>
<a href="contact.html" class="block py-2 text-gray-800 hover:text-indigo">Contact</a>
<a href="contact.html" class="inline-block mt-3 bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>
</div>
</header>

<!-- Hero Section -->


<section class="pt-24 pb-16 md:pt-32 md:pb-20 bg-gradient-to-br from-indigo to-indigo-dark
text-white">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-6">About UKStudy</h1>
<div class="w-24 h-1 bg-white mx-auto mb-6"></div>
<p class="text-lg text-gray-100 max-w-3xl mx-auto">
We are dedicated to helping international students achieve their academic ambitions in
the United Kingdom.
</p>
</div>
</section>

<!-- Our Story Section -->


<section class="py-16 md:py-20">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0">
<div class="relative">
<div class="absolute inset-0 bg-indigo-light rounded-lg rotate-3 transform
translate-x-2"></div>
<img

src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&auto=fo
rmat&fit=crop&w=800&q=80"
alt="UKStudy team meeting"
class="rounded-lg shadow-xl relative z-10"
/>
</div>
</div>
<div class="md:w-1/2 md:pl-12">
<h2 class="text-3xl font-bold mb-6">Our Story</h2>
<div class="w-16 h-1 bg-indigo mb-6"></div>
<p class="text-gray-600 mb-6">
Founded in 2010, UKStudy began with a simple mission: to simplify the complex
process of applying to UK universities for international students. Our founder, Dr. James Wilson,
experienced firsthand the challenges faced by international students while working in university
admissions.
</p>
<p class="text-gray-600 mb-6">
What started as a small consultancy has grown into a comprehensive educational
agency with a network of partners across the United Kingdom. We've helped thousands of
students from over 50 countries achieve their dream of studying in the UK.
</p>
<p class="text-gray-600">
Today, we pride ourselves on our personalized approach, high success rate, and
ongoing support throughout the student journey.
</p>
</div>
</div>
</div>
</section>

<!-- Mission & Values Section -->


<section class="py-16 md:py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Mission & Values</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-3xl mx-auto">
We are guided by our commitment to educational excellence and student success.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8">


<div class="bg-white p-8 rounded-lg shadow-md">
<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Integrity</h3>
<p class="text-gray-600">
We provide honest, transparent advice that puts student interests first. We only
recommend universities and courses that truly match student goals and capabilities.
</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md">
<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13
10V3L4 14h7v7l9-11h-7z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Excellence</h3>
<p class="text-gray-600">
We strive for excellence in all our services, ensuring our students receive the best
possible guidance and support throughout their academic journey.
</p>
</div>

<div class="bg-white p-8 rounded-lg shadow-md">


<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12
4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0
11-8 0 4 4 0 018 0z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Student-Centered</h3>
<p class="text-gray-600">
We develop personalized strategies for each student, recognizing that every
educational journey is unique and requires a tailored approach.
</p>
</div>
</div>
</div>
</section>

<!-- Team Section -->


<section class="py-16 md:py-20">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Meet Our Team</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-3xl mx-auto">
Our team of education specialists brings years of experience in UK higher education.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">


<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="h-48 bg-gray-200"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1">Dr. James Wilson</h3>
<p class="text-indigo mb-3">Founder & CEO</p>
<p class="text-gray-600 text-sm">Former head of international recruitment at University
of London with over 15 years of experience in higher education.</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="h-48 bg-gray-200"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1">Sarah Thompson</h3>
<p class="text-indigo mb-3">Education Consultant</p>
<p class="text-gray-600 text-sm">Specialized in STEM course placement with a
background in academic advising at Imperial College London.</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="h-48 bg-gray-200"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1">Michael Reynolds</h3>
<p class="text-indigo mb-3">Visa Specialist</p>
<p class="text-gray-600 text-sm">Certified immigration advisor with expertise in UK
student visa regulations and application procedures.</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="h-48 bg-gray-200"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-1">Priya Sharma</h3>
<p class="text-indigo mb-3">Student Success Manager</p>
<p class="text-gray-600 text-sm">Former international student with firsthand
experience navigating the UK education system.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Partnerships Section -->
<section class="py-16 md:py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Partnerships</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-3xl mx-auto">
We collaborate with leading UK universities and educational institutions to provide the
best opportunities for our students.
</p>
</div>

<div class="flex flex-wrap justify-center gap-8">


<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
<div class="w-32 h-32 bg-white rounded-lg shadow-md flex items-center justify-center">
<span class="text-gray-500">University Logo</span>
</div>
</div>
</div>
</section>

<!-- CTA Section -->


<section class="py-20 bg-indigo">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white">Ready to Start Your UK
Education Journey?</h2>
<p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
Our team is ready to guide you through every step of the process.
</p>
<a href="contact.html" class="inline-block bg-white text-indigo hover:bg-gray-100 px-8 py-3
rounded-md font-medium">
Contact Us Today
</a>
</div>
</section>

<!-- Footer -->


<footer class="bg-gray-900 text-gray-300 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white text-lg font-bold mb-4">UKStudy</h3>
<p class="mb-4">Your gateway to UK's top universities. We help international students
navigate the application process with confidence.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991
3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0
2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443
2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178
0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27
8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106
4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095
4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0
006.29 1.84"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049
1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416
1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 3.808-.049
1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772
1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643
0-2.987-.012-3.808-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902
4.902 0
01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.
013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902
0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081
1.802h-.468c-2.456
0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.68
3-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011
2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566
1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01
3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398
1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-
.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15
3.098 3.098 0
00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12
6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666
3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="hover:text-white">Home</a></li>
<li><a href="about.html" class="hover:text-white">About Us</a></li>
<li><a href="services.html" class="hover:text-white">Services</a></li>
<li><a href="universities.html" class="hover:text-white">Universities</a></li>
<li><a href="contact.html" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Services</h3>
<ul class="space-y-2">
<li><a href="services.html#university-selection" class="hover:text-white">University
Selection</a></li>
<li><a href="services.html#application-assistance" class="hover:text-white">Application
Assistance</a></li>
<li><a href="services.html#visa-guidance" class="hover:text-white">Visa
Guidance</a></li>
<li><a href="services.html#accommodation"
class="hover:text-white">Accommodation</a></li>
<li><a href="services.html#pre-departure" class="hover:text-white">Pre-Departure
Support</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3
3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>123 Education Street, London, UK</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span>+44 20 1234 5678</span>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 text-center">
<p>&copy; 2025 UKStudy. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="js/main.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us | UKStudy</title>
<meta name="description" content="Get in touch with UKStudy for expert advice on UK
university applications and admissions." />
<meta name="author" content="UKStudy" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
</head>

<body class="min-h-screen bg-white">


<!-- Navigation -->
<header class="fixed w-full bg-white shadow-md z-50">
<div class="container mx-auto px-4">
<nav class="flex items-center justify-between py-4">
<a href="index.html" class="text-2xl font-bold text-indigo">UKStudy</a>

<!-- Desktop Navigation -->


<div class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-800 hover:text-indigo font-medium">Home</a>
<a href="about.html" class="text-gray-800 hover:text-indigo font-medium">About</a>
<a href="services.html" class="text-gray-800 hover:text-indigo
font-medium">Services</a>
<a href="universities.html" class="text-gray-800 hover:text-indigo
font-medium">Universities</a>
<a href="contact.html" class="text-gray-800 hover:text-indigo font-medium">Contact</a>
</div>

<!-- Contact Button -->


<div class="hidden md:block">
<a href="contact.html" class="bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>

<!-- Mobile Menu Button -->


<button id="mobile-menu-button" class="md:hidden text-gray-600 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4
12h16M4 18h16"></path>
</svg>
</button>
</nav>

<!-- Mobile Navigation -->


<div id="mobile-menu" class="md:hidden hidden pb-4">
<a href="index.html" class="block py-2 text-gray-800 hover:text-indigo">Home</a>
<a href="about.html" class="block py-2 text-gray-800 hover:text-indigo">About</a>
<a href="services.html" class="block py-2 text-gray-800 hover:text-indigo">Services</a>
<a href="universities.html" class="block py-2 text-gray-800
hover:text-indigo">Universities</a>
<a href="contact.html" class="block py-2 text-gray-800 hover:text-indigo">Contact</a>
<a href="contact.html" class="inline-block mt-3 bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>
</div>
</header>

<!-- Hero Section -->


<section class="pt-24 pb-16 md:pt-32 md:pb-20 bg-gradient-to-br from-indigo-dark via-indigo
to-indigo text-white">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Contact Us</h1>
<div class="w-24 h-1 bg-white mx-auto mb-6"></div>
<p class="text-lg text-gray-100 max-w-3xl mx-auto">
We're here to help you take the first steps towards your UK education journey.
</p>
</div>
</section>

<!-- Contact Information -->


<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md text-center">
<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Phone</h3>
<p class="text-gray-600">
UK: +44 20 1234 5678<br />
International: +44 20 8765 4321
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-md text-center">


<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Email</h3>
<p class="text-gray-600">
[email protected]<br />
[email protected]
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-md text-center">


<div class="w-12 h-12 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3
0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<h3 class="text-xl font-bold mb-2">Address</h3>
<p class="text-gray-600">
123 Education Street<br />
London, SW1A 1AA<br />
United Kingdom
</p>
</div>
</div>
</div>
</section>

<!-- Contact Form -->


<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<div class="bg-white p-8 rounded-lg shadow-lg">
<h2 class="text-2xl font-bold mb-6">Get in Touch</h2>
<p class="text-gray-600 mb-8">
Fill out the form below and one of our education consultants will contact you to discuss
your UK university options.
</p>

<form id="contact-form">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<label for="firstName" class="block text-sm font-medium text-gray-700 mb-1">
First Name*
</label>
<input
type="text"
id="firstName"
name="firstName"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
/>
</div>
<div>
<label for="lastName" class="block text-sm font-medium text-gray-700 mb-1">
Last Name*
</label>
<input
type="text"
id="lastName"
name="lastName"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
/>
</div>

<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">
Email Address*
</label>
<input
type="email"
id="email"
name="email"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
/>
</div>
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">
Phone Number
</label>
<input
type="tel"
id="phone"
name="phone"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
/>
</div>

<div>
<label for="country" class="block text-sm font-medium text-gray-700 mb-1">
Country of Residence*
</label>
<select
id="country"
name="country"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
>
<option value="">Select Country</option>
<option value="United States">United States</option>
<option value="Canada">Canada</option>
<option value="India">India</option>
<option value="China">China</option>
<option value="Nigeria">Nigeria</option>
<option value="Pakistan">Pakistan</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Malaysia">Malaysia</option>
<option value="Other">Other</option>
</select>
</div>
<div>
<label for="studyLevel" class="block text-sm font-medium text-gray-700 mb-1">
Study Level*
</label>
<select
id="studyLevel"
name="studyLevel"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
>
<option value="">Select Study Level</option>
<option value="Undergraduate">Undergraduate</option>
<option value="Postgraduate">Postgraduate</option>
<option value="PhD">PhD</option>
<option value="Foundation">Foundation</option>
<option value="Language Course">Language Course</option>
</select>
</div>

<div>
<label for="subject" class="block text-sm font-medium text-gray-700 mb-1">
Subject of Interest*
</label>
<select
id="subject"
name="subject"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
required
>
<option value="">Select Subject</option>
<option value="Business">Business & Management</option>
<option value="Engineering">Engineering</option>
<option value="Computer Science">Computer Science</option>
<option value="Medicine">Medicine & Health</option>
<option value="Law">Law</option>
<option value="Arts">Arts & Humanities</option>
<option value="Science">Sciences</option>
<option value="Social Sciences">Social Sciences</option>
<option value="Other">Other</option>
</select>
</div>
<div>
<label for="startDate" class="block text-sm font-medium text-gray-700 mb-1">
Intended Start Date
</label>
<select
id="startDate"
name="startDate"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
>
<option value="">Select Start Date</option>
<option value="September 2025">September 2025</option>
<option value="January 2026">January 2026</option>
<option value="September 2026">September 2026</option>
<option value="January 2027">January 2027</option>
<option value="Not Sure">Not Sure</option>
</select>
</div>
</div>

<div class="mb-6">
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">
Message
</label>
<textarea
id="message"
name="message"
rows="4"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none
focus:ring-2 focus:ring-indigo focus:border-transparent"
placeholder="Tell us about your academic background, career goals, and any
specific questions you have about studying in the UK."
></textarea>
</div>

<div class="mb-6">
<label class="flex items-center">
<input type="checkbox" class="h-4 w-4 text-indigo" required />
<span class="ml-2 text-sm text-gray-600">
I agree to receive communications from UKStudy about my inquiry and related
services.*
</span>
</label>
</div>

<div class="text-center">
<button
type="submit"
class="bg-indigo text-white px-8 py-3 rounded-md hover:bg-indigo-dark
transition-colors font-medium"
>
Submit Enquiry
</button>
</div>
</form>
</div>
</div>
</div>
</section>

<!-- FAQ Section -->


<section class="py-16">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">Frequently Asked Questions</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-2xl mx-auto">
Find answers to common questions about our services and studying in the UK.
</p>
</div>

<div class="max-w-3xl mx-auto">


<div class="space-y-4">
<div class="border border-gray-200 rounded-lg">
<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">What services does UKStudy offer?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
UKStudy offers comprehensive support for international students including university
selection, application assistance, personal statement guidance, visa application support,
accommodation advice, and pre-departure preparation.
</p>
</div>
</div>

<div class="border border-gray-200 rounded-lg">


<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">Is there a fee for your consultation services?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
We offer a free initial consultation to understand your academic background and
goals. Our full service packages have different fee structures based on the level of support
required. We're transparent about our fees and will discuss them during the consultation.
</p>
</div>
</div>

<div class="border border-gray-200 rounded-lg">


<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">How do I know which UK university is right for
me?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
Our experienced advisors conduct a thorough assessment of your academic
background, career aspirations, budget, and preferences to recommend universities that are the
best match for you. We consider factors like course content, teaching methods, location,
facilities, and employment outcomes.
</p>
</div>
</div>

<div class="border border-gray-200 rounded-lg">


<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">What are the general requirements for UK student
visas?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
For a UK student visa, you typically need: an unconditional offer from a licensed UK
institution, proof of funds to cover tuition and living expenses, English language proficiency, and
a valid passport. Requirements may vary based on your nationality and study duration. Our visa
specialists provide personalized guidance on your application.
</p>
</div>
</div>

<div class="border border-gray-200 rounded-lg">


<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">What is the timeline for applying to UK
universities?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
For September intake, we recommend starting the process at least 12 months in
advance. UCAS applications for undergraduate courses have a January deadline for most
courses, with October deadlines for Oxford, Cambridge, and medical courses. Postgraduate
applications typically have later deadlines but early application is advised for competitive
programs and scholarships.
</p>
</div>
</div>

<div class="border border-gray-200 rounded-lg">


<button class="faq-question w-full flex justify-between items-center px-6 py-4 text-left
focus:outline-none">
<span class="font-medium">How can I finance my studies in the UK?</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-indigo transform
transition-transform faq-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7
7-7-7" />
</svg>
</button>
<div class="faq-answer px-6 py-4 bg-gray-50 hidden">
<p class="text-gray-600">
Financing options include scholarships, grants, student loans, and family support.
Many UK universities offer scholarships specifically for international students. We can guide you
on available funding opportunities and eligibility requirements. We also advise on managing
living costs in the UK and potential part-time work options within visa restrictions.
</p>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Office Locations -->


<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">Our Office Locations</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-2xl mx-auto">
Visit us at one of our offices around the world for face-to-face consultations.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">


<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-bold mb-2">London (Headquarters)</h3>
<p class="text-gray-600 mb-4">123 Education Street<br/>London, SW1A
1AA<br/>United Kingdom</p>
<p class="text-gray-600 mb-1">
<span class="font-medium">Phone:</span> +44 20 1234 5678
</p>
<p class="text-gray-600 mb-4">
<span class="font-medium">Email:</span> [email protected]
</p>
<p class="text-gray-600">
<span class="font-medium">Office Hours:</span><br/>
Monday - Friday: 9am - 5:30pm<br/>
Saturday: 10am - 2pm
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-md">


<h3 class="text-xl font-bold mb-2">New Delhi</h3>
<p class="text-gray-600 mb-4">45 Global Avenue<br/>Connaught Place<br/>New Delhi,
110001<br/>India</p>
<p class="text-gray-600 mb-1">
<span class="font-medium">Phone:</span> +91 11 2345 6789
</p>
<p class="text-gray-600 mb-4">
<span class="font-medium">Email:</span> [email protected]
</p>
<p class="text-gray-600">
<span class="font-medium">Office Hours:</span><br/>
Monday - Friday: 9:30am - 6pm<br/>
Saturday: 10am - 3pm
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-md">


<h3 class="text-xl font-bold mb-2">Beijing</h3>
<p class="text-gray-600 mb-4">88 Education Tower<br/>Chaoyang District<br/>Beijing,
100020<br/>China</p>
<p class="text-gray-600 mb-1">
<span class="font-medium">Phone:</span> +86 10 8765 4321
</p>
<p class="text-gray-600 mb-4">
<span class="font-medium">Email:</span> [email protected]
</p>
<p class="text-gray-600">
<span class="font-medium">Office Hours:</span><br/>
Monday - Friday: 9am - 6pm<br/>
Saturday: 10am - 2pm
</p>
</div>
</div>
</div>
</section>

<!-- Map Section -->


<section class="py-16">
<div class="container mx-auto px-4">
<div class="text-center mb-8">
<h2 class="text-2xl font-bold">Find Us</h2>
<p class="text-gray-600 mt-2">Our London headquarters location</p>
</div>

<div class="h-96 bg-gray-200 rounded-lg shadow-md overflow-hidden">


<!-- Replace with actual map embed code -->
<div class="w-full h-full flex items-center justify-center bg-gray-300">
<p class="text-gray-600 text-lg">Map Placeholder</p>
</div>
</div>
</div>
</section>

<!-- Footer -->


<footer class="bg-gray-900 text-gray-300 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white text-lg font-bold mb-4">UKStudy</h3>
<p class="mb-4">Your gateway to UK's top universities. We help international students
navigate the application process with confidence.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991
3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0
2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443
2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178
0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27
8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106
4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095
4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0
006.29 1.84"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049
1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416
1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 3.808-.049
1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772
1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643
0-2.987-.012-3.808-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902
4.902 0
01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.
013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902
0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081
1.802h-.468c-2.456
0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.68
3-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011
2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566
1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01
3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398
1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-
.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15
3.098 3.098 0
00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12
6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666
3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="hover:text-white">Home</a></li>
<li><a href="about.html" class="hover:text-white">About Us</a></li>
<li><a href="services.html" class="hover:text-white">Services</a></li>
<li><a href="universities.html" class="hover:text-white">Universities</a></li>
<li><a href="contact.html" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Services</h3>
<ul class="space-y-2">
<li><a href="services.html#university-selection" class="hover:text-white">University
Selection</a></li>
<li><a href="services.html#application-assistance" class="hover:text-white">Application
Assistance</a></li>
<li><a href="services.html#visa-guidance" class="hover:text-white">Visa
Guidance</a></li>
<li><a href="services.html#accommodation"
class="hover:text-white">Accommodation</a></li>
<li><a href="services.html#pre-departure" class="hover:text-white">Pre-Departure
Support</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3
3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>123 Education Street, London, UK</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span>+44 20 1234 5678</span>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 text-center">
<p>&copy; 2025 UKStudy. All rights reserved.</p>
</div>
</div>
</footer>

<!-- Scripts -->


<script src="js/main.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UKStudy - Your Gateway to UK Universities</title>
<meta name="description" content="UKStudy helps international students navigate the UK
university application process, find the perfect course, and begin their academic journey with
confidence." />
<meta name="author" content="UKStudy" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
</head>

<body class="min-h-screen bg-white">


<!-- Navigation -->
<header class="fixed w-full bg-white shadow-md z-50">
<div class="container mx-auto px-4">
<nav class="flex items-center justify-between py-4">
<a href="index.html" class="text-2xl font-bold text-indigo">UKStudy</a>

<!-- Desktop Navigation -->


<div class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-800 hover:text-indigo font-medium">Home</a>
<a href="about.html" class="text-gray-800 hover:text-indigo font-medium">About</a>
<a href="services.html" class="text-gray-800 hover:text-indigo
font-medium">Services</a>
<a href="universities.html" class="text-gray-800 hover:text-indigo
font-medium">Universities</a>
<a href="contact.html" class="text-gray-800 hover:text-indigo font-medium">Contact</a>
</div>

<!-- Contact Button -->


<div class="hidden md:block">
<a href="contact.html" class="bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>

<!-- Mobile Menu Button -->


<button id="mobile-menu-button" class="md:hidden text-gray-600 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4
12h16M4 18h16"></path>
</svg>
</button>
</nav>

<!-- Mobile Navigation -->


<div id="mobile-menu" class="md:hidden hidden pb-4">
<a href="index.html" class="block py-2 text-gray-800 hover:text-indigo">Home</a>
<a href="about.html" class="block py-2 text-gray-800 hover:text-indigo">About</a>
<a href="services.html" class="block py-2 text-gray-800 hover:text-indigo">Services</a>
<a href="universities.html" class="block py-2 text-gray-800
hover:text-indigo">Universities</a>
<a href="contact.html" class="block py-2 text-gray-800 hover:text-indigo">Contact</a>
<a href="contact.html" class="inline-block mt-3 bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>
</div>
</header>

<!-- Hero Section -->


<section class="relative pt-24 pb-16 md:pt-32 md:pb-24">
<div class="absolute inset-0 bg-gradient-to-br from-indigo to-indigo-dark opacity-90"></div>
<div class="container mx-auto px-4 relative z-10">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-12 text-white">
<h1 class="text-4xl md:text-6xl font-bold mb-6">
Your Gateway to UK's Top Universities
</h1>
<p class="text-lg mb-8 text-gray-100">
We help international students navigate the UK university application process,
find the perfect course, and begin their academic journey with confidence.
</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="universities.html" class="bg-white text-indigo hover:bg-gray-100 px-8 py-4
text-lg rounded-md font-medium text-center">
Explore Universities
</a>
<a href="contact.html" class="border-2 border-white text-white hover:bg-white
hover:text-indigo px-8 py-4 text-lg rounded-md font-medium text-center">
Free Consultation
</a>
</div>
</div>
<div class="md:w-1/2">
<div class="relative">
<div class="absolute inset-0 bg-indigo rounded-lg -rotate-6 transform
-translate-y-2"></div>
<img

src="https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3
wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1
470&q=80"
alt="UK University students"
class="rounded-lg shadow-xl relative z-10"
/>
</div>
</div>
</div>
</div>
</section>

<!-- Stats Section -->


<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">1000+</p>
<p class="mt-2 text-gray-600">Students Placed</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">98%</p>
<p class="mt-2 text-gray-600">Success Rate</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">50+</p>
<p class="mt-2 text-gray-600">Partner Universities</p>
</div>
<div class="text-center">
<p class="text-4xl md:text-5xl font-bold text-indigo">10+</p>
<p class="mt-2 text-gray-600">Years Experience</p>
</div>
</div>
</div>
</section>

<!-- Services Section -->


<section class="py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Services</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
We offer comprehensive support throughout your educational journey in the UK.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8">


<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12
6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18
7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5
1.253v13c-1.168-.775-2.754-1.253-4.5-1.253-1.746 0-3.332.477-4.5 1.253" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">University Selection</h3>
<p class="text-gray-600 text-center">
We help you find the perfect university based on your academic background, career
goals, and preferences.
</p>
</div>

<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">


<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">Application Assistance</h3>
<p class="text-gray-600 text-center">
Complete support with the application process, including personal statements,
references, and interviews.
</p>
</div>

<div class="bg-white shadow-lg border-t-4 border-t-indigo p-6 rounded-lg">


<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mx-auto mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2
2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0
00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<h3 class="text-xl font-bold text-center mb-2">Visa Guidance</h3>
<p class="text-gray-600 text-center">
Expert advice on student visa requirements and assistance throughout the visa
application process.
</p>
</div>
</div>

<div class="text-center mt-12">


<a href="services.html" class="inline-block border-2 border-indigo text-indigo
hover:bg-indigo hover:text-white px-6 py-3 rounded-md transition">
View All Services
</a>
</div>
</div>
</section>

<!-- Universities Section -->


<section class="py-16 md:py-24 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Partner Universities</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
We work with the UK's leading universities to provide our students with the best
educational opportunities.
</p>
</div>

<div class="flex flex-wrap justify-center gap-6">


<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Oxford</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Cambridge</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">Imperial College London</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University College London</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">London School of Economics</h3>
</div>
</div>
<div class="w-full sm:w-[calc(50%-12px)] md:w-[calc(33.333%-16px)] bg-white p-6
rounded-lg shadow-md text-center hover:shadow-xl transition-shadow">
<div class="h-32 flex items-center justify-center">
<h3 class="text-lg font-semibold">University of Edinburgh</h3>
</div>
</div>
</div>

<div class="text-center mt-12">


<a href="universities.html" class="inline-block border-2 border-indigo text-indigo
hover:bg-indigo hover:text-white px-6 py-3 rounded-md transition">
View All Universities
</a>
</div>
</div>
</section>

<!-- Testimonials Section -->


<section class="py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Student Success Stories</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
Hear from our students who have successfully started their UK education journey with
our help.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">


<div class="bg-white p-6 rounded-lg shadow-lg">
<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Sarah Johnson</h3>
<p class="text-sm text-gray-500">MSc Computer Science, Oxford University</p>
</div>
<p class="text-gray-600 italic">
"UKStudy made the daunting process of applying to Oxford incredibly simple. Their
guidance was invaluable, and I couldn't have done it without them!"
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-lg">


<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Michael Chen</h3>
<p class="text-sm text-gray-500">MBA, London Business School</p>
</div>
<p class="text-gray-600 italic">
"The team provided excellent guidance throughout my application process. Their
insight into what business schools look for was incredibly helpful."
</p>
</div>

<div class="bg-white p-6 rounded-lg shadow-lg">


<div class="flex flex-col items-center mb-4">
<div class="w-16 h-16 rounded-full bg-gray-200 mb-2"></div>
<h3 class="font-bold">Priya Patel</h3>
<p class="text-sm text-gray-500">BEng Engineering, Imperial College</p>
</div>
<p class="text-gray-600 italic">
"From course selection to visa application, UKStudy supported me every step of the
way. I highly recommend their services!"
</p>
</div>
</div>
</div>
</section>

<!-- CTA Section -->


<section class="py-20 bg-indigo">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white">Ready to Begin Your UK
Education Journey?</h2>
<p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
Contact us today for a free consultation and take the first step towards studying at a top
UK university.
</p>
<a href="contact.html" class="inline-block bg-white text-indigo hover:bg-gray-100 px-8 py-4
text-lg rounded-md font-medium">
Get Started
</a>
</div>
</section>

<!-- Footer -->


<footer class="bg-gray-900 text-gray-300 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white text-lg font-bold mb-4">UKStudy</h3>
<p class="mb-4">Your gateway to UK's top universities. We help international students
navigate the application process with confidence.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991
3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0
2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443
2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178
0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27
8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106
4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095
4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0
006.29 1.84"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049
1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416
1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 3.808-.049
1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772
1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643
0-2.987-.012-3.808-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902
4.902 0
01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.
013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902
0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081
1.802h-.468c-2.456
0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.68
3-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011
2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566
1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01
3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398
1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-
.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15
3.098 3.098 0
00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12
6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666
3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="hover:text-white">Home</a></li>
<li><a href="about.html" class="hover:text-white">About Us</a></li>
<li><a href="services.html" class="hover:text-white">Services</a></li>
<li><a href="universities.html" class="hover:text-white">Universities</a></li>
<li><a href="contact.html" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Services</h3>
<ul class="space-y-2">
<li><a href="services.html#university-selection" class="hover:text-white">University
Selection</a></li>
<li><a href="services.html#application-assistance" class="hover:text-white">Application
Assistance</a></li>
<li><a href="services.html#visa-guidance" class="hover:text-white">Visa
Guidance</a></li>
<li><a href="services.html#accommodation"
class="hover:text-white">Accommodation</a></li>
<li><a href="services.html#pre-departure" class="hover:text-white">Pre-Departure
Support</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3
3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>123 Education Street, London, UK</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span>+44 20 1234 5678</span>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 text-center">
<p>&copy; 2025 UKStudy. All rights reserved.</p>
</div>
</div>
</footer>

<!-- Scripts -->


<script src="js/main.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Our Services | UKStudy</title>
<meta name="description" content="Discover the comprehensive services offered by
UKStudy to help international students succeed in UK universities." />
<meta name="author" content="UKStudy" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
</head>

<body class="min-h-screen bg-white">


<!-- Navigation -->
<header class="fixed w-full bg-white shadow-md z-50">
<div class="container mx-auto px-4">
<nav class="flex items-center justify-between py-4">
<a href="index.html" class="text-2xl font-bold text-indigo">UKStudy</a>

<!-- Desktop Navigation -->


<div class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-800 hover:text-indigo font-medium">Home</a>
<a href="about.html" class="text-gray-800 hover:text-indigo font-medium">About</a>
<a href="services.html" class="text-gray-800 hover:text-indigo
font-medium">Services</a>
<a href="universities.html" class="text-gray-800 hover:text-indigo
font-medium">Universities</a>
<a href="contact.html" class="text-gray-800 hover:text-indigo font-medium">Contact</a>
</div>

<!-- Contact Button -->


<div class="hidden md:block">
<a href="contact.html" class="bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>

<!-- Mobile Menu Button -->


<button id="mobile-menu-button" class="md:hidden text-gray-600 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4
12h16M4 18h16"></path>
</svg>
</button>
</nav>

<!-- Mobile Navigation -->


<div id="mobile-menu" class="md:hidden hidden pb-4">
<a href="index.html" class="block py-2 text-gray-800 hover:text-indigo">Home</a>
<a href="about.html" class="block py-2 text-gray-800 hover:text-indigo">About</a>
<a href="services.html" class="block py-2 text-gray-800 hover:text-indigo">Services</a>
<a href="universities.html" class="block py-2 text-gray-800
hover:text-indigo">Universities</a>
<a href="contact.html" class="block py-2 text-gray-800 hover:text-indigo">Contact</a>
<a href="contact.html" class="inline-block mt-3 bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition">
Get Started
</a>
</div>
</div>
</header>

<!-- Hero Section -->


<section class="pt-24 pb-16 md:pt-32 md:pb-20 bg-gradient-to-br from-gray-900 to-indigo
text-white">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Our Services</h1>
<div class="w-24 h-1 bg-white mx-auto mb-6"></div>
<p class="text-lg text-gray-100 max-w-3xl mx-auto">
Comprehensive support at every step of your UK education journey, tailored to your
unique needs.
</p>
</div>
</section>

<!-- Overview Section -->


<section class="py-16">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
<h2 class="text-3xl font-bold mb-6">How We Support You</h2>
<div class="w-16 h-1 bg-indigo mb-6"></div>
<p class="text-gray-600 mb-6">
At UKStudy, we offer a comprehensive range of services designed to support
international students at every stage of their UK education journey. From helping you choose
the right university and course to assisting with your visa application and preparing for arrival in
the UK, our team of experts is here to help.
</p>
<p class="text-gray-600">
Our personalized approach ensures that you receive advice and guidance tailored to
your unique academic background, career goals, and personal preferences. We're committed to
helping you achieve your educational aspirations in the United Kingdom.
</p>
</div>
<div class="md:w-1/2">
<div class="relative">
<div class="absolute inset-0 bg-indigo-light rounded-lg rotate-3 transform
translate-x-2"></div>
<img

src="https://images.unsplash.com/photo-1524178232363-1fb2b075b655?ixlib=rb-4.0.3&auto=fo
rmat&fit=crop&w=900&q=80"
alt="Students receiving guidance"
class="rounded-lg shadow-xl relative z-10"
/>
</div>
</div>
</div>
</div>
</section>

<!-- Services Section -->


<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Core Services</h2>
<p class="text-gray-600 max-w-2xl mx-auto">
We provide end-to-end support for your educational journey in the United Kingdom.
</p>
</div>

<!-- University Selection Service -->


<div id="university-selection" class="mb-20">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/3 mb-8 md:mb-0">
<div class="bg-white p-8 rounded-lg shadow-lg border-l-4 border-l-indigo max-w-md
mx-auto">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12
6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18
7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5
1.253v13c-1.168-.775-2.754-1.253-4.5-1.253-1.746 0-3.332.477-4.5 1.253" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-2">University Selection</h3>
<p class="text-gray-600 mb-2">Find the perfect university and course that aligns with
your academic goals and career aspirations.</p>
</div>
</div>
<div class="md:w-2/3 md:pl-12">
<h4 class="text-xl font-semibold mb-4">How we help with university selection:</h4>
<ul class="space-y-4">
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>In-depth assessment of your academic background, interests, and career
goals</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Comprehensive analysis of UK universities and courses that match your
profile</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on university rankings, reputation, and career outcomes</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Information on campus facilities, location, and student life</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Shortlisting of best-fit universities based on your eligibility and
preferences</span>
</li>
</ul>
</div>
</div>
</div>

<!-- Application Assistance Service -->


<div id="application-assistance" class="mb-20">
<div class="flex flex-col md:flex-row-reverse items-center">
<div class="md:w-1/3 mb-8 md:mb-0">
<div class="bg-white p-8 rounded-lg shadow-lg border-r-4 border-r-indigo max-w-md
mx-auto">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-2">Application Assistance</h3>
<p class="text-gray-600 mb-2">Expert guidance through every step of the application
process to maximize your chances of acceptance.</p>
</div>
</div>
<div class="md:w-2/3 md:pr-12">
<h4 class="text-xl font-semibold mb-4">Our application assistance includes:</h4>
<ul class="space-y-4">
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on application requirements and deadlines for each
university</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Assistance with UCAS applications and direct university applications</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Expert review and feedback on personal statements and essays</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Interview preparation and mock interviews</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Assistance with gathering and submitting required documents</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Regular follow-up with universities on application status</span>
</li>
</ul>
</div>
</div>
</div>

<!-- Visa Guidance Service -->


<div id="visa-guidance" class="mb-20">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/3 mb-8 md:mb-0">
<div class="bg-white p-8 rounded-lg shadow-lg border-l-4 border-l-indigo max-w-md
mx-auto">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17
9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2
2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-2">Visa Guidance</h3>
<p class="text-gray-600 mb-2">Expert advice on UK student visa requirements and
assistance with your visa application.</p>
</div>
</div>
<div class="md:w-2/3 md:pl-12">
<h4 class="text-xl font-semibold mb-4">Our visa guidance services include:</h4>
<ul class="space-y-4">
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Comprehensive information on UK student visa requirements</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on financial requirements and documentation</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Assistance with completing the online visa application</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Document verification and preparation</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on biometric appointments and visa interview preparation</span>
</li>
</ul>
</div>
</div>
</div>

<!-- Accommodation Service -->


<div id="accommodation" class="mb-20">
<div class="flex flex-col md:flex-row-reverse items-center">
<div class="md:w-1/3 mb-8 md:mb-0">
<div class="bg-white p-8 rounded-lg shadow-lg border-r-4 border-r-indigo max-w-md
mx-auto">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3
12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0
001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-2">Accommodation</h3>
<p class="text-gray-600 mb-2">Help finding suitable and affordable accommodation
options near your university.</p>
</div>
</div>
<div class="md:w-2/3 md:pr-12">
<h4 class="text-xl font-semibold mb-4">Our accommodation services include:</h4>
<ul class="space-y-4">
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Information on university-managed accommodation options</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on private housing options and costs</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Assistance with accommodation applications</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Advice on neighborhood safety and amenities</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Information on tenant rights and responsibilities</span>
</li>
</ul>
</div>
</div>
</div>

<!-- Pre-Departure Support -->


<div id="pre-departure" class="mb-12">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/3 mb-8 md:mb-0">
<div class="bg-white p-8 rounded-lg shadow-lg border-l-4 border-l-indigo max-w-md
mx-auto">
<div class="w-16 h-16 bg-indigo-light/20 rounded-full flex items-center justify-center
mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5
8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-2">Pre-Departure Support</h3>
<p class="text-gray-600 mb-2">Comprehensive guidance to prepare you for life in the
UK before you leave your home country.</p>
</div>
</div>
<div class="md:w-2/3 md:pl-12">
<h4 class="text-xl font-semibold mb-4">Our pre-departure services include:</h4>
<ul class="space-y-4">
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Pre-departure orientation sessions</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Information on what to pack and bring</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Guidance on UK culture, weather, and lifestyle</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Advice on setting up bank accounts and mobile phones</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Information on healthcare and insurance</span>
</li>
<li class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo mr-2
flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2
4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Airport pickup arrangements</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>

<!-- Pricing Section -->


<section class="py-16">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our Packages</h2>
<div class="w-24 h-1 bg-indigo mx-auto mb-6"></div>
<p class="text-gray-600 max-w-2xl mx-auto">
We offer flexible service packages to meet your specific needs and budget.
</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8">


<!-- Basic Package -->
<div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200
transition-transform hover:translate-y-[-5px]">
<div class="bg-gray-50 p-6 text-center border-b">
<h3 class="text-2xl font-bold mb-1">Basic</h3>
<p class="text-gray-600">Core services for essential needs</p>
<p class="text-3xl font-bold text-indigo mt-4">£500</p>
</div>
<div class="p-6">
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
University shortlisting (3 options)
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Application guidance
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Personal statement review
</li>
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18
6M6 6l12 12" />
</svg>
Visa application assistance
</li>
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18
6M6 6l12 12" />
</svg>
Accommodation guidance
</li>
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18
6M6 6l12 12" />
</svg>
Pre-departure support
</li>
</ul>
<div class="mt-6 text-center">
<a href="contact.html" class="inline-block bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition w-full">
Choose Basic
</a>
</div>
</div>
</div>

<!-- Standard Package -->


<div class="bg-white rounded-lg shadow-xl overflow-hidden border border-indigo relative
transform transition-transform hover:translate-y-[-5px] scale-105">
<div class="absolute top-0 right-0 bg-indigo text-white px-4 py-1 rounded-bl-lg text-sm
font-semibold">
Popular
</div>
<div class="bg-indigo-light/10 p-6 text-center border-b border-indigo">
<h3 class="text-2xl font-bold mb-1">Standard</h3>
<p class="text-gray-600">Comprehensive support package</p>
<p class="text-3xl font-bold text-indigo mt-4">£1200</p>
</div>
<div class="p-6">
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
University shortlisting (5 options)
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Complete application assistance
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Personal statement writing & editing
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Visa application assistance
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Accommodation guidance
</li>
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18
6M6 6l12 12" />
</svg>
Pre-departure support
</li>
</ul>
<div class="mt-6 text-center">
<a href="contact.html" class="inline-block bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition w-full">
Choose Standard
</a>
</div>
</div>
</div>

<!-- Premium Package -->


<div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200
transition-transform hover:translate-y-[-5px]">
<div class="bg-gray-50 p-6 text-center border-b">
<h3 class="text-2xl font-bold mb-1">Premium</h3>
<p class="text-gray-600">Complete end-to-end support</p>
<p class="text-3xl font-bold text-indigo mt-4">£2000</p>
</div>
<div class="p-6">
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Unlimited university options
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
VIP application handling
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Premium personal statement service
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Complete visa handling
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Premium accommodation service
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4
4L19 7" />
</svg>
Comprehensive pre-departure package
</li>
</ul>
<div class="mt-6 text-center">
<a href="contact.html" class="inline-block bg-indigo text-white px-6 py-2 rounded-md
hover:bg-indigo-dark transition w-full">
Choose Premium
</a>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- CTA Section -->


<section class="py-20 bg-indigo">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white">Ready to Start Your UK
Education Journey?</h2>
<p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
Contact us today for a free consultation and take the first step towards studying at a top
UK university.
</p>
<a href="contact.html" class="inline-block bg-white text-indigo hover:bg-gray-100 px-8 py-4
text-lg rounded-md font-medium">
Get Free Consultation
</a>
</div>
</section>

<!-- Footer -->


<footer class="bg-gray-900 text-gray-300 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white text-lg font-bold mb-4">UKStudy</h3>
<p class="mb-4">Your gateway to UK's top universities. We help international students
navigate the application process with confidence.</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991
3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0
2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443
2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178
0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27
8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106
4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095
4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0
006.29 1.84"></path>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049
1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416
1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 3.808-.049
1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772
1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643
0-2.987-.012-3.808-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902
4.902 0
01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.
013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902
0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081
1.802h-.468c-2.456
0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.68
3-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011
2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566
1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01
3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398
1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-
.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15
3.098 3.098 0
00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12
6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666
3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="hover:text-white">Home</a></li>
<li><a href="about.html" class="hover:text-white">About Us</a></li>
<li><a href="services.html" class="hover:text-white">Services</a></li>
<li><a href="universities.html" class="hover:text-white">Universities</a></li>
<li><a href="contact.html" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Services</h3>
<ul class="space-y-2">
<li><a href="#university-selection" class="hover:text-white">University
Selection</a></li>
<li><a href="#application-assistance" class="hover:text-white">Application
Assistance</a></li>
<li><a href="#visa-guidance" class="hover:text-white">Visa Guidance</a></li>
<li><a href="#accommodation" class="hover:text-white">Accommodation</a></li>
<li><a href="#pre-departure" class="hover:text-white">Pre-Departure Support</a></li>
</ul>
</div>
<div>
<h3 class="text-white text-lg font-bold mb-4">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657
16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3
3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>123 Education Street, London, UK</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89
5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002
2z" />
</svg>
<span>[email protected]</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2 text-gray-400"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0
012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0
005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2
2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span>+44 20 1234 5678</span>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 text-center">
<p>&copy; 2025 UKStudy. All rights reserved.</p>
</div>
</div>
</footer>

<!-- Scripts -->


<script src="js/main.js"></script>
</body>
</html>

You might also like