/
razumov_798
/
InTech
Обзор
Документация
Войти
/
razumov_798
/
InTech
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
116 строк
8 KB
razumov_798
Create: Лекторий «Наука молодых».jpg, Лекторий «Наука молодых».txt, 01.jpg, 02.jpg, 03.jpg, 04.jpg, 05.jpg, 06.jpg, 07.jpg, 08.jpg, 09.jpg, 10.jpg, 11.jpg, 12.jpg, apply.html, index.html, style.css
19 июн 2026, 09:48
Верифицирован
19 июн 2026, 09:48
063b5a7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>InTech - Лицей информационных технологий</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <!-- Хак для версии для слабовидящих --> <input type="checkbox" id="a11y-toggle" class="hidden-hack"> <div class="page-wrapper"> <header class="header"> <div class="header-container"> <a href="index.html" class="logo-link" aria-label="На главную InTech"> <svg width="40" height="40" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="100" height="100" rx="20" fill="#1E3A8A" /> <path d="M30 70L50 30L70 70" stroke="#06B6D4" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" /> <circle cx="50" cy="50" r="10" fill="#FFFFFF" /> </svg> <span class="logo-text">InTech</span> </a> <input type="checkbox" id="mobile-menu-toggle" class="hidden-hack"> <label for="mobile-menu-toggle" class="burger-icon"> <span></span><span></span><span></span> </label> <nav class="main-nav"> <a href="index.html" class="nav-link page-index-active">Главная</a> <a href="#about" class="nav-link">Сведения об образовательной организации</a> <a href="#news" class="nav-link">Новости</a> <a href="#students" class="nav-link">Учащимся</a> <label for="a11y-toggle" class="btn btn-outline">👁️ Версия для слабовидящих</label> <a href="apply.html" class="btn btn-primary">Хочу у вас учиться</a> </nav> </div> </header> <main> <h1 class="section-title">Дети — наше будущее!</h1> <div class="slider-container"> <div class="slider-track"> <div class="slide"> <img src="Media/Media/Images/04.jpg" alt="Ученики за компьютерами"> <div class="slide-caption">Современные классы и передовое оборудование</div> </div> <div class="slide"> <img src="Media/Media/Images/02.jpg" alt="Робототехника"> <div class="slide-caption">Развитие конструкторских навыков с 1 класса</div> </div> <div class="slide"> <img src="Media/Media/Images/05.jpg" alt="Командная работа"> <div class="slide-caption">Формирование индивидуальной траектории обучения</div> </div> </div> </div> <h2 class="section-title" id="about">Цели и задачи лицея</h2> <div class="goals-description"> <p>Лицей берет на себя обязанности по полному циклу обучения ребенка в рамках образовательного цикла. Также лицей предоставляет широкий спектр дополнительных услуг по формированию индивидуальной траектории обучения: выбор дополнительной IT-специализации, художественная деятельность, конструкторская деятельность и т.д.</p> </div> <div class="goals-grid"> <div class="goal-card"> <h3>Углубленное изучение</h3> <p>Профильная подготовка по математике, информатике и ИКТ для успешного поступления в ведущие вузы.</p> </div> <div class="goal-card"> <h3>Индивидуальный подход</h3> <p>Построение персональной образовательной траектории для каждого ребенка.</p> </div> <div class="goal-card" id="students"> <h3>Всестороннее развитие</h3> <p>Дополнительные программы: художественная деятельность, IT-специализации и конструирование.</p> </div> </div> <!-- Обновленный блок новостей с твоим контентом --> <h2 class="section-title" id="news">Последние новости</h2> <div class="news-grid"> <!-- Карточка 1 --> <article class="news-card"> <img src="Media/Media/Content/Новости/Лекторий «Наука молодых».jpg" alt="Лекторий Наука молодых"> <div class="news-content"> <span class="news-date">12 февраля 2021</span> <h3>Лекторий «Наука молодых»</h3> <p>В Год науки и технологий для учащихся прошел цикл лекций от научных сотрудников КФУ. Обсудили историю антенн, эффект Мёссбауэра и основы создания стартапов.</p> <a href="#news" class="btn btn-outline">Читать новость</a> </div> </article> <!-- Карточка 2 (Дублируем для заполнения сетки, используя другую картинку из комплекта) --> <article class="news-card"> <img src="Media/Media/Images/05.jpg" alt="Научные достижения лицей"> <div class="news-content"> <span class="news-date">12 февраля 2021</span> <h3>Сегодня в IT-лицее прошел цикл лекций от научных сотрудников Казанского федерального университета:</h3> <p>- «История антенн» от младшего научного сотрудника Института геологии и нефтегазовых технологий КФУ Маркиной Ангелины</p> <p>- «Эффект Мёссбауэра, ядерный гамма-резонанс» от младшего научного сотрудника Института физики КФУ Зиннатуллина Алмаза</p> <p>- «Что такое стартап? Как его начать?» от старшего преподавателя Института управления, экономики и финансов КФУ Воробьева Андрея</p> <a href="#news" class="btn btn-outline">Читать новость</a> </div> </article> </div> </main> <footer> <p>© 2026 Лицей информационных технологий «InTech». Все права защищены.</p> </footer> </div> </body> </html>