Are you dreaming of studying in the United Kingdom but worried about the cost? Don't worry! The UK offers scholarship programs for international students that can help you study for free or at a low cost. Whether you want to pursue a Bachelor’s, Master’s, or Ph.D., there are many options available.
In this article, we’ll explore the top scholarship opportunities in the UK, their benefits, how to apply, and what you need to qualify. Let’s get started!
🌟 Why Study in the UK?
The UK is one of the best places to study because:
✅ It has world-class universities like Oxford, Cambridge, and Imperial College London.
✅ Courses are shorter (Bachelor’s = 3 years, Master’s = 1 year).
✅ Multicultural environment with students from all over the world.
✅ Scholarships make it easier for students to afford their education.
🏆 Top Scholarships in the UK for International Students
Here are some of the most popular and fully-funded scholarships available:
1. Chevening Scholarships
-
Funded by the UK government.
-
For Master’s programs.
-
Covers tuition fees, living allowance, travel costs, and visa fees.
-
Open to students from over 160 countries.
2. Commonwealth Scholarships
-
For students from Commonwealth countries.
-
Covers full tuition fees, airfare, and living expenses.
-
Available for Master’s and Ph.D. programs.
3. GREAT Scholarships
-
Offered by the British Council.
-
For students from selected countries including Pakistan, India, China, etc.
-
Worth around £10,000 for one-year postgraduate courses.
4. Rhodes Scholarship (University of Oxford)
-
One of the oldest and most prestigious scholarships.
-
Fully funded for postgraduate students.
-
Covers tuition, living expenses, and airfare.
5. Gates Cambridge Scholarship
-
For students at the University of Cambridge.
-
Covers all university fees and provides a generous stipend.
✅ Who Can Apply?
To apply for a UK scholarship, you usually need:
📌 Good academic results.
📌 Proof of English language skills (IELTS, TOEFL, etc.).
📌 A letter of motivation or personal statement.
📌 Letters of recommendation.
📌 A valid passport and academic documents.
Note: Each scholarship may have its own specific requirements.
📥 How to Apply for UK Scholarships?
Follow these steps to apply:
-
Search for the right scholarship on official websites (like Chevening.org, BritishCouncil.org, or university websites).
-
Check eligibility criteria carefully.
-
Prepare your documents: CV, academic transcripts, recommendation letters, English test scores, etc.
-
Apply online via the scholarship portal.
-
Wait for the results and be ready for interviews (if required).
⏳ When to Apply?
-
Most UK scholarships open between August and January for the next academic year.
-
Always check the official deadline on the scholarship’s website.
✈️ What Does a UK Scholarship Cover?
Depending on the type of scholarship, it may include:
✅ Full tuition fees
✅ Monthly stipend/living costs
✅ Travel expenses (flights)
✅ Visa application fees
✅ Health insurance
💡 Bonus Tips to Win a Scholarship
🔹 Apply early – don’t wait for the deadline.
🔹 Write a strong personal statement.
🔹 Highlight your leadership and volunteering experience.
🔹 Be clear about your goals and how the UK education will help you.
📚 Conclusion
Studying in the UK is no longer just a dream. With the right scholarship, you can receive a world-class education without financial stress. Take your time to research, prepare your documents, and apply to the program that fits you best.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UK University Scholarships | Apply Now</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #1a3e72; /* UK Blue */
--secondary: #d52b1e; /* UK Red */
--accent: #f8c537; /* Gold */
--light: #f5f7fa;
--dark: #0a1f3d;
--success: #28a745;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
color: #333;
line-height: 1.6;
overflow-x: hidden;
/* New background image for entire page */
background: url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center fixed;
background-size: cover;
position: relative;
}
/* Overlay for better readability */
body::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
z-index: -1;
}
/* Header with Glass Morphism */
header {
background: rgba(26, 62, 114, 0.8);
backdrop-filter: blur(10px);
color: white;
padding: 1rem 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 10px;
}
.logo i {
color: var(--accent);
}
nav ul {
display: flex;
list-style: none;
gap: 1.5rem;
}
nav ul li a {
color: white;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
padding: 0.5rem 0;
position: relative;
}
nav ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: var(--accent);
transition: width 0.3s ease;
}
nav ul li a:hover::after {
width: 100%;
}
/* Hero with Animated Background */
.hero {
background: linear-gradient(rgba(10, 31, 61, 0.8), rgba(10, 31, 61, 0.7)),
url('https://images.unsplash.com/photo-1523580494863-6f3031224c94?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center/cover;
height: 100vh;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
animation: fadeIn 1.5s ease;
}
.hero-content {
max-width: 800px;
padding: 0 1.5rem;
z-index: 2;
color: white;
}
.hero h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
line-height: 1.2;
animation: slideUp 1s ease;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 2rem;
opacity: 0.9;
animation: slideUp 1.2s ease;
}
/* University Selector Card */
.university-selector {
background: rgba(255, 255, 255, 0.95);
border-radius: 15px;
padding: 2.5rem;
max-width: 700px;
margin: -80px auto 0;
position: relative;
z-index: 5;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.2);
transform: translateY(0);
transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.university-selector:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
.university-selector h2 {
color: var(--primary);
margin-bottom: 1.5rem;
font-size: 2rem;
text-align: center;
}
.select-group {
margin-bottom: 1.5rem;
position: relative;
}
select {
width: 100%;
padding: 1rem 1.5rem;
border: 2px solid #ddd;
border-radius: 8px;
font-size: 1rem;
appearance: none;
background: white url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a3e72'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") no-repeat right 1rem center;
background-size: 1em;
transition: all 0.3s ease;
}
select:focus {
outline: none;
border-color: var(--secondary);
box-shadow: 0 0 0 3px rgba(213, 43, 30, 0.2);
}
/* Button Styles */
.btn {
display: inline-block;
background: var(--secondary);
color: white;
padding: 1rem 2rem;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
width: 100%;
text-align: center;
box-shadow: 0 4px 15px rgba(213, 43, 30, 0.3);
}
.btn:hover {
background: #b82218;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(213, 43, 30, 0.4);
}
.btn:disabled {
background: #aaa;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.btn-accent {
background: var(--accent);
color: var(--dark);
box-shadow: 0 4px 15px rgba(248, 197, 55, 0.3);
}
.btn-accent:hover {
background: #e6b52e;
box-shadow: 0 6px 20px rgba(248, 197, 55, 0.4);
}
/* Main Content Sections */
.container {
max-width: 1200px;
margin: 5rem auto;
padding: 0 2rem;
background: rgba(255, 255, 255, 0.9);
border-radius: 15px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 2;
}
.section-title {
text-align: center;
margin-bottom: 3rem;
padding-top: 2rem;
}
.section-title h2 {
color: var(--primary);
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: var(--secondary);
border-radius: 2px;
}
.section-title p {
color: #666;
max-width: 700px;
margin: 0 auto;
}
/* Features Grid */
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.feature-card {
background: white;
border-radius: 12px;
padding: 2rem;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
text-align: center;
border-top: 4px solid var(--accent);
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.feature-card i {
font-size: 2.5rem;
color: var(--secondary);
margin-bottom: 1.5rem;
}
.feature-card h3 {
color: var(--primary);
margin-bottom: 1rem;
font-size: 1.5rem;
}
/* Reviews Section */
.reviews {
background: linear-gradient(rgba(26, 62, 114, 0.9), rgba(26, 62, 114, 0.9)), url('https://images.unsplash.com/photo-1434030216411-0b793f4b4173?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center/cover;
padding: 5rem 0;
color: white;
text-align: center;
margin: 5rem 0;
position: relative;
}
.reviews::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.reviews .container {
background: transparent;
box-shadow: none;
position: relative;
z-index: 2;
}
.reviews .section-title h2 {
color: white;
}
.reviews .section-title h2::after {
background: var(--accent);
}
.review-container {
display: flex;
gap: 2rem;
overflow-x: auto;
padding: 2rem 0;
scroll-snap-type: x mandatory;
}
.review-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 2rem;
min-width: 300px;
scroll-snap-align: start;
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: left;
}
.review-card .stars {
color: var(--accent);
margin-bottom: 1rem;
}
.review-card .review-text {
font-style: italic;
margin-bottom: 1.5rem;
}
.review-card .reviewer {
display: flex;
align-items: center;
gap: 1rem;
}
.review-card .reviewer img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.review-card .reviewer-info h4 {
margin-bottom: 0.2rem;
}
.review-card .reviewer-info p {
opacity: 0.8;
font-size: 0.9rem;
}
/* Application Form */
.application-form {
display: none;
background: white;
border-radius: 15px;
padding: 3rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
max-width: 800px;
margin: 3rem auto;
border-top: 4px solid var(--secondary);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: var(--primary);
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 1rem;
border: 2px solid #ddd;
border-radius: 8px;
font-size: 1rem;
transition: all 0.3s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--secondary);
outline: none;
box-shadow: 0 0 0 3px rgba(213, 43, 30, 0.2);
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.back-btn {
background: #666;
margin-top: 1rem;
}
.back-btn:hover {
background: #555;
}
/* Footer */
footer {
background: var(--dark);
color: white;
padding: 4rem 0 2rem;
position: relative;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
position: relative;
z-index: 2;
}
.footer-col h3 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
position: relative;
padding-bottom: 0.5rem;
}
.footer-col h3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background: var(--accent);
}
.footer-col p {
margin-bottom: 1rem;
opacity: 0.8;
}
.footer-col ul {
list-style: none;
}
.footer-col ul li {
margin-bottom: 0.8rem;
}
.footer-col ul li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: all 0.3s ease;
}
.footer-col ul li a:hover {
color: white;
padding-left: 5px;
}
.social-links {
display: flex;
gap: 1rem;
margin-top: 1rem;
}
.social-links a {
color: white;
background: rgba(255, 255, 255, 0.1);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.social-links a:hover {
background: var(--accent);
color: var(--dark);
transform: translateY(-3px);
}
.footer-bottom {
text-align: center;
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-bottom p {
opacity: 0.7;
font-size: 0.9rem;
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Design */
@media (max-width: 768px) {
.header-container {
flex-direction: column;
gap: 1rem;
}
nav ul {
gap: 1rem;
}
.hero h1 {
font-size: 2.5rem;
}
.university-selector {
margin: -50px auto 0;
padding: 1.5rem;
}
.form-row {
grid-template-columns: 1fr;
}
.footer-container {
grid-template-columns: 1fr;
text-align: center;
}
.footer-col h3::after {
left: 50%;
transform: translateX(-50%);
}
.social-links {
justify-content: center;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="header-container">
<div class="logo">
<i class="fas fa-graduation-cap"></i>
<span>UK Scholarships</span>
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#universities">Universities</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero" id="home">
<div class="hero-content">
<h1>Secure Your Future at Top UK Universities</h1>
<p>Discover and apply for scholarships at the United Kingdom's most prestigious institutions with our easy-to-use platform.</p>
<a href="#universities" class="btn btn-accent">Explore Scholarships</a>
</div>
</section>
<!-- University Selector -->
<div class="university-selector" id="universities">
<h2>Select Your Preferred University</h2>
<div class="select-group">
<select id="universitySelect">
<option value="">-- Choose a University --</option>
<option value="oxford">University of Oxford</option>
<option value="cambridge">University of Cambridge</option>
<option value="imperial">Imperial College London</option>
<option value="ucl">University College London (UCL)</option>
<option value="lse">London School of Economics (LSE)</option>
<option value="kings">King's College London</option>
<option value="edinburgh">University of Edinburgh</option>
<option value="manchester">University of Manchester</option>
<option value="bristol">University of Bristol</option>
<option value="warwick">University of Warwick</option>
</select>
</div>
<button id="applyBtn" class="btn" disabled>Apply Now</button>
</div>
<!-- Features Section -->
<section class="container">
<div class="section-title">
<h2>Why Choose UK Universities?</h2>
<p>The United Kingdom offers world-class education with globally recognized degrees and diverse scholarship opportunities.</p>
</div>
<div class="features">
<div class="feature-card">
<i class="fas fa-trophy"></i>
<h3>World Rankings</h3>
<p>UK universities consistently rank among the top in global university rankings.</p>
</div>
<div class="feature-card">
<i class="fas fa-pound-sign"></i>
<h3>Scholarships</h3>
<p>Generous funding options for international and domestic students.</p>
</div>
<div class="feature-card">
<i class="fas fa-globe"></i>
<h3>Global Network</h3>
<p>Join an alumni network that spans across industries worldwide.</p>
</div>
</div>
</section>
<!-- Reviews Section -->
<section class="reviews" id="reviews">
<div class="container">
<div class="section-title">
<h2>What Our Students Say</h2>
<p>Hear from students who secured scholarships through our platform.</p>
</div>
<div class="review-container">
<div class="review-card">
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="review-text">"Thanks to this platform, I received a full scholarship to study at the University of Oxford. The application process was seamless!"</p>
<div class="reviewer">
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah K.">
<div class="reviewer-info">
<h4>Sarah K.</h4>
<p>Oxford, MSc Computer Science</p>
</div>
</div>
</div>
<div class="review-card">
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<p class="review-text">"I never thought I could afford to study in the UK until I found this scholarship portal. Now I'm at Imperial College!"</p>
<div class="reviewer">
<img src="https://randomuser.me/api/portraits/men/45.jpg" alt="James L.">
<div class="reviewer-info">
<h4>James L.</h4>
<p>Imperial, BEng Mechanical Engineering</p>
</div>
</div>
</div>
<div class="review-card">
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="review-text">"The guidance I received helped me secure a Chancellor's Scholarship at the University of Edinburgh. Highly recommended!"</p>
<div class="reviewer">
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Aisha M.">
<div class="reviewer-info">
<h4>Aisha M.</h4>
<p>Edinburgh, PhD Biotechnology</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Application Form -->
<div id="applicationForm" class="application-form">
<h2 id="uniApplicationHeading">Scholarship Application</h2>
<form id="scholarshipForm">
<div class="form-row">
<div class="form-group">
<label for="fullName">Full Name</label>
<input type="text" id="fullName" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" required>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" required>
</div>
<div class="form-group">
<label for="country">Country of Residence</label>
<input type="text" id="country" required>
</div>
</div>
<div class="form-group">
<label for="program">Program of Interest</label>
<select id="program" required>
<option value="">Select Program</option>
<option value="undergraduate">Undergraduate (Bachelor's)</option>
<option value="graduate">Graduate (Master's)</option>
<option value="phd">PhD/Doctoral</option>
<option value="research">Research Program</option>
</select>
</div>
<div class="form-group">
<label for="essay">Personal Statement</label>
<textarea id="essay" rows="5" required placeholder="Explain why you deserve this scholarship (500 words max)"></textarea>
</div>
<button type="submit" class="btn">Submit Application</button>
<button type="button" id="backBtn" class="btn back-btn">Back to University Selection</button>
</form>
</div>
<!-- Footer -->
<footer id="contact">
<div class="footer-container">
<div class="footer-col">
<h3>UK Scholarships</h3>
<p>Your gateway to world-class education in the United Kingdom with financial support opportunities.</p>
<div class="social-links">
<a href="techpk"><i class="fab fa-facebook-f"></i></a>
<a href="techpk"><i class="fab fa-twitter"></i></a>
<a href="techpk"><i class="fab fa-instagram"></i></a>
<a href="techpk"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#universities">Universities</a></li>
<li><a href="#reviews">Student Reviews</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</div>
<div class="footer-col">
<h3>Top Universities</h3>
<ul>
<li><a href="techpk">University of Oxford</a></li>
<li><a href="techpk">University of Cambridge</a></li>
<li><a href="techpk">Imperial College</a></li>
<li><a href="techpk">UCL</a></li>
</ul>
</div>
<div class="footer-col">
<h3>Contact</h3>
<p><i class="fas fa-envelope"></i> info@ukscholarships.com</p>
<p><i class="fas fa-phone"></i> +44 20 1234 5678</p>
<p><i class="fas fa-map-marker-alt"></i> London, United Kingdom</p>
</div>
</div>
<div class="footer-bottom">
<p>© <span id="year"></span> UK University Scholarships. All rights reserved.</p>
</div>
</footer>
<script>
// Set current year
document.getElementById('year').textContent = new Date().getFullYear();
// University selection functionality
const universitySelect = document.getElementById('universitySelect');
const applyBtn = document.getElementById('applyBtn');
const applicationForm = document.getElementById('applicationForm');
const uniApplicationHeading = document.getElementById('uniApplicationHeading');
const backBtn = document.getElementById('backBtn');
universitySelect.addEventListener('change', function() {
applyBtn.disabled = this.value === '';
});
applyBtn.addEventListener('click', function() {
if (universitySelect.value) {
const universityName = universitySelect.options[universitySelect.selectedIndex].text;
uniApplicationHeading.textContent = `${universityName} Scholarship Application`;
applicationForm.style.display = 'block';
// Scroll to form smoothly
applicationForm.scrollIntoView({ behavior: 'smooth' });
}
});
backBtn.addEventListener('click', function() {
applicationForm.style.display = 'none';
window.scrollTo({ top: 0, behavior: 'smooth' });
});
// Form submission
const scholarshipForm = document.getElementById('scholarshipForm');
scholarshipForm.addEventListener('submit', function(e) {
e.preventDefault();
// Show success message
alert('Your application has been submitted successfully! Redirecting to Google...');
// Open techpk in a NEW TAB after submission
window.open('techpk', '_blank');
// Reset form and hide
this.reset();
applicationForm.style.display = 'none';
});
// Smooth scrolling for navigation
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
}
});
});
</script>
</body>
</html>
No comments:
Post a Comment
If you have any question you can ask me feelfree.