-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (111 loc) · 6.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/fav.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<!-- Boxicons CSS -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<!-- fontawesome -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"> -->
<!-- bootstrap5 -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> -->
<title>Талгарская школа-лицей №4</title>
</head>
<body>
<section class="header">
<nav>
<a href="#"><img src="logo2.png" alt=""></a>
<div class="nav-link" id="navLinks">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" onclick="hideMenu()" viewBox="0 0 16 16">
<path d="M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414z"/>
</svg>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="news.html">НОВОСТИ</a></li>
<li><a href="about.html">О ШКОЛЕ</a></li>
<li><a href="contacts.html">КОНТАКТЫ</a></li>
</ul>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" fill="currentColor" class="bi bi-list" onclick="showMenu()" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</nav>
<div class="text-box">
<h2>Талгарская школа-лицей №4</h2>
<p>какой-то текст</p>
<a href="#course" class="hero-btn">Узнать больше</a>
</div>
</section>
<section class="course" id="course">
<h1>Новости</h1>
<p>текст</p>
<div class="row">
<div class="course-col">
<h3>Рассылка Новостей</h3>
<p>Получайте рассылку новостей Нашей Школы(подробнее во вкладке "Новости"</p>
</div>
<div class="course-col">
<h3>У Нас Появился Сайт!</h3>
<p>Сайт сделан Нашими Учениками из 10"Б" Класса Байтаковым Даниалом при поддержке Кенхан Расула</p>
</div>
<div class="course-col">
<h3>Вот И Заканчивается Учебный Год</h3>
<p>Осталось Нескоько Дней До Окончания Учебного Года 2021-2022!</p>
</div>
</div>
</section>
<section class="facilities" id="facilities">
<div>
<h1>О Нашей Школе</h1>
<p></p>
<div class="row">
<div class="facilities-col">
<img src="images/library.png" alt="">
<h3>Одна Из Старейших Школ Талгара</h3>
<P>Наша Школа была построена в 1930 году</P>
</div>
<div class="facilities-col">
<img src="images/basketball.png" alt="">
<h3>Узнать Подробнее</h3>
<P>можно в разделе "О Школе"</P>
</div>
<div class="facilities-col">
<img src="images/cafeteria.png" alt="">
<h3>Свыше 500 Учеников</h3>
<P>В Нашей Школе учится больше 500 детей.</P>
</div>
</div>
</div>
</section>
<section class="cta">
<h1>Вы можете связаться с нами прямо сейчас!</h1>
<a href="contacts.html" class="hero-btn">Контакты</a>
</section>
<section class="footer">
<h4></h4>
<p></p>
<div class="icon">
<a href="https://www.instagram.com/shkola_4_talgar/"></a><i class='bx bxl-instagram'></i </a>
<a href="#"></a><i class='bx bxl-whatsapp'></i
</a>
<a href="https://t.me/+gYjI_z23AGI1ZWQy"><i class='bx bxl-telegram'></i></a>
</div>
<p>Сделано Учениками 10"Б" Класса.</p>
</section>
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>