-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
172 lines (163 loc) · 15.7 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NIS ART HOUSE</title>
<meta name="description" content="Музей работ учеников Назарбаев Интеллектуальной Школы">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="styles/home_style.css"><link rel="stylesheet" type="text/css" href="styles/home_style.css">
<link rel="stylesheet" type="text/css" href="styles/nav_iframe.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Forum&display=swap" rel="stylesheet">
<script src="nis-art-house/scripts/home_script.js"></script>
<link rel="icon" href="imgs/logo_trans.PNG" type="image/png">
<meta name="google-site-verification" content="oNELuQbJ5yIGPCVE4W1QNGXEqhDTAFmwFw9eUr5eVaw" />
<script>
document.addEventListener('click', function(event) {
const popups = ['popupContent', 'popupContent-2', 'popupContent-3', 'popupContent-4'];
const targetElement = event.target;
popups.forEach(popupId => {
const popup = document.getElementById(popupId);
if (popup && popup.style.display === 'block' && !popup.contains(targetElement) && !targetElement.classList.contains('new')) {
popup.style.display = 'none';
}
});
});
function togglePopup(popupId) {
const popup = document.getElementById(popupId);
if (popup) {
popup.style.display = (popup.style.display === 'block') ? 'none' : 'block';
}
}
</script>
</head>
<body>
<div class="wrapper">
<header class="header">
<nav class="nav">
<ul class="silki">
<li><div><a href="https://arthouse.baglanov.site/" target="_top" style="text-decoration: none;">Главная</a></div></li>
<li><div><a href="https://arthouse.baglanov.site/pages/zhivopis" target="_top" style="text-decoration: none;">Живопись</a></div></li>
<li><div><a href="https://arthouse.baglanov.site/pages/maketi" target="_top" style="text-decoration: none;">Макеты</a></div></li>
<li><div><a href="https://arthouse.baglanov.site/pages/dpi" target="_top" style="text-decoration: none;">ДПИ</a></div></li>
<li>
<div><a href="https://arthouse.baglanov.site/pages/master_classi" target="_top" style="text-decoration: none;">Мастер классы</a></div>
</li>
<li><div><a href="https://arthouse.baglanov.site/pages/teachers" target="_top" style="text-decoration: none;">Наши Учителя</a></div></li>
</ul>
</nav>
<p class="nazvanie">
Виртуальный музей <br>
NIS
</p>
<div class="burger">
<span></span>
</div>
</header>
</div>
<iframe id="nav" src="navbar.html"></iframe>
<main>
<section class="Welcome">
<div class="logan">
<h1>
Вдохновляясь,
<br>
Создавайте
</h1>
</div>
<div class="mini-texts">
<div class="mini-text" onclick="togglePopup('popupContent-3')">
<h2>Доброе пожаловать в виртуальный музей NIS! </h2>
<p>Мы рады приветствовать вас в этом уникальном пространстве, где вы можете познакомиться с творчеством учащихся Назарбаев Интеллектуальных школ, где каждый экспонат — это отражение учебы, исследований и вдохновения наших учеников. Здесь вы можете увидеть творческие работы в различных техникак и направлениях искусства: живопись, графика, декоративно-прикладное искусство, познакомится с нашими преподавателями, и научится создавать собственные работы на наших мастер-классах.Наша цель - вдохновить вас, побудить к творчеству и подарить незабываемый опыт исследования искусства.Проведите время в нашем виртуальном музее, наслаждаясь творчеством наших учеников.</p>
</div>
<div class="mini-text" onclick="togglePopup('popupContent-4')">
<h2>NIS виртуалды мұражайына қош келдіңіз!</h2>
<p>Біз сіздерді Назарбаев Зияткерлік мектептері оқушыларының шығармашылығымен танысуға болатын осы бірегей кеңістікте қарсы алуға қуаныштымыз, мұнда әрбір экспонат оқушыларымыздың оқуы, зерттеулері мен шабытының көрінісі болып табылады. Мұнда сіз әр түрлі техникалар мен бағыттардың шығармашылық жұмыстарын көре аласыз: кескіндеме, графика, сәндік-қолданбалы өнер, біздің оқытушылармен танысып, шеберлік сабақтарында өз туындыларын жасауды үйренесіз.Біздің мақсатымыз-сізді шабыттандыру, рефлексияға шақыру және өнерді зерттеуде ұмытылмас тәжірибе беру.Виртуалды мұражайымызда оқушыларымыздың таланты мен шығармашылық шеберлігін көрсететін өнер туындыларын тамашалауға уақыт бөліңіз.</p>
</div>
<div class="popup-content-3" id="popupContent-3">
<h2>Доброе пожаловать в виртуальный музей NIS! </h2>
<p>Мы рады приветствовать вас в этом уникальном пространстве, где вы можете познакомиться с творчеством учащихся Назарбаев Интеллектуальных школ, где каждый экспонат — это отражение учебы, исследований и вдохновения наших учеников. Здесь вы можете увидеть творческие работы различных техник и направлений: живопись, графика, декоративно-прикладное искусство, познакомится с нашими преподавателями, и научится создавать собственные работы на наших мастер-классах.Наша цель - вдохновить вас, побудить к размышлениям и подарить незабываемый опыт исследования искусства.Проведите время в нашем виртуальном музее, наслаждаясь произведениями искусства, которые отражают таланты и творческое мастерство наших учеников.</p>
</div>
<div class="popup-content-4" id="popupContent-4">
<h2>NIS виртуалды мұражайына қош келдіңіз!</h2>
<p>Біз сіздерді Назарбаев Зияткерлік мектептері оқушыларының шығармашылығымен танысуға болатын осы бірегей кеңістікте қарсы алуға қуаныштымыз, мұнда әрбір экспонат оқушыларымыздың оқуы, зерттеулері мен шабытының көрінісі болып табылады. Мұнда сіз әр түрлі техникалар мен бағыттардың шығармашылық жұмыстарын көре аласыз: кескіндеме, графика, сәндік-қолданбалы өнер, біздің оқытушылармен танысып, шеберлік сабақтарында өз туындыларын жасауды үйренесіз.Біздің мақсатымыз-сізді шабыттандыру, рефлексияға шақыру және өнерді зерттеуде ұмытылмас тәжірибе беру.Виртуалды мұражайымызда оқушыларымыздың таланты мен шығармашылық шеберлігін көрсететін өнер туындыларын тамашалауға уақыт бөліңіз.</p>
</div>
</div>
</section>
<section class="info">
<h1>NEWS</h1>
<div class="news">
<div class="new" onclick = "togglePopup('popupContent')">
<h2>"КУЛЬТУРНОЕ НАСЛЕДИЕ ТЮРКСКОГО МИРА И ТУРКМЕНИСТАН"</h2>
<p>ПРИГЛАШАЕМ ПРИНЯТЬ УЧАСТИЕ В МЕЖДУНАРОДНОМ КОНКУРСЕ МОЛОДЫХ ХУДОЖНИКОВ ТЮРКСКОГО МИРА : "КУЛЬТУРНОЕ НАСЛЕДИЕ ТЮРКСКОГО МИРА И ТУРКМЕНИСТАН", ПОСВЯЩЕННОГО «АНАУ 2024 – КУЛЬТУРНАЯ СТОЛИЦА ТЮРКСКОГО МИРА»</p>
<p>(Анау-Туркменистан, март-октябрь 2024 г.)</p>
<p>В Конкурсе могут принять участие юные и молодые художники, ученики и студенты художественных отделений профильных школ и ВУЗов от 12 до 18 лет</p>
<p>подробности на сайте: www.unescoclubs.kz, www.medeniyet.gov.tm, www.turksoy.org</p>
</div>
<div class="new" onclick="togglePopup('popupContent-2')" >
<h2>Внимание учителя NIS Schools</h2>
<p>Присылайте творческие работы учеников с информацией: название работы, ФИ ученика, техника, ФИ руководителя на почту</p>
<p>Вы можете опубликовать на нашем сайте видео мастер классов своих учеников и ваши</p>
<p>P.S. не забудьте отправить фото учителей вашей школы</p>
<p>Успехов в творческой работе!</p>
<p>С уважением, команда учителей искусства NIS Aktobe</p>
</div>
</div>
<div class="popup-content-2" id="popupContent-2">
<h2>Внимание учителя NIS Schools</h2>
<p>Присылайте творческие работы учеников с информацией: название работы, ФИ ученика, техника, ФИ руководителя на почту</p>
<p>Вы можете опубликовать на нашем сайте видео мастер классов своих учеников и ваши</p>
<p>P.S. не забудьте отправить фото учителей вашей школы</p>
<p>Успехов в творческой работе!</p>
<p>С уважением, команда учителей искусства NIS Aktobe</p>
</div>
<div class="popup-content" id="popupContent">
<h2>"КУЛЬТУРНОЕ НАСЛЕДИЕ ТЮРКСКОГО МИРА И ТУРКМЕНИСТАН"</h2>
<p>ПРИГЛАШАЕМ ПРИНЯТЬ УЧАСТИЕ В МЕЖДУНАРОДНОМ КОНКУРСЕ МОЛОДЫХ ХУДОЖНИКОВ ТЮРКСКОГО МИРА : "КУЛЬТУРНОЕ НАСЛЕДИЕ ТЮРКСКОГО МИРА И ТУРКМЕНИСТАН", ПОСВЯЩЕННОГО «АНАУ 2024 – КУЛЬТУРНАЯ СТОЛИЦА ТЮРКСКОГО МИРА»</p>
<p>(Анау-Туркменистан, март-октябрь 2024 г.)</p>
<p>В Конкурсе могут принять участие юные и молодые художники, ученики и студенты художественных отделений профильных школ и ВУЗов от 12 до 18 лет</p>
<p>подробности на сайте: www.unescoclubs.kz, www.medeniyet.gov.tm, www.turksoy.org</p>
</div>
</section>
</main>
<footer>
<div class="contact-us" id="contact_us">
<img src="imgs/teachers/mira.png" alt="Image Description" class="footer-image" height="200px" width="300px">
<div class="contact-info">
<h2>Contact Us</h2>
<p>Email: <a href="mailto:tazhbenova_m@akb.nis.edu.kz">tazhbenova_m@akb.nis.edu.kz</a></p>
<p>Phone: +1 (123) 456-7890</p>
</div>
</div>
</footer>
</body>
<script>
document.querySelector('.burger').addEventListener('click', function() {
this.classList.toggle('active');
document.querySelector('.nav').classList.toggle('open');
})
// Получаем ссылку на элемент iframe по его id
const navIframe = document.getElementById("nav");
// Проверяем ширину экрана при загрузке страницы
checkScreenWidth();
// Обрабатываем изменения размера экрана
window.addEventListener("resize", checkScreenWidth);
function checkScreenWidth() {
// Если ширина экрана меньше 900 пикселей, скрываем iframe
if (window.innerWidth <= 900) {
navIframe.style.display = "none";
} else {
// Иначе, отображаем iframe
navIframe.style.display = "block";
}
}
document.addEventListener('DOMContentLoaded', function () {
const burger = document.querySelector('.burger');
const body = document.querySelector('body');
burger.addEventListener('click', function () {
body.classList.toggle('no-scroll');
});
});
</script>
</html>