renamed: begushiybashkir/allPhoto/AtylqrEsbMCdt79zyh8qtA4Z9zeBM9kpp6T7NGukNUnm1aYHA6D52sQNmRzTE18LIWiBwdk9oZllNZWihCPZJFXG.jpg -> begushiybashkir/allPhoto/mainPhoto.jpg

modified:   begushiybashkir/src/index.html
	new file:   begushiybashkir/src/photo/mainPhoto.jpg
	new file:   begushiybashkir/src/photo/sprinting-athletics-man-scaled.jpg
	new file:   begushiybashkir/src/style/descktop.css
	new file:   begushiybashkir/src/style/mobile.css
	modified:   begushiybashkir/src/style/style.css
	new file:   begushiybashkir/src/style/tablet.css
delete table and add card for each days in week

begushiybashkir/src/index.html

@@ -72,34 +72,33 @@
     </section>
 
     <section class="section schedule">
-      <div class="container">
+      <div class="container week">
-        <h2>Расписание тренировок</h2>
+        <div>
-        <table>
+          <h2>Расписание тренировок</h2>
-          <tr>
+        </div>
-            <th>День недели</th>
+        <div class="days">
-            <th>Время</th>
+          <div class="day">
-            <th>Место</th>
+            <p>Понедельник в 19.30 Техника бега + ОФП</p>
-            <th>Тип тренировки</th>
+          </div>
-          </tr>
+          <div class="day">
-          <tr>
+            <p>Вторник восстановление</p>
-            <td>Понедельник</td>
+          </div>
-            <td>19:00</td>
+          <div class="day">
-            <td>Парк Победы</td>
+            <p>Среда в 19.30 Техника бега + СБУ</p>
-            <td>Интервальный бег</td>
+          </div>
-          </tr>
+          <div class="day">
-          <tr>
+            <p>Четверг восстановление</p>
-            <td>Среда</td>
+          </div>
-            <td>19:00</td>
+          <div class="day">
-            <td>Стадион "Динамо"</td>
+            <p>Пятница восстановление</p>
-            <td>Техника бега + ОФП</td>
+          </div>
-          </tr>
+          <div class="day">
-          <tr>
+            <p>Суббота в 10.00 Длительный кросс</p>
-            <td>Суббота</td>
+          </div>
-            <td>09:00</td>
+          <div class="day">
-            <td>Набережная реки Белой</td>
+            <p>Воскресенье восстановление</p>
-            <td>Длительный кросс</td>
+          </div>
-          </tr>
+        </div>
-        </table>
       </div>
     </section>
 

begushiybashkir/src/style/style.css

@@ -35,13 +35,17 @@ header {
 }
 
 .hero {
-  background: linear-gradient(rgba(46, 139, 87, 0.8), rgba(46, 139, 87, 0.6)),
+  background: linear-gradient(
-    url("https://example.com/running-track.jpg");
+      rgba(32, 133, 77, 0.699),
+      rgba(44, 139, 85, 0.705)
+    ),
+    url("../photo/mainPhoto.jpg");
   background-size: cover;
   color: white;
   text-align: center;
   padding: 80px 20px;
   margin-bottom: 30px;
+  background-position: center 40%;
 }
 
 .hero h1 {
@@ -69,6 +73,7 @@ header {
 
 .btn:hover {
   background-color: #e6c200;
+  cursor: pointer;
 }
 
 .section {
@@ -132,30 +137,38 @@ header {
 
 .schedule {
   background-color: #e8f5e9;
-  padding: 40px 20px;
-}
-
-table {
   width: 100%;
-  max-width: 800px;
+  height: 100%;
-  margin: 30px auto;
-  border-collapse: collapse;
 }
 
-th,
+.week {
-td {
+  background-color: #ffd700;
-  padding: 12px;
+  display: flex;
-  border: 1px solid #ddd;
+  flex-wrap: wrap;
-  text-align: center;
+  flex-direction: column;
 }
 
-th {
+.days {
-  background-color: #2e8b57;
+  display: flex;
-  color: white;
+  gap: 2em;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 
-tr:nth-child(even) {
+.day {
-  background-color: #f2f2f2;
+  background-color: aqua;
+  width: 150px;
+  height: 150px;
+  border-radius: 1em;
+  padding: 5px;
+  margin: 0;
+  justify-content: center;
+  align-items: center;
+}
+
+.day p {
+  display: flex;
+  background-color: #3feb6a;
 }
 
 .contact {
@@ -194,6 +207,11 @@ tr:nth-child(even) {
   margin: 1em;
 }
 
+.contact .container button:hover {
+  background-color: #e6c200;
+  cursor: pointer;
+}
+
 footer {
   background-color: #1a3e23;
   color: white;