Ruslan339
/
hackathon_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>КГБПОУ "Канский технологический колледж"</title>

    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="rabbit.js"></script>
    <script src="/assets/js/jquery-3.5.1.min.js"></script>

    <style type="text/css">
        *
        {
        margin: 0;
        padding: 0;
        }
    </style>

</head>


<body>

    <div id="header">

        <div id="line_2">
        </div>
        <img src="https://pro.kansk-tc.ru/pluginfile.php/1/theme_adaptable/logo/1674449805/pro_kansk-t_c.png" alt="" style="display: inline-block; height: 60px;width: auto; float: left;">
        <h2 style="color: white; display: inline-block; vertical-align: top; margin: 20px 0px 0px 30px;">Канский технологический колледж</h2>
        <a href="#win3" class="underline-one" style="font-size: 80%;" class="button button-blue;"><img src="https://cdn-icons-png.flaticon.com/512/5585/5585856.png" alt="" style="display: inline-block; height: 40px;width: auto; float: right; margin-right: 1%;">
        </a>
        <a href="#win4" class="underline-one" style="font-size: 80%;" class="button button-blue"><img src="https://cdn-icons-png.flaticon.com/512/4155/4155633.png" alt="" style="display: inline-block; height: 40px;width: auto; float: right; margin-right: 1%;">
        </a>
        <a href="#win5" class="underline-one" style="font-size: 80%;" class="button button-blue"><img src="https://cdn-icons-png.flaticon.com/512/4022/4022982.png" alt="" style="display: inline-block; height: 40px;width: auto; float: right; margin-right: 1%;">
        </a>
    </div>


    <a href="#x" class="overlay" id="win3"></a>
    <div class="popup">

        <p>
            <h2 style="text-align: center;">(39161) 2-39-52</h2></p>
        <a class="close" title="Закрыть" href="#close"></a>
    </div>


    <a href="#x" class="overlay" id="win4"></a>
    <div class="popup">

        <p>
            <h2 style="text-align: center;">kansk-ktt@mail.ru</h2></p>
        <a class="close" title="Закрыть" href="#close"></a>
    </div>


    <a href="#x" class="overlay" id="win5"></a>
    <div class="popup">

        <p>
            <h2 style="text-align: center;">Версия для слабовидящих
            </h2></p>
        <a class="close" title="Закрыть" href="#close"></a>
    </div>


    <div class="flexdir">
        <div id="header" style="margin: 0px 0px 0px 0px; ;">
            <article>
                <nav id="main_nav">
                    <ul>
                        <li style="margin: 20px 0px 0px 0px">
                            <a href="" style="color: white; text-align: center;">Сведения</a>

                        </li>
                        <li style="margin: 20px 0px 0px 0px">
                            <a href="" style="color: white; text-align: center;">Абитуриентам</a>
                        </li>

                        <li style="margin: 20px 0px 0px 0px">
                            <a href="" style="color: white; text-align: center;">Студентам/Родителям</a>
                        </li>

                        <li style="margin: 20px 0px 0px 0px">
                            <a href="" style="color: white; text-align: center;">Жизнь колледжа</a>
                        </li>


                        <li style="margin: 20px 0px 0px 0px">
                            <a href="" style="color: white; text-align: center;">Новости</a></li>
                        </li>

                    </ul>
                </nav>
            </article>
        </div>
        <div id="line_18">
        </div>

    </div>
    <div id="line_5">
    </div>
    </div>
    <div class="c">

        <input type="radio" name="a" id="cr-1" checked>
        <label for="cr-1" style="--hue: 32"></label>
        <div class="ci" style="--z: 4">
           <h2 class="ch" style="--h: 32; --s: 80%; --l: 90%; color: rgb(255, 255, 255); background: black; height: 15%;">Монтаж, наладка и эксплуатация электрооборудования промышленных и гражданских зданий 

      <div style="
      text-align: center">
    
          <button id="login" class="button blue">
            <i class="fa fa-unlock"></i>
            <span>Подробнее</span>
          </button>
          </div></h2>


            <img src="https://www.magtu.ru/images/np/spo/08.02.09/preim-1.jpg " alt="Snow on leafs" style="width: 50%; height: 100%;">
            <img src="https://st46.stpulscen.ru/images/product/274/496/604_big.jpg" alt="Snow on leafs" style="width: 50%; height: 100%; float: right;">
        </div>

        <input type="radio" name="a" id="cr-2">
        <label for="cr-2" style="--hue: 82"></label>
        <div class="ci" style="--z: 3">
            <h2 class="ch" style="--h: 82; --s: 80%; --l: 90%; color: white; background: black; height: 15%;">Информационные системы и программирование
    
        <div style="margin-bottom: 10%;
        text-align: center">
      
            <button id="login" class="button blue">
              <i class="fa fa-unlock"></i>
              <span>Подробнее</span>
            </button>
            </div></h2>
            <img src="https://www.hse.ru/pubs/share/folder/b01f2548c588ff/800939884" alt="Snow on leafs" style="width: 50%; height: 100%;">
            <img src="https://catherineasquithgallery.com/uploads/posts/2021-02/1613655030_21-p-fon-dlya-informatsionnoi-prezentatsii-23.jpg" alt="Snow on leafs" style="width: 50%; height: 100%; float: right;">
        </div>

        <input type="radio" name="a" id="cr-3">
        <label for="cr-3" style="--hue: 40"></label>
        <div class="ci" style="--z: 2">
            <h2 class="ch" style="--h: 40; --s: 100%; --l: 89%; text-align: center; color: white; background: black; height: 12%;">Обеспечение информационной безопасности автоматизированных систем
    
        <div style=" text-align: center">
      
            <button id="login" class="button blue">
              <i class="fa fa-unlock"></i>
              <span>Подробнее</span>
            </button>
            </div></h2>
            <img src="https://online.fz44.org/pluginfile.php/6785/course/overviewfiles/706.jpg" alt="Snow on leafs" style="width: 50%; height: 100%;">
            <img src="https://avatars.dzeninfra.ru/get-zen_doc/2431229/pub_5ee4cbfe3d4f782832b0f64d_5ee4cc23ae8807321d72053c/scale_1200" alt="Snow on leafs" style="width: 50%; height: 100%; float: right;">
        </div>

        <input type="radio" name="a" id="cr-4">
        <label for="cr-4" style="--hue: 210"></label>
        <div class="ci" style="--z: 1">
            <h2 class="ch" style="--h: 210; --s: 70%; --l: 90%; text-align: center; color: rgb(255, 255, 255); background: black; height: 12%;">Технология лесозаготовок
    
        <div style="text-align: center">
      
            <button id="login" class="button blue">
              <i class="fa fa-unlock"></i>
              <span>Подробнее</span>
            </button>
            </div></h2>
            <img src="https://cdn.dvinanews.ru/0soe1sue/5a7v.jpg" alt="Snow on leafs" style="width: 50%; height: 100%;">
            <img src="https://lesprominform.ru/uploads/images/lpi73/_kb17922.jpg" alt="Snow on leafs" style="width: 50%; height: 100%; float: right;">
        </div>
    </div>


    <div id="header" style="margin: 0px 0px 0px 0px;">

        <div id="mama">
            <a href="" class="underline-one"><h2 style="text-align: center;">Приемная кампания</h2></a>
        </div>

        <div id="mama">
            <a href="" class="underline-one"><h2 style="text-align: center;">Образование</h2></a>
        </div>

        <div id="mama">
            <a href="" class="underline-one"><h2 style="text-align: center;">Мастерские
        ИКТ</h2></a>
        </div>

        <div id="mama">
            <a href="" class="underline-one"><h2 style="text-align: center;">Электромонтаж</h2></a>
        </div>

    </div>
    <div id="header" style="margin: 0px 0px 0px 0px;height: auto;">

        <div id="papa">
            <div class="calendar" style="float: right;">27<em>Января</em></div>
            <h2 style="text-align: center;  color: #00bfff;">Важное</h2>
            <p>
                <h3 style="text-align: center;"> <a href="#win1" class="underline-one" style="font-size: 80%;" class="button button-blue"> Всероссийская Акции памяти «Блокадный хлеб</a></h3></p>
            <img src="https://avatars.mds.yandex.net/i?id=2a00000185e2b16d2e9794e1ecfe4d711766-1749611-fast-images&n=13" alt="" style="display: inline-block; height: auto;width: 50%; float: left; margin-right: 2%; border-radius: 10%;" class="scale"> <p style="color: white;">27
            января 2023 года студенты и педагоги колледжа примут участие во Всероссийской Акции памяти «Блокадный хлеб». Акция призвана напомнить о мужестве жителей Ленинграда, переживших беспрецедентную блокаду миллионного города вражескими захватчиками.
            Блокада Ленинграда длилась 872 дня. И это не просто цифра - каждый день стал тяжелым испытанием в жизни блокадников. Мы обязаны помнить о подвиге защитников города и страданиях, перенесенных его жителями.
            </p>
            <div style="margin: 24px;
    text-align: center">

                <button id="login" class="button blue">
                    <i class="fa fa-unlock"></i>
                    <span>Подробнее</span>
                </button>
            </div>
        </div>


        <div id="papa">
            <div class="calendar" style="float: right;">23<em>Января</em></div>
            <h2 style="text-align: center; color: #00bfff;">Новости</h2>
            <p>
                <h3 style="text-align: center;"> <a href="#win2" class="underline-one" style="font-size: 80%; "class="button button-blue">РОБОСИБ 2023</a></h3></p>
            <img src="https://avatars.mds.yandex.net/i?id=2a00000185e6b38d7ec09811b094b241c1c4-939652-fast-images&n=13" alt="" style="display: inline-block; height: auto;width: 50%; float: left; margin-right: 2%; border-radius: 10%;" class="scale"> <p style="color: white;">19-20
            января в г. Иркутск состоялся главный сибирский технологический фестиваль «РобоСиб-2023». В этом году на фестиваль съехались более 700 участников в составе 86 команд, представляющих разные регионы России. Фестиваль стал уже традиционной площадкой
            для получения новых знаний и обмена опытом юных роботостроителей и талантливой молодежи, а его целью является популяризация и повышение инженерных и технических профессий среди молодежи. Наш колледж на этом фестивале представляла команда студентов
            занимающихся робототехникой в составе: Кравцов Даниил, Баранов Дмитрий, Шпаковский Иван, Собко Олег под руководством тренеров Надымова Александра Васильевича и Безбородова Максима Васильевича.
           </p>
           <div style="margin: 24px;
    text-align: center">

                <button id="login" class="button blue">
                    <i class="fa fa-unlock"></i>
                    <span>Подробнее</span>
                </button>
            </div>
        </div>
    </div>
    

        <a href="#x" class="overlay" id="win1"></a>
        <div class="popup">

            <p>27.01.2023</p>
            <p>
                <h2>Всероссийская Акции памяти «Блокадный хлеб»</h2></p>
            <p>
                <h3>Блокада Ленинграда длилась 872 дня. И это не просто цифра - каждый день стал тяжелым испытанием в жизни блокадников. По разным подсчетам, в городе погибло от 692 тысяч до 1,5 миллионов человек – и 97% из них умерли от голода. Единственной надеждой на завтрашний день был паек. Буханка хлеба постепенно превратилась в 125-ти граммовый кусочек – именно такой была минимальная норма выдачи хлеба для жителей блокадного Ленинграда.
    Мы обязаны помнить о подвиге защитников города и страданиях, перенесенных его жителями.
    - И пусть память о городе Герое Ленинграде и его жителях, защитниках, навсегда останется в наших сердцах кусочек Блокадного хлеба, 125 грамм. Подумайте о тех, кто пережил эти страшные 900 дней, о тех, кто не дожил до 27 января 1944 года. 
     </h3></p>
            <a class="close" title="Закрыть" href="#close"></a>
        </div>


        <a href="#x" class="overlay" id="win2"></a>
        <div class="popup">

            <p>23.01.2023</p>
            <p>
                <h2>РОБОСИБ 2023</h2></p>
            <p>
                <h3> 19-20 января в г. Иркутск состоялся главный сибирский технологический фестиваль «РобоСиб-2023». В этом году на фестиваль съехались более 700 участников в составе 86 команд, представляющих разные регионы России. Фестиваль стал уже традиционной площадкой для получения новых знаний и обмена опытом юных роботостроителей и талантливой молодежи, а его целью является популяризация и повышение инженерных и технических профессий среди молодежи.
        Наш колледж на этом фестивале представляла команда студентов занимающихся робототехникой в составе: Кравцов Даниил, Баранов Дмитрий, Шпаковский Иван, Собко Олег под руководством тренеров Надымова Александра Васильевича и Безбородова Максима Васильевича. Для этого участники команды с сентября 2022 года приступили к разработке и программированию робота, способного выполнить конкурсное задание.
        По итогам квалификационного испытания, наша команда стала первой и с уверенностью вышла в полуфинал, а в финале, уступив команде из Брастка, заняла 2 место. По итогам фестиваля, команда колледжа обеспечила себе путевку на Всероссийские соревнования, которые состоятся в апреле в Екатеринбурге.
        Поздравляем ребят с победой и желаем удачи на Всероссийских соревнованиях!
      </h3></p>
            <a class="close" title="Закрыть" href="#close"></a>
        </div>

        <div id="header" style="margin: 0px 0px 0px 0px;height: auto;">
        <div class="slider-container";>

          <h2 style="color: #00bfff; text-align: center; font-size: 250%; float: left;">Галерея
            <div class="slider" style="left: auto;" class="scale">
                <div class="slides">
                    <div id="slides__1" class="slide">
                        <span class="slide__text"><img src="http://www.kansk-tc.ru/UserFiles/gallery/178/img_5456.jpg"></span>
                        <a class="slide__prev" href="#slides__4" title="Next"></a>
                        <a class="slide__next" href="#slides__2" title="Next"></a>
                    </div>
                    <div id="slides__2" class="slide">
                        <span class="slide__text"><img src="http://www.kansk-tc.ru/UserFiles/gallery/178/img_5450.jpg"></span>
                        <a class="slide__prev" href="#slides__1" title="Prev"></a>
                        <a class="slide__next" href="#slides__3" title="Next"></a>
                    </div>
                    <div id="slides__3" class="slide">
                        <span class="slide__text"><img src="http://www.kansk-tc.ru/UserFiles/gallery/178/img_5440.jpg"></span>
                        <a class="slide__prev" href="#slides__2" title="Prev"></a>
                        <a class="slide__next" href="#slides__4" title="Next"></a>
                    </div>
                    <div id="slides__4" class="slide">
                        <span class="slide__text"><img src="http://www.kansk-tc.ru/UserFiles/gallery/179/img_5460.jpg"></span>
                        <a class="slide__prev" href="#slides__3" title="Prev"></a>
                        <a class="slide__next" href="#slides__1" title="Prev"></a>
                    </div>
                </div>
                <div class="slider__nav">
                    <a class="slider__navlink" href="#slides__1"></a>
                    <a class="slider__navlink" href="#slides__2"></a>
                    <a class="slider__navlink" href="#slides__3"></a>
                    <a class="slider__navlink" href="#slides__4"></a>
                </div>
            </div></h2>

       </div> 

       <h1><p style="color: #00bfff; margin-top: 15%;">Фотки Канского технологического колледжа</p></h1>
</div>


        <div id="header" style="margin: 0px 0px 0px 0px; height: 200px; text-align: center;">
            <div id="line" style="display: inline-block; width: 40%; background: black;">
                <p style="color: white;">
                    <br>О нас
                    <br>Редакционные права
                    <br>Карьера
                    <br>Контакт</p>


            </div>

            <div id="line" style="display: inline-block; width: 40%; background: black;">
                <p style="color: white;">
                    <br>Политика конфиденциальности
                    <br>Условия эксплуатации
                    <br>Рекламировать</p>


            </div>
        </div>

        
    <a href="#" id="toTop" style="background: #00bfff; text-align: center; font-size: 40px;">^</a>


</body>

</html>