<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Se7en Overseas | Study Abroad Consultancy</title>
<meta name="description"
content="Se7en Overseas is a Study Abroad Consultancy helping students with Undergraduate and Masters admissions in USA, UK, Canada, Malaysia, and Singapore." />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="topbar">
<div class="container top-flex">
<div class="brand">
<div class="logo">Se7en</div>
<div>
<div class="brand-name">Se7en Overseas</div>
<div class="brand-tag">Study Abroad Consultancy</div>
</div>
</div>
<nav class="nav">
<a href="#countries">Countries</a>
<a href="#services">Services</a>
<a href="#programs">Programs</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container hero-grid">
<div>
<h1>Study Abroad made simple.</h1>
<p>
Expert guidance for <b>Undergraduate</b> and <b>Masters</b> admissions across
<b>USA, UK, Canada, Malaysia, Singapore</b>.
</p>
<div class="cta">
<a href="#contact" class="btn primary">Book Free Counseling</a>
<a href="mailto:se7enoverseas@gmail.com" class="btn">Email Us</a>
</div>
<div class="trust">
✅ University Shortlisting •
✅ SOP / LOR •
✅ Visa Guidance •
✅ Scholarships
</div>
</div>
<div class="card">
<h3>Quick Inquiry</h3>
<p class="muted">We will respond within 24 hours</p>
<!-- You can later replace action URL with Formspree -->
<form method="POST">
<label>Full Name
<input type="text" name="name" required>
</label>
<label>Email
<input type="email" name="email" required>
</label>
<label>Phone / WhatsApp
<input type="text" name="phone">
</label>
<label>Interested Country
<select name="country" required>
<option value="">Select</option>
<option>USA</option>
<option>UK</option>
<option>Canada</option>
<option>Malaysia</option>
<option>Singapore</option>
</select>
</label>
<label>Message
<textarea name="message" rows="4"
placeholder="UG or Masters, intake, background"></textarea>
</label>
<button type="submit" class="btn primary full">Submit</button>
</form>
</div>
</div>
</section>
<section id="countries" class="section">
<div class="container">
<h2>Top Study Destinations</h2>
<div class="grid">
<div class="tile"><h3>Study in USA</h3><p>STEM programs, research, global exposure.</p></div>
<div class="tile"><h3>Study in UK</h3><p>1-year masters, world-ranked universities.</p></div>
<div class="tile"><h3>Study in Canada</h3><p>PR-friendly education and job opportunities.</p></div>
<div class="tile"><h3>Study in Malaysia</h3><p>Affordable education with international campuses.</p></div>
<div class="tile"><h3>Study in Singapore</h3><p>Top universities and strong job market.</p></div>
</div>
</div>
</section>
<section id="services" class="section alt">
<div class="container">
<h2>Our Services</h2>
<div class="grid">
<div class="tile"><h3>Free Counseling</h3><p>Profile assessment & career guidance.</p></div>
<div class="tile"><h3>University Shortlisting</h3><p>Safe, moderate & ambitious universities.</p></div>
<div class="tile"><h3>SOP / LOR</h3><p>Strong documents to maximize admits.</p></div>
<div class="tile"><h3>Visa Guidance</h3><p>Complete documentation & interview prep.</p></div>
<div class="tile"><h3>Scholarships & Loans</h3><p>Guidance on funding your education.</p></div>
</div>
</div>
</section>
<section id="programs" class="section">
<div class="container">
<h2>Programs</h2>
<div class="grid">
<div class="tile"><h3>Undergraduate</h3><p>End-to-end UG admissions support.</p></div>
<div class="tile"><h3>Masters</h3><p>MS / MBA admissions with visa guidance.</p></div>
</div>
</div>
</section>
<section id="contact" class="section alt">
<div class="container">
<h2>Contact Us</h2>
<p><b>Email:</b> <a href="mailto:se7enoverseas@gmail.com">se7enoverseas@gmail.com</a></p>
<p class="muted">Free counseling available for all students.</p>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
© <span id="year"></span> Se7en Overseas. All rights reserved.
</div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>