KurbatskiyNikolay
/
hackathon_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Канский технологический колледж</title>
    <link href="https://dev.iconly.io/public/Zg4XzNveOT2W/iconly.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/styles/styles.css">

    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
    />

    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
</head>
<body>
<header class="header">
        <div class="header__nav">
            <div class="header__container">
                <div class="header__burger"><i class="icon-menu"/></i></div>
                <div class="header__nav-links">
                    <a href="#important" class="header__nav-link">Важное</a>
                    <a href="#news" class="header__nav-link">Новости</a>
                    <a href="#gallery" class="header__nav-link">Галерея</a>
                    <div class="header__nav-buttons">
                        <a href="#" class="header__nav-button"><i class="icon-eye"/></i></a>
                        <a href="#" class="header__nav-button"><i class="icon-search"/></i></a>
                    </div>
                </div>
            </div>
        </div>
    <div class="header__sub">
        <div class="header__container">
            <div class="header__sub-wrapper">
                <div class="header__sub-top">
                    <img loading="lazy" src="assets/img/logo.svg" alt="logo" class="header__logo">
                    <div class="header__info">
                        <a class="header__info-item"><i class="icon-phone"/></i>(39161) 2-39-52</a>
                        <a class="header__info-item"><i class="icon-email"/></i>kansk-ktt@mail.ru</a>
                        <a href="#" class="header__info-item"><i class="icon-eye"/></i>Версия для  слабовидящих</a>
                    </div>
                </div>
                <div class="header__sub-bottom">
                    <a href="#" class="header__link">Сведения об образовательной организации</a>
                    <a href="#" class="header__link">Абитуриентам</a>
                    <a href="#" class="header__link">Студентам/Родителям</a>
                    <a href="#" class="header__link">Жизнь колледжа</a>
                    <a href="#" class="header__link">Новости</a>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="open-menu hidden">
    <div class="open-menu__container">
        <a href="#" class="open-menu__link">Сведения об образовательной организации</a>
        <a href="#" class="open-menu__link">Абитуриентам</a>
        <a href="#" class="open-menu__link">Студентам/Родителям</a>
        <a href="#" class="open-menu__link">Жизнь колледжа</a>
        <a href="#" class="open-menu__link">Новости</a>
    </div>
</div>

<section class="slider">
    <div class="slider__container">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/5.jpg" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Информационные системы и программирование</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/2.jpg" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Технология лесозаготовок <br> Садово-парковое и ландшафтное строительство</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/3.jpg" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Монтаж, наладка и эксплуатация электрооборудования промышленных и гражданских зданий</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/4.jpg" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Обеспечение информационной безопасности автоматизированных систем</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/6.png" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Экономика и бухгалтерский учет (по отраслям)</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img loading="lazy" src="assets/img/slider/7.png" alt="" class="slide__image">
                    <div class="slide__info">
                        <h2 class="slide__title">Гостиничное дело</h2>
                        <button class="button slide__button">Подробнее</button>
                    </div>
                </div>
            </div>
            <div class="swiper-button-prev slider-button"></div>
            <div class="swiper-button-next slider-button"></div>
        </div>
    </div>
</section>
<div class="info-list">
<div class="info-list__container">
    <a href="#" class="info-list__item">
        Приемная кампания <i class="icon-campany"></i>
    </a>
    <a href="#" class="info-list__item">
        Образование <i class="icon-education"></i>
    </a>
    <a href="#" class="info-list__item">
        Мастерские ИКТ <i class="icon-ikt"></i>
    </a>
    <a href="#" class="info-list__item">
        Электромонтаж <i class="icon-electro"></i>
    </a>
</div>
</div>

<section class="important" id="important">
    <div class="important__container">
        <div class="title-block important__title-block">
            <h2 class="title important__title">Важное</h2>
            <hr>
        </div>

        <div class="important__news">
            <div class="i-news">
                <img loading="lazy" src="assets/img/news/2.png" alt="" class="i-news__image">
                <div class="i-news__content">
                    <h3 class="title i-news__title">
                        Всероссийская Акции памяти «Блокадный хлеб»</h3>
                    <span class="i-news__date">27.01.2023</span>
                    <p class="i-news__text">27 января 2023 года студенты и педагоги колледжа примут участие во Всероссийской Акции памяти «Блокадный хлеб».
                        Акция призвана напомнить о мужестве жителей Ленинграда, переживших беспрецедентную блокаду миллионного города вражескими захватчиками.
                        Блокада Ленинграда длилась 872 дня. И это не просто цифра - каждый день стал тяжелым испытанием в жизни блокадников.
                        Мы обязаны помнить о подвиге защитников города и страданиях, перенесенных его жителями.</p>
                </div>
            </div>

            <div class="i-news">
                <img loading="lazy" src="assets/img/news/1.png" alt="" class="i-news__image">
                <div class="i-news__content">
                    <h3 class="title i-news__title">Студенческий десант</h3>
                    <span class="i-news__date">25.01.2023</span>
                    <p class="i-news__text">Студенты нашего колледжа примут участие в акции «Студенческий десант», приуроченной к празднованию Дня российского студенчества, которую ежегодно проводит МО МВД России «Канский». В рамках акции для обучающихся будет проведена встреча с начальником Межмуниципального отдела МВД России «Канский» полковником полиции Николаем Викторовичем Баниным.</p>
                </div>
            </div>

            <div class="i-news">
                <img loading="lazy" src="assets/img/news/3.jpg" alt="" class="i-news__image">
                <div class="i-news__content">
                    <h3 class="title i-news__title">
                        Школа проектной грамотности</h3>
                    <span class="i-news__date">25.01.2023</span>
                    <p class="i-news__text">Уважаемые студенты!
                        25 января в 15:00 в молодежном центре  пройдет «Школа проектной грамотности». На школе расскажут о краевом инфраструктурном проекте «Территория Красноярский край», о том, как подать заявку на первый конкурс 2023 года, и помогут оформить идею в проект.

                        Для того, чтобы принять участие необходимо:1) зарегистрироваться по ссылке
                        2) взять блокнот и ручку, хорошее настроение и прийти на школу в молодежный центр.Приглашаем принять участие!</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="news" id="news">
    <div class="news__container">
        <div class="title-block news__title-block">
            <h2 class="title news__title">Новости</h2>
            <hr>
        </div>

        <div class="news__list">
            <div class="news__item">
                <img loading="lazy" src="assets/img/news/5.jpg" alt="" class="news__item-img">
                <div class="news__item-info">
                    <h3 class="title news__item-title">
                        РОБОСИБ 2023</h3>
                    <p class="news__item-text">19-20 января в г. Иркутск состоялся главный сибирский технологический фестиваль «РобоСиб-2023». В этом году на фестиваль съехались более 700 участников в составе 86 команд, представляющих разные регионы России.</p>
                    <div class="news__item-bottom">
                        <button class="button button_blue news__item-button" data-id="2">Подробнее</button>
                        <span class="news__item-date">23.01.2023</span>
                    </div>
                </div>
            </div>

            <div class="news__item">
                <img loading="lazy" src="assets/img/news/4.jpg" alt="" class="news__item-img">
                <div class="news__item-info">
                    <h3 class="title news__item-title">
                        Кинопоказ «Спасти Ленинград»</h3>
                    <p class="news__item-text">	20 января в Канском технологическом колледже провели кинопоказ в рамках проведения ряда мероприятий, посвящённых 80-летию снятия блокады Ленинграда. Студентам было предложено посмотреть художественный фильм Алексея Козлова «Спасти Ленинград» (2019 года).</p>
                    <div class="news__item-bottom">
                        <button class="button button_blue news__item-button" data-id="1">Подробнее</button>
                        <span class="news__item-date">20.01.2023</span>
                    </div>
                </div>
            </div>

            <div class="news__item">
                <img loading="lazy" src="assets/img/news/6.jpg" alt="" class="news__item-img">
                <div class="news__item-info">
                    <h3 class="title news__item-title">
                        День фитнеса</h3>
                    <p class="news__item-text">	Сегодня в спортивном зале состоялось мероприятие «День фитнеса» среди преподавателей и работников колледжа в рамках реализации корпоративной программы укрепления здоровья сотрудников краевого государственного бюджетного профессионального образовательного учреждения «Канский технологический колледж».</p>
                    <div class="news__item-bottom">
                        <button class="button button_blue news__item-button" data-id="3">Подробнее</button>
                        <span class="news__item-date">19.01.2023</span>
                    </div>
                </div>
            </div>
        </div>

        <button class="button button_blue news__button">Все новости</button>
    </div>
</section>
<section class="gallery" id="gallery">
    <div class="gallery__container">
        <div class="title-block news__title-block">
            <h2 class="title gallery__title">Галерея</h2>
            <hr>
        </div>
        <div class="slider__container">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img loading="lazy" src="assets/img/gallery/1.jpg" alt="" class="slide__image">
                    </div>
                    <div class="swiper-slide">
                        <img loading="lazy" src="assets/img/gallery/2.jpg" alt="" class="slide__image">
                    </div>
                    <div class="swiper-slide">
                        <img loading="lazy" src="assets/img/gallery/3.jpg" alt="" class="slide__image">
                    </div>
                    <div class="swiper-slide">
                        <img loading="lazy" src="assets/img/gallery/4.jpg" alt="" class="slide__image">
                    </div>
                    <div class="swiper-slide">
                        <img loading="lazy" src="assets/img/gallery/5.jpg" alt="" class="slide__image">
                    </div>
                </div>
                <div class="swiper-button-prev slider-button"></div>
                <div class="swiper-button-next slider-button"></div>
            </div>
        </div>
    </div>
</section>

<footer class="footer">
    <div class="footer__container">
        <div class="footer__nav">
            <a href="#" class="footer__nav-link">Сведения об образовательной организации</a>
            <a href="#" class="footer__nav-link">Абитуриентам</a>
            <a href="#" class="footer__nav-link">Студентам/Родителям</a>
            <a href="#" class="footer__nav-link">Жизнь колледжа</a>
            <a href="#" class="footer__nav-link">Новости</a>
        </div>
        <div class="footer__social">
            <a href="#" class="footer__social-item"><i class="icon-phone"/></i>(39161) 2-39-52</a>
            <div class="footer__social-wrapper">
                <a href="#" class="footer__social-item"><i class="icon-vk"></i></a>
                <a href="#" class="footer__social-item"><i class="icon-tg"></i></a>
            </div>
            <a href="#" class="footer__social-item"><i class="icon-email"/></i>kansk-ktt@mail.ru</a>
        </div>
        <div class="footer__copyright">© 2013—2022 "Канский технологический колледж"</div>
    </div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="assets/scripts/slider.js"></script>
<script src="assets/scripts/menu.js"></script>
<script src="assets/scripts/popup.js"></script>
</body>
</html>