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>
|
</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>
|
||||||
|
|||||||
@@ -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("./input.css");
|
||||||
|
@import url("./results.css");
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "Arial", sans-serif;
|
font-family: "Arial", sans-serif;
|
||||||
|
|||||||
Reference in New Issue
Block a user