aloparev
/
digital_college


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!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 href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <title>Главная страница</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="icons/font-awesome-4.7.0/css/font-awesome.css">
    <script src="scripts/menu.js"></script>
</head>
<body>
    <div class="wrapper">
        <header>
            <div class="header">
                <div class="logo_name">
                    <img src="images/logo/Logo1.png" alt="Логотип">
                    <p>Министерство образования Красноярского края</p>
                </div>
                <div class="header_buttons">
                    <div class="top_header">
                        <h1>Сибирский цифровой колледж</h1>
                    </div><br>
                    <div class="top_buttons">
                        <button>Вход</button>
                        <button>Регистрация</button>
                    </div>
                </div>
            </div>
            <hr>
            <div class="quick_links_search">
                <div class="link_buttons">
                    <button id="top_btn_2">О нас</button>
                </div>
                <div class="hide_second_top_menu">
                    <ul>
                        <li><a href="News.html">Новости</a></li>
                        <li><a href="Lessons.html">Расписание занятий</a></li>
                        <li><a href="Places.html">Учебные заведения</a></li>
                        <li><a href="Map.html">Карта расположения колледжа</a></li>
                        <li><a href="Documents.html">Документы</a></li>
                        <li><a href="Contacts.html">Контакты</a></li>
                        <li><a href="Teachers.html">Преподаватели</a></li>
                    </ul>
                </div>
                <hr id="hr_between">
                <div class="search_field">
                    <form action="" method="POST">
                        <input type="search" id="search_input_top" name="search_input">
                        <button type="submit" id="send_btn_1" name="send"><i class="fa fa-search fa-2x"></i></button>
                        <button type="submit" id="send_btn_2" name="send"><i class="fa fa-search fa-1x"></i></button>
                    </form>
                </div>
            </div>
            <hr>
        </header>

        <div class="page_header">
            <h1>Курсы</h1>
        </div>

        <main>
            
            <div class="course">
                <div class="course_img">
                    <img src="images/courses/electro/electro.jpg" id="course_img_1">
                </div>
                <a href="course_electro.html">
                <div class="course_name">
                    <h2>Электротехник</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 2 месяца <br><strong>Цена:</strong> 20.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/automob/Image 1.jpg" alt="" id="course_img_2">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Австослесарь</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 4 месяца <br><strong>Цена:</strong> 25.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/calc/Image 2.jpg" alt="" id="course_img_3">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Бухгалтер</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 2 месяца <br><strong>Цена:</strong> 22.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/brew/Image 3.jpg" id="course_img_4">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Сварщик</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 6 месяца <br><strong>Цена:</strong> 30.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/programer/Image 5.jpg" alt="" id="course_img_5">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Разработчик игр</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 6 месяца <br><strong>Цена:</strong> 35.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/3d/Image 6.jpg" alt="" id="course_img_6">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>3D Дизайнер</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 3 месяца <br><strong>Цена:</strong> 20.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/wood/Image 7.jpg" alt="" id="course_img_7">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Плотник</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 3 месяца <br><strong>Цена:</strong> 28.000</p>
                </div></a>
            </div>

            <div class="course">
                <div class="course_img">
                    <img src="images/courses/asphalt/Image 8.jpg" alt="" id="course_img_8">
                </div>
                <a href="#">
                <div class="course_name">
                    <h2>Автомобильные дороги</h2>
                </div>
                <div class="course_description">
                    <p><strong>Период:</strong> 1 месяца <br><strong>Цена:</strong> 15.000</p>
                </div></a>
            </div>
        </main>
        
        <footer>
            <div id="left">
                <img src="images/logo/logo_ktk.png">
                <p>Разработано<br>«Канским технологическим колледжом»</p>
                <br>
            </div>
            <div id="right">
                <p><i class="fa fa-map fa-2x"></i>&nbsp;&nbsp;&nbsp;ул. Кайтымская, 56, г.Канск, 663600</p><br>
                <p><i class="fa fa-phone fa-2x"></i>&nbsp;&nbsp;&nbsp;(39161) 2-39-52</p><br>
            </div>
        </footer>
    </div>
</body>
</html>