html/course_electro.html

@@ -81,7 +81,7 @@
                     </p>
                 </div><br>
                 <div class="ed_place">
-                    <p><strong>Учебное заведение:</strong> Канский технологический колледж</p>
+                    <p><strong>Учебное заведение:</strong> КГБПОУ Канский технологический колледж</p>
                 </div><br>
                 <div class="ed_contacts">
                     <p><strong>Контакты учебного заведения:</strong> kansk-ktt@mail.ru</p>
@@ -89,11 +89,11 @@
                 <div class="teachers">
                     <p><strong>Перечень преподавателей с фотографиями:</strong></p><br>
                     <div class="teacher_first">
-                        <p>Иванова Татьяна Петровна</p>
+                        <p id="t_first">Иванова Татьяна Петровна</p>
                         <img src="images/teachers/first.jpg" alt="Фото" height="300">
                     </div><br>
                     <div class="teacher_first">
-                        <p>Бубунова Мария Михалавна</p>
+                        <p id="t_second">Бубунова Мария Михайловна</p>
                         <img src="images/teachers/2.jpeg" alt="Фото" height="300" id="img2" >
                     </div>
                 </div><br>

html/css/course.css

@@ -272,7 +272,7 @@ hr {
 
 main {
     height: 1200px;
-    max-width: 1000px;
+    max-width: 1200px;
     margin: 0 auto;
     margin-top: 20px;
     display: flex;
@@ -287,11 +287,12 @@ main {
 main .this_course {
     display: flex;
     justify-content: space-evenly;
-    max-width: 900px;
+    max-width: 1100px;
     margin: 0 auto;
-    height: 980px;
+    height: 1100px;
     flex-direction: column;
     font-family: 'monsterrat_regular';
+    padding: 0 10px;
 }
 
 .teacher_first {
@@ -315,6 +316,7 @@ main #btn_back {
     width: 50px;
     height: 50px;
     margin-left: 100px;
+    margin-top: 15px;
 }
 
 #img2 {
@@ -326,12 +328,12 @@ main #btn_back, #btn_back button {
     width: 70px;
     height: 50px;
     border-radius: 17px;
-    position: absolute;
-    bottom: 30px;
+    position: relative;
 }
 
 #btn_back button {
     background-color: #a5c8ff;
+    border: 1px solid #000000;
 }
 
 #btn_back button:hover {
@@ -547,13 +549,14 @@ footer {
     }
     main {
         margin-top: 10px;
+        height: 1300px;
         justify-content: space-between;
     }
     .this_course {
         padding: 0 10px;
     }
     #btn_back {
-        margin-bottom: 0px;
+        margin-bottom: 20px;
         margin-left: 20px !important;
     }
     #right {
@@ -662,4 +665,24 @@ footer {
     .fa-map {
         margin-right: 10px;
     }
+    main {
+        height: 1800px !important;
+    }
+    .this_course {
+        max-width: 250px !important;
+        text-align: justify;
+        height: 1700px !important;
+    }
+    #img2 {
+        margin-left: 0;
+    }
+    #t_first {
+        margin-top: 40px;
+    }
+    #t_second {
+        margin-bottom: 40px !important;
+    }
+    #btn_order {
+        margin-top: 40px;
+    }
 }

html/css/index.css

@@ -278,6 +278,12 @@ main {
     background-color: #ffffff;
     border-radius: 10px;
     overflow: scroll;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+main::-webkit-scrollbar {
+    display: none;
 }
 
 main > .course {

html/index.html

@@ -37,13 +37,13 @@
                 </div>
                 <div class="hide_second_top_menu">
                     <ul>
-                        <li><a href="">Новости</a></li>
-                        <li><a href="">Расписание занятий</a></li>
-                        <li><a href="">Учебные заведения</a></li>
-                        <li><a href="">Карта расположения колледжа</a></li>
-                        <li><a href="">Документы</a></li>
-                        <li><a href="">Контакты</a></li>
-                        <li><a href="">Преподаватели</a></li>
+                        <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">
@@ -66,7 +66,7 @@
             
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/electro/electro.jpg" alt="" id="course_img_1">
+                    <img src="images/courses/electro/electro.jpg" id="course_img_1">
                 </div>
                 <a href="course_electro.html">
                 <div class="course_name">
@@ -79,7 +79,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/automob/Image 1.jpg" alt="" id="course_img_2">
+                    <img src="images/courses/automob/Image 1.jpg" alt="" id="course_img_2">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -92,7 +92,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/calc/Image 2.jpg" alt="" id="course_img_3">
+                    <img src="images/courses/calc/Image 2.jpg" alt="" id="course_img_3">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -105,7 +105,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/brew/Image 3.jpg" id="course_img_4">
+                    <img src="images/courses/brew/Image 3.jpg" id="course_img_4">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -118,7 +118,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/programer/Image 5.jpg" alt="" id="course_img_5">
+                    <img src="images/courses/programer/Image 5.jpg" alt="" id="course_img_5">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -131,7 +131,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/3d/Image 6.jpg" alt="" id="course_img_6">
+                    <img src="images/courses/3d/Image 6.jpg" alt="" id="course_img_6">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -144,7 +144,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/wood/Image 7.jpg" alt="" id="course_img_7">
+                    <img src="images/courses/wood/Image 7.jpg" alt="" id="course_img_7">
                 </div>
                 <a href="#">
                 <div class="course_name">
@@ -157,7 +157,7 @@
 
             <div class="course">
                 <div class="course_img">
-                    <img src="/images/courses/asphalt/Image 8.jpg" alt="" id="course_img_8">
+                    <img src="images/courses/asphalt/Image 8.jpg" alt="" id="course_img_8">
                 </div>
                 <a href="#">
                 <div class="course_name">

json/index.json

@@ -0,0 +1,57 @@
+[
+    {
+        "_id": "1234",
+        "isActive": true,
+        "picture": "http://placehold.it/32x32",
+        "name": "Курс сварщика",
+        "email": "undefined.undefined@undefined.tv",
+        "phone": "+7 (942) 458-2394",
+        "period": 2,
+        "price": 20000,
+        "address": "304 Clermont Avenue, Rote, Maryland, 4801",
+        "about": "Курс сварщика",
+        "starting": "С утра в понедельник 32 мая",
+        "tags": [
+            "трактор",
+            "вождение"
+        
+        ],
+        "teachers": [
+        {
+            "id": 0,
+            "name": "Василий Иванович Хмурый",
+            "picture": "http://placehold.it/32x32"
+        },
+        {
+            "id": 1,
+            "name": "Иван Петрович Безопасный",
+            "picture": "http://placehold.it/32x32"
+        }
+        ]
+    },
+        
+    {
+        "_id": "1235",
+        "isActive": true,
+        "picture": "http://placehold.it/32x32",
+        "name": "Курс электротехника",
+        "email": "undefined.undefined@undefined.tv",
+        "phone": "+7 (942) 458-2394",
+        "period": 2,
+        "price": 20000,
+        "address": "304 Clermont Avenue, Rote, Maryland, 4801",
+        "about": "Курс электротехника",
+        "starting": "С утра в понедельник 32 мая",
+        "tags": [
+            "электротехник"
+            
+        ],
+        "teachers": [
+            {
+                "id": 0,
+                "name": "Иван Васильевич Кобанюк",
+                "picture": "http://placehold.it/32x32"
+            }
+        ]
+    } 
+]