<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Клуб единоборств "Динамо"</title>
<style>
.text3d-wrap-3 {
margin: 0;
padding: 0;
background-color: #337AB7;
position: relative;
width: 100%;
height: 260px;
display: flex;
flex-direction: row;
justify-content: center;
}
.text3d-3 {
margin-top: -12px;
align-self: center;
transform: perspective(300px) rotateX(15deg) scaleY(0.8);
transition: all 0.5s;
font-family: Impact, Charcoal, sans-serif;
font-size: 90px;
letter-spacing: 3px;
color: #FFF;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 10px 0 #BFE2FF;
}
.text3d-wrap-3:hover .text3d-3 {
transform: perspective(1000px) rotateX(15deg) scale(1.07);
text-shadow: 0 0 10px black, 0 2px 0 #BFE2FF;
}
@media (max-width:767px) {
.text3d-3 {
font-size: 60px;
}
}
.glass-btn {
position: relative;
width: 220px;
height: 50px;
margin: 20px;
display: inline-block;
text-align: center;
}
.glass-btn a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
border-radius: 30px;
padding: 0 10px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: bold;
font-size: 16px;
z-index: 1;
transition: 0.5s;
backdrop-filter: blur(15px);
}
.glass-btn:hover a {
letter-spacing: 3px;
}
.glass-btn a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
transform: skewX(45deg) translate(0);
transition: 0.5s;
filter: blur(0px);
}
.glass-btn:hover a:before {
transform: skewX(45deg) translate(200px);
}
.glass-btn a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
transition: 0.5s;
border-radius: 30px;
z-index: -1;
}
.glass-btn:hover a:after {
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.glass-btn:before {
content: "";
position: absolute;
left: 50%;
transform: translatex(-50%);
bottom: -5px;
width: 30px;
height: 10px;
background: #f00;
border-radius: 10px;
transition: 0.5s;
transition-delay: 0.5;
}
.glass-btn:hover:before {
bottom: 0;
height: 50%;
width: 80%;
border-radius: 30px;
}
.glass-btn:after {
content: "";
position: absolute;
left: 50%;
transform: translatex(-50%);
top: -5px;
width: 30px;
height: 10px;
background: #f00;
border-radius: 10px;
transition: 0.5s;
transition-delay: 0.5;
}
.glass-btn:hover:after {
top: 0;
height: 50%;
width: 80%;
border-radius: 30px;
}
.glass-btn.glass-btn-red a:after,
.glass-btn.glass-btn-red:before,
.glass-btn.glass-btn-red:after {
background: #ff4747;
box-shadow: 0 0 5px #ff4747, 0 0 15px #ff4747, 0 0 30px #ff4747, 0 0 60px #ff4747;
}
.glass-btn.glass-btn-blue a:after,
.glass-btn.glass-btn-blue:before,
.glass-btn.glass-btn-blue:after {
background: #419cec;
box-shadow: 0 0 5px #419cec, 0 0 15px #419cec, 0 0 30px #419cec, 0 0 60px #419cec;
}
.glass-btn.glass-btn-green a:after,
.glass-btn.glass-btn-green:before,
.glass-btn.glass-btn-green:after {
background: #38ba35;
box-shadow: 0 0 5px #38ba35, 0 0 15px #38ba35, 0 0 30px #38ba35, 0 0 60px #38ba35;
}
</style>
</head>
<body>
<div class="text3d-wrap-3">
<span class="text3d-3">Клуб единоборств "Динамо"</span>
</div>
<div class="glass-btn glass-btn-red">
<a href="https://vk.com/ashihara555">Записаться</a>
</div><a href='https://im.wampi.ru/2025/02/05/RB-2.jpg' target='_blank'><img src='https://im.wampi.ru/2025/02/05/RB-2.jpg' border='0' height="1300" wight="500" alt='image'></a>
<center>
<h1><font cize="5" color="red">Клуб единоборств "Динамо"</font></h1>
</center>
<p><font cize="5" color="red"><font cize="5" color="blue"><b>Проводим набор в группы рукопашного боя, где каждый желающий сможет не только овладеть искусством самообороны, но и укрепить дух и тело. Наши занятия предназначены как для новичков, так и для опытных бойцов, стремящихся повысить свои навыки. Под руководством профессиональных тренеров вы освоите различные техники и приемы, развивая координацию, силу и выносливость. Вместе с физической подготовкой мы уделяем внимание психологическим аспектам боя, укрепляя уверенность в себе и обучая преодолевать страхи. Атмосфера camaraderie и поддержки поможет каждому участнику раскрыть свой потенциал и достичь поставленных целей. Занятия проходят в удобное время, и мы предлагаем различные форматы тренировок: от групповых до индивидуальных, адаптированных под ваши пожелания и возможности. Не упустите шанс стать частью нашего дружного сообщества, где царит дух единоборств и взаимопомощи. Записывайтесь на пробную тренировку, и вы почувствуете, как меняется не только ваше тело, но и внутреннее состояние. Рукопашный бой – это не просто спорт, это стиль жизни!</b></font></font></p>
<center>
<font cize="5" color="red"><font cize="5" color="blue"><b><font cize="5" color="red"><br>
ПРИХОДИ И МЫ НАУЧИМ ТЕБЯ<br>
-Быть сильным и смелым<br>
-Уверенным в себе<br>
-Воспитывая силу воли и характер<br>
-Проходить аттестацию на пояса<br>
-Учавствовать в соревнованиях<br>
-Навыки самообороны<br>
-Наши координаты</font></b></font></font>
<div class="yamap_wrap">
<div id="yamap"></div>
</div><font cize="5" color="red"><font cize="5" color="blue"><b><font cize="5" color="red">
<script>
let ok = false;
window.addEventListener('scroll', function() {
if (ok === false) {
ok = true;
setTimeout(() => {
let script = document.createElement('script');
script.src = 'https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af6e4368d5bb4682449af8d028cc69af0f723ec0a83577854cdacc4618ef0906d&width=900%25&height=1216&lang=ru_RU&scroll=true';
document.getElementById('yamap').replaceWith(script);
}, 1000)
}
});
</script> <</font></b></font></font>
</center>
</body>
</html>