utepovaldiyar1/hantalanding
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

site prototype

Browse Source
This commit is contained in:
akairatu committed 2025-07-23 17:14:06 +05:00
commit 8569ed720a
13 files changed
+3876
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/index.html
+277
View File
@@ -0,0 +1,277 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ExamPrep Pro | Your Path to Academic Success</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="nav-container">
<div class="logo">ExamPrep<span>Pro</span></div>
<div class="nav-toggle" id="navToggle">
<i class="fas fa-bars"></i>
</div>
<ul class="nav-links">
<li><a href="#services">Our Services</a></li>
<li><a href="#methodology">Methodology</a></li>
<li><a href="#exams">Exams</a></li>
<li><a href="#success">Success Stories</a></li>
<li><a href="#contact">Contact</a></li>
<li class="lang-switch">
<a href="#" class="active">EN</a>
<a href="#">RU</a>
</li>
</ul>
<div class="contact-icons">
<a href="https://wa.me/your-number" target="_blank" class="animate-hover"><i class="fab fa-whatsapp"></i></a>
<a href="https://t.me/your-channel" target="_blank" class="animate-hover"><i class="fab fa-telegram"></i></a>
</div>
</nav>
</header>
<main>
<section id="hero" class="hero-section">
<div class="container">
<div class="hero-content animate-slide-up">
<h1 class="main-title">YOUR JOURNEY TO<br>ACADEMIC EXCELLENCE</h1>
<p class="hero-description">Expert preparation for international exams with proven methodologies and personalized approach. Join thousands of successful students worldwide.</p>
<div class="stats-container animate-fade-in">
<div class="stat-item">
<span class="stat-number" data-target="95">0</span>%
<p>Success Rate</p>
</div>
<div class="stat-item">
<span class="stat-number" data-target="1000">0</span>+
<p>Students</p>
</div>
<div class="stat-item">
<span class="stat-number" data-target="15">0</span>+
<p>Years Experience</p>
</div>
</div>
<div class="hero-buttons">
<a href="#methodology" class="btn btn-primary animate-pulse">Learn Our Method</a>
<a href="#contact" class="btn btn-secondary">Start Now</a>
</div>
</div>
</div>
<div class="hero-shapes">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
</div>
</section>
<section id="methodology" class="methodology-section">
<div class="container">
<h2 class="section-title animate-slide-up">OUR METHODOLOGY</h2>
<div class="methodology-grid">
<div class="method-card animate-slide-up">
<div class="method-icon">
<i class="fas fa-brain"></i>
</div>
<h3>Diagnostic Assessment</h3>
<p>We start with a comprehensive evaluation of your current knowledge and skills to create a personalized study plan.</p>
</div>
<div class="method-card animate-slide-up" data-delay="200">
<div class="method-icon">
<i class="fas fa-route"></i>
</div>
<h3>Strategic Planning</h3>
<p>Custom study schedule based on your target exam date, current level, and available study time.</p>
</div>
<div class="method-card animate-slide-up" data-delay="400">
<div class="method-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<h3>Intensive Practice</h3>
<p>Regular mock exams and targeted practice sessions with detailed feedback and improvement strategies.</p>
</div>
<div class="method-card animate-slide-up" data-delay="600">
<div class="method-icon">
<i class="fas fa-chart-line"></i>
</div>
<h3>Progress Tracking</h3>
<p>Continuous monitoring of your progress with data-driven adjustments to your study plan.</p>
</div>
</div>
</div>
</section>
<section id="exams" class="exams-section">
<div class="container">
<h2 class="section-title animate-slide-up">EXAM PREPARATION</h2>
<div class="exam-grid">
<div class="exam-card animate-slide-up">
<h3>GMAT | GRE</h3>
<ul class="exam-features">
<li><i class="fas fa-check"></i> Quantitative Reasoning</li>
<li><i class="fas fa-check"></i> Verbal Reasoning</li>
<li><i class="fas fa-check"></i> Integrated Reasoning</li>
<li><i class="fas fa-check"></i> Analytical Writing</li>
</ul>
<div class="score-range">
<span>Target Score: 700-800</span>
</div>
</div>
<div class="exam-card animate-slide-up" data-delay="200">
<h3>TOEFL | IELTS</h3>
<ul class="exam-features">
<li><i class="fas fa-check"></i> Reading Comprehension</li>
<li><i class="fas fa-check"></i> Listening Skills</li>
<li><i class="fas fa-check"></i> Speaking Practice</li>
<li><i class="fas fa-check"></i> Writing Tasks</li>
</ul>
<div class="score-range">
<span>Target Score: IELTS 7.0-9.0 | TOEFL 100-120</span>
</div>
</div>
<div class="exam-card animate-slide-up" data-delay="400">
<h3>SAT | ACT</h3>
<ul class="exam-features">
<li><i class="fas fa-check"></i> Mathematics</li>
<li><i class="fas fa-check"></i> Critical Reading</li>
<li><i class="fas fa-check"></i> Writing & Language</li>
<li><i class="fas fa-check"></i> Science (ACT)</li>
</ul>
<div class="score-range">
<span>Target Score: SAT 1500+ | ACT 33+</span>
</div>
</div>
</div>
</div>
</section>
<section id="success" class="success-section">
<div class="container">
<h2 class="section-title animate-slide-up">SUCCESS STORIES</h2>
<div class="success-grid">
<div class="success-card animate-slide-up">
<div class="success-content">
<div class="score-improvement">
<span class="old-score">GMAT 600</span>
<i class="fas fa-arrow-right"></i>
<span class="new-score">GMAT 740</span>
</div>
<p class="testimonial">"The structured approach and continuous support helped me achieve my target score in just 3 months!"</p>
<div class="student-info">
<span class="student-name">Alex M.</span>
<span class="admission">Admitted to Harvard Business School</span>
</div>
</div>
</div>
<div class="success-card animate-slide-up" data-delay="200">
<div class="success-content">
<div class="score-improvement">
<span class="old-score">IELTS 6.0</span>
<i class="fas fa-arrow-right"></i>
<span class="new-score">IELTS 8.0</span>
</div>
<p class="testimonial">"The intensive speaking practice and writing feedback were invaluable for my IELTS preparation."</p>
<div class="student-info">
<span class="student-name">Maria K.</span>
<span class="admission">Admitted to Oxford University</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact-section">
<div class="container">
<h2 class="section-title">START YOUR JOURNEY</h2>
<div class="contact-content">
<div class="contact-info animate-slide-up">
<h3>Why Choose Us?</h3>
<ul class="benefits-list">
<li><i class="fas fa-check-circle"></i> Personalized Study Plan</li>
<li><i class="fas fa-check-circle"></i> Expert Instructors</li>
<li><i class="fas fa-check-circle"></i> Guaranteed Results</li>
<li><i class="fas fa-check-circle"></i> Flexible Schedule</li>
<li><i class="fas fa-check-circle"></i> Online & Offline Options</li>
</ul>
<div class="contact-buttons">
<a href="#" class="btn btn-primary">Join Free Trial Class</a>
<div class="social-links">
<a href="#" class="btn btn-outline">Telegram</a>
<a href="#" class="btn btn-outline">WhatsApp</a>
</div>
</div>
</div>
<form class="contact-form animate-slide-up" data-delay="200">
<div class="form-group">
<input type="text" placeholder="Your Name" required class="animate-input">
</div>
<div class="form-group">
<input type="tel" placeholder="+7 (999) 999-99-99" required class="animate-input">
</div>
<div class="form-group">
<select required class="animate-input">
<option value="">Select Exam</option>
<option value="gmat">GMAT</option>
<option value="gre">GRE</option>
<option value="toefl">TOEFL</option>
<option value="ielts">IELTS</option>
<option value="sat">SAT</option>
<option value="act">ACT</option>
</select>
</div>
<div class="form-group">
<select required class="animate-input">
<option value="">Current Level</option>
<option value="beginner">Beginner</option>
<option value="intermediate">Intermediate</option>
<option value="advanced">Advanced</option>
</select>
</div>
<button type="submit" class="btn btn-primary animate-button">Start Preparation</button>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-info">
<div class="logo">ExamPrep<span>Pro</span></div>
<p>Your trusted partner in exam preparation since 2008</p>
</div>
<div class="footer-links">
<div class="link-group">
<h4>Exams</h4>
<a href="#">GMAT</a>
<a href="#">GRE</a>
<a href="#">TOEFL</a>
<a href="#">IELTS</a>
</div>
<div class="link-group">
<h4>Resources</h4>
<a href="#">Study Materials</a>
<a href="#">Practice Tests</a>
<a href="#">Success Stories</a>
<a href="#">Blog</a>
</div>
<div class="link-group">
<h4>Company</h4>
<a href="#">About Us</a>
<a href="#">Methodology</a>
<a href="#">Contact</a>
<a href="#">Careers</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 ExamPrep Pro. All rights reserved.</p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>