modified: begushiybashkir/src/index.html
new file: begushiybashkir/src/style/results.css modified: begushiybashkir/src/style/style.css add section results and styles results
This commit is contained in:
@@ -115,6 +115,66 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section results">
|
||||
<div class="container">
|
||||
<h2>Результаты нашего клуба</h2>
|
||||
|
||||
<div class="achievements">
|
||||
<div class="achievement-category">
|
||||
<h3>🏆 Командные достижения</h3>
|
||||
<ul>
|
||||
<li>III место в эстафете 4×400м среди беговых клубов (2024, 2025)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="achievement-category">
|
||||
<h3>42,2 км (марафон)</h3>
|
||||
<ul>
|
||||
<li>Додонов Сергей - 3:27.49</li>
|
||||
<li>Давлетбаков Гаяз - 3:34.33</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="achievement-category">
|
||||
<h3>21,1 км (полумарафон)</h3>
|
||||
<ul>
|
||||
<li>Тактаев Ильгам - 1:23.33</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="achievement-category">
|
||||
<h3>10 км</h3>
|
||||
<ul>
|
||||
<li>Ибрагимов Ринат - 38.49</li>
|
||||
<li>Ахмадуллина Гузель - ?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="achievement-category">
|
||||
<h3>Трейловые дистанции</h3>
|
||||
<ul>
|
||||
<li>Хайбуллин Даниил - III место на Batyr BackYard Ultra (120км)</li>
|
||||
<li>Ибрагимов Ринат - III место на ультрамарафоне «Мир!Труд! Май!» (22км)</li>
|
||||
<li>Хайбуллин Азамат - III место на Karst trail (6км)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slider-container">
|
||||
<h3>Наши моменты</h3>
|
||||
<div class="slider">
|
||||
<img src="./photo/slider1.jpg" alt="Фото с соревнований">
|
||||
<img src="./photo/slider2.jpg" alt="Тренировка клуба">
|
||||
<img src="./photo/slider3.jpg" alt="Награждение">
|
||||
</div>
|
||||
<div class="slider-controls">
|
||||
<button class="slider-prev">←</button>
|
||||
<button class="slider-next">→</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section contact" id="signup">
|
||||
<div class="container">
|
||||
<h2>Наши контакты</h2>
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
/* Стили для раздела результатов */
|
||||
.results {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.achievements {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.achievement-category {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.achievement-category h3 {
|
||||
color: #2e8b57;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.achievement-category ul {
|
||||
padding-left: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Стили для слайдера */
|
||||
.slider-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slider {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.slider img {
|
||||
width: 100%;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.slider-controls {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.slider-controls button {
|
||||
background-color: #2e8b57;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 8px 15px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.slider-controls button:hover {
|
||||
background-color: #1a3e23;
|
||||
}
|
||||
@@ -1,4 +1,5 @@
|
||||
@import url("./input.css");
|
||||
@import url("./results.css");
|
||||
|
||||
body {
|
||||
font-family: "Arial", sans-serif;
|
||||
|
||||
Reference in New Issue
Block a user