modified: begushiybashkir/src/index.html

modified:   begushiybashkir/src/style/style.css
add card to schedule
This commit is contained in:
valitovgaziz
2025-08-13 08:08:20 +05:00
parent 77672dc6ec
commit 9430130215
2 changed files with 27 additions and 10 deletions
+22 -8
View File
@@ -72,31 +72,45 @@
</section> </section>
<section class="section schedule"> <section class="section schedule">
<div class="container week"> <div class="container">
<div> <div>
<h2>Расписание тренировок</h2> <h2>Расписание тренировок</h2>
</div> </div>
<div class="days"> <div class="days">
<div class="day"> <div class="day">
<p>Понедельник в 19.30 Техника бега + ОФП</p> <h3>Понедельник</h3>
<time datetime="">19.30</time>
<p>Техника бега + ОФП</p>
</div> </div>
<div class="day"> <div class="day">
<p>Вторник восстановление</p> <h3>Втрорник</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div> </div>
<div class="day"> <div class="day">
<p>Среда в 19.30 Техника бега + СБУ</p> <h3>Среда</h3>
<time datetime="">19.30</time>
<p>Техника бега + СБУ</p>
</div> </div>
<div class="day"> <div class="day">
<p>Четверг восстановление</p> <h3>Четверг</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div> </div>
<div class="day"> <div class="day">
<p>Пятница восстановление</p> <h3>Пятница</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div> </div>
<div class="day"> <div class="day">
<p>Суббота в 10.00 Длительный кросс</p> <h3>Суббота</h3>
<time datetime="">10.00</time>
<p>Длительный кросс</p>
</div> </div>
<div class="day"> <div class="day">
<p>Воскресенье восстановление</p> <h3>Воскресенье</h3>
<time datetime="">--.--</time>
<p>восстановление</p>
</div> </div>
</div> </div>
</div> </div>
+5 -2
View File
@@ -156,19 +156,22 @@ header {
} }
.day { .day {
background-color: aqua;
width: 150px; width: 150px;
height: 150px; height: 150px;
border-radius: 1em; border-radius: 1em;
padding: 5px; padding: 5px;
margin: 0; margin: 0;
display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
} }
.day p { .day p {
display: flex; display: flex;
background-color: #3feb6a; width: fit-content;
} }
.contact { .contact {