Tatsua
/
hackathon_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!DOCTYPE html>
<html lang="ru">
<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="stylesheet" href="core/css/index-style.css">
    <title>КТК</title>
</head>
<body>
    <div class="container">
        <header>
            <a href="#">
                <picture>
                    <img src="./core/images/logo.png" alt="Логотип">
                </picture>
            </a>
            <ul>
                <li><a href="#">Версия для слабовидящих</a></li>
                <li>Телефон: (39161) 2-39-52</li>
                <li>Почта: kansk-ktt@mail.ru</li>
            </ul>
            <nav>
                <span class="search" id="search">
                    <svg version="1.1" id="btnSearch" onclick="showSearchInput()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                            width="36px" height="36px" viewBox="0 0 485.213 485.213" style="enable-background:new 0 0 485.213 485.213;"
                            xml:space="preserve">
                        <g>
                            <g>
                                <path d="M471.882,407.567L360.567,296.243c-16.586,25.795-38.536,47.734-64.331,64.321l111.324,111.324
                                    c17.772,17.768,46.587,17.768,64.321,0C489.654,454.149,489.654,425.334,471.882,407.567z"/>
                                <path d="M363.909,181.955C363.909,81.473,282.44,0,181.956,0C81.474,0,0.001,81.473,0.001,181.955s81.473,181.951,181.955,181.951
                                    C282.44,363.906,363.909,282.437,363.909,181.955z M181.956,318.416c-75.252,0-136.465-61.208-136.465-136.46
                                    c0-75.252,61.213-136.465,136.465-136.465c75.25,0,136.468,61.213,136.468,136.465
                                    C318.424,257.208,257.206,318.416,181.956,318.416z"/>
                                <path d="M75.817,181.955h30.322c0-41.803,34.014-75.814,75.816-75.814V75.816C123.438,75.816,75.817,123.437,75.817,181.955z"/>
                            </g>
                        </g>
                    </svg>
                    <div class="searchInput">
                        <form action="#" method="post">
                            <input type="text" name="search" placeholder="Что искать?">
                            <button type="submit">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 485.213 485.213" style="enable-background:new 0 0 485.213 485.213;" xml:space="preserve">
                                    <g>
                                        <g>
                                            <path d="M471.882,407.567L360.567,296.243c-16.586,25.795-38.536,47.734-64.331,64.321l111.324,111.324
                                                c17.772,17.768,46.587,17.768,64.321,0C489.654,454.149,489.654,425.334,471.882,407.567z"/>
                                            <path d="M363.909,181.955C363.909,81.473,282.44,0,181.956,0C81.474,0,0.001,81.473,0.001,181.955s81.473,181.951,181.955,181.951
                                                C282.44,363.906,363.909,282.437,363.909,181.955z M181.956,318.416c-75.252,0-136.465-61.208-136.465-136.46
                                                c0-75.252,61.213-136.465,136.465-136.465c75.25,0,136.468,61.213,136.468,136.465
                                                C318.424,257.208,257.206,318.416,181.956,318.416z"/>
                                            <path d="M75.817,181.955h30.322c0-41.803,34.014-75.814,75.816-75.814V75.816C123.438,75.816,75.817,123.437,75.817,181.955z"/>
                                        </g>
                                    </g>
                                </svg>
                            </button>
                        </form>
                    </div>
                </span>
                <span>
                    <a href="#">Сведение об образовательной организации</a>
                </span>
                <span>
                    <a href="#">Абитуриентам</a>
                </span>
                <span>
                    <a href="#">Студентам/Родителям</a>
                </span>
                <span>
                    <a href="#">Жизнь колледжа</a>
                </span>
                <span>
                    <a href="#">Новости</a>
                </span>
            </nav>
        </header>
        <main>
            <section class="slider">
                <div class="itc-slider" data-autoplay="true" data-interval="7000" data-loop="true" data-slider="itc-slider">
                    <div class="itc-slider__wrapper">
                        <div class="itc-slider__items">
                            <div class="itc-slider__item">
                                <!-- Контент 1 слайда -->
                                1
                            </div>
                            <div class="itc-slider__item">
                                <!-- Контент 2 слайда -->
                                2
                            </div>
                            <div class="itc-slider__item">
                                <!-- Контент 3 слайда -->
                                3
                            </div>
                            <div class="itc-slider__item">
                                <!-- Контент 4 слайда -->
                                4
                            </div>
                            <div class="itc-slider__item">
                                <!-- Контент 5 слайда -->
                                5
                            </div>
                        </div>
                    </div>
                    <button class="itc-slider__btn itc-slider__btn_prev"></button>
                    <button class="itc-slider__btn itc-slider__btn_next"></button>
                    <ol class="itc-slider__indicators">
                      <li class="itc-slider__indicator" data-slide-to="0"></li>
                      <li class="itc-slider__indicator" data-slide-to="1"></li>
                      <li class="itc-slider__indicator" data-slide-to="2"></li>
                      <li class="itc-slider__indicator" data-slide-to="3"></li>
                      <li class="itc-slider__indicator" data-slide-to="4"></li>
                    </ol>
                </div>
            </section>
            <section class="important"></section>
            <section class="news"></section>
            <section class="gallery"></section>
        </main>
        <footer>
            footer
        </footer>
    </div>
    <script src="./core/js/script.js"></script>
</body>
</html>