webdev-exam-2025-1-devik/index.html

153 lines
7.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WorldLang - Языковая школа</title>
<link rel="icon" href="https://deev.space/media/favicon.ico" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<i class="bi bi-translate"></i> WorldLang
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="#about">О нас</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#courses">Курсы</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tutors">Репетиторы</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacts">Контакты</a>
</li>
</ul>
<a href="account.html" class="btn btn-outline-light">Личный кабинет</a>
</div>
</div>
</nav>
<div id="notificationArea"></div>
<section class="hero-section">
<div class="container text-center text-white">
<h1 class="display-3 fw-bold mb-4">Изучайте языки с WorldLang</h1>
<p class="lead mb-5">Профессиональные курсы и репетиторы для достижения ваших целей</p>
<div class="d-flex gap-3 justify-content-center">
<a href="#courses" class="btn btn-primary btn-lg">Выбрать курс</a>
<a href="#tutors" class="btn btn-outline-light btn-lg">Найти репетитора</a>
</div>
</div>
</section>
<section id="about" class="py-5">
<div class="container text-center">
<h2 class="mb-4">О нашей школе</h2>
<p class="lead text-muted">WorldLang — это современная языковая школа, предлагающая качественное образование для всех уровней подготовки. Мы помогаем достигать целей в изучении иностранных языков.</p>
</div>
</section>
<section class="advantages-section py-5 bg-light">
<div class="container">
<h2 class="text-center mb-5">Наши преимущества</h2>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div class="col">
<div class="card h-100 text-center border-0 shadow-sm">
<div class="card-body">
<i class="bi bi-person-check fs-1 text-primary mb-3"></i>
<h5 class="card-title">Опытные преподаватели</h5>
<p class="card-text">Наши педагоги имеют международные сертификаты и многолетний опыт преподавания</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-0 shadow-sm">
<div class="card-body">
<i class="bi bi-chat-dots fs-1 text-primary mb-3"></i>
<h5 class="card-title">Практические навыки</h5>
<p class="card-text">Акцент на разговорной практике и реальных жизненных ситуациях</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-0 shadow-sm">
<div class="card-body">
<i class="bi bi-briefcase fs-1 text-primary mb-3"></i>
<h5 class="card-title">Карьерный рост</h5>
<p class="card-text">Знание языков открывает новые возможности в карьере и бизнесе</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="courses" class="py-5">
<div class="container">
<h2 class="text-center mb-5">Наши курсы</h2>
<div id="coursesList"></div>
</div>
</section>
<section id="tutors" class="py-5 bg-light">
<div class="container">
<h2 class="text-center mb-5">Доступные репетиторы</h2>
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Имя</th>
<th>Уровень</th>
<th>Языки</th>
<th>Опыт</th>
<th>Ставка</th>
</tr>
</thead>
<tbody id="tutorsList"></tbody>
</table>
</div>
</div>
</section>
<footer id="contacts" class="bg-dark text-white py-5">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<h5><i class="bi bi-translate me-2"></i>WorldLang</h5>
<p class="text-secondary">Качественное лингвистическое образование для всех уровней подготовки.</p>
</div>
<div class="col-md-4">
<h5>Контакты</h5>
<p class="mb-1"><i class="bi bi-envelope me-2"></i>egor@deev.space</p>
<p class="mb-1"><i class="bi bi-telephone me-2"></i>+7 (999) 373-77-37</p>
<p class="mb-0"><i class="bi bi-geo-alt me-2"></i>Москва, ул. Михалковская, д. 7, к. 3</p>
</div>
<div class="col-md-4">
<h5>Социальные сети</h5>
<div class="social-links">
<a href="https://t.me/Egor_Deev" target="_blank"><i class="bi bi-telegram"></i></a>
<a href="https://github.com/EDeev" target="_blank"><i class="bi bi-github"></i></a>
<a href="https://vk.com/this_egor" target="_blank"><i class="bi bi-vk"></i></a>
</div>
</div>
</div>
<hr class="my-4 border-secondary">
<p class="text-center text-secondary mb-0">© 2025 WorldLang. Все права защищены.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>