Browse Source

Обновил вёрстку

Matvey 3 years ago
parent
commit
58ab71e559
3 changed files with 28 additions and 10 deletions
  1. 2 2
      html/course_electro.html
  2. 18 0
      html/css/course.css
  3. 8 8
      html/index.html

+ 2 - 2
html/course_electro.html

@@ -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>

+ 18 - 0
html/css/course.css

@@ -309,6 +309,7 @@ main .this_course #btn_order {
     border-radius: 17px;
     font-family: 'monsterrat_regular';
     font-size: 16px;
+    margin-top: 40px;
 }
 
 main #btn_back {
@@ -332,6 +333,7 @@ main #btn_back, #btn_back button {
 
 #btn_back button {
     background-color: #a5c8ff;
+    border: 1px solid #000000;
 }
 
 #btn_back button:hover {
@@ -662,4 +664,20 @@ footer {
     .fa-map {
         margin-right: 10px;
     }
+    .this_course {
+        max-width: 250px !important;
+        text-align: justify;
+    }
+    #img2 {
+        margin-left: 0;
+    }
+    #t_first {
+        margin-top: 40px;
+    }
+    #t_second {
+        margin-bottom: 40px !important;
+    }
+    #btn_order {
+        margin-top: 40px;
+    }
 }

+ 8 - 8
html/index.html

@@ -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" alt="" 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">