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:
valitovgaziz
2025-08-19 12:07:55 +05:00
parent 11f7f47af2
commit 45f4350fdb
3 changed files with 131 additions and 0 deletions
+60
View File
@@ -115,6 +115,66 @@
</div> </div>
</section> </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"> <section class="section contact" id="signup">
<div class="container"> <div class="container">
<h2>Наши контакты</h2> <h2>Наши контакты</h2>
+70
View File
@@ -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
View File
@@ -1,4 +1,5 @@
@import url("./input.css"); @import url("./input.css");
@import url("./results.css");
body { body {
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;