modified: begushiybashkir/src/index.html
modified: begushiybashkir/src/style/style.css add card to schedule
This commit is contained in:
@@ -72,31 +72,45 @@
|
||||
</section>
|
||||
|
||||
<section class="section schedule">
|
||||
<div class="container week">
|
||||
<div class="container">
|
||||
<div>
|
||||
<h2>Расписание тренировок</h2>
|
||||
</div>
|
||||
<div class="days">
|
||||
<div class="day">
|
||||
<p>Понедельник в 19.30 Техника бега + ОФП</p>
|
||||
<h3>Понедельник</h3>
|
||||
<time datetime="">19.30</time>
|
||||
<p>Техника бега + ОФП</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Вторник восстановление</p>
|
||||
<h3>Втрорник</h3>
|
||||
<time datetime="">--.--</time>
|
||||
<p>восстановление</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Среда в 19.30 Техника бега + СБУ</p>
|
||||
<h3>Среда</h3>
|
||||
<time datetime="">19.30</time>
|
||||
<p>Техника бега + СБУ</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Четверг восстановление</p>
|
||||
<h3>Четверг</h3>
|
||||
<time datetime="">--.--</time>
|
||||
<p>восстановление</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Пятница восстановление</p>
|
||||
<h3>Пятница</h3>
|
||||
<time datetime="">--.--</time>
|
||||
<p>восстановление</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Суббота в 10.00 Длительный кросс</p>
|
||||
<h3>Суббота</h3>
|
||||
<time datetime="">10.00</time>
|
||||
<p>Длительный кросс</p>
|
||||
</div>
|
||||
<div class="day">
|
||||
<p>Воскресенье восстановление</p>
|
||||
<h3>Воскресенье</h3>
|
||||
<time datetime="">--.--</time>
|
||||
<p>восстановление</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -156,19 +156,22 @@ header {
|
||||
}
|
||||
|
||||
.day {
|
||||
background-color: aqua;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 1em;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.day p {
|
||||
display: flex;
|
||||
background-color: #3feb6a;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.contact {
|
||||
|
||||
Reference in New Issue
Block a user