<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Cоцсети</title>
</head>
<style>
.social-icons-2 {
padding: 0;
list-style: none;
margin: 10px;
}
.social-icons-2 li {
display: inline-block;
position: relative;
}
.social-icons-2 li a {
width: 60px;
height: 60px;
display: inline-block;
text-align: center;
margin: 0 4px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none;
box-shadow: 0 4px 15px rgba(0,0,0,0.5);
background: linear-gradient(5deg, #F5F5DC, #A9A9A9);
transition: .5s;
}
.social-icons-2 li a:hover {
box-shadow: 0 2px 7px rgba(0,0,0,0.8);
color:#F5FFFA ;
}
.social-icons-2 li a i {
display: block;
background: linear-gradient(0deg,#2F4F4F , #D8BFD8);
border-radius: 50%;
padding: 12px;
font-size: 24px;
color: #8B4513;
transition: .5s;
width: 24px;
height: 24px;
position: absolute;
box-sizing: content-box;
}
.social-icons-2 li a:hover i {
color:#FFFF00 ;
}
.social-icons-2 li a img {
width: 24px;
height: 24px;
}
@import url(https://w7.pngwing.com/pngs/929/178/png … e-text.png);
.logotype4 {
position: relative;
color: #F4A460;
letter-spacing: 3px;
display: inline-block;
line-height: 50px;
font-size: 54px;
font-family: 'Russo One', sans-serif;
font-variant: small-caps;
transition: color 0.3s ease-in-out;
text-shadow: 1px 1px #8B0000, 3px 3px;
margin-bottom: 20px;
}
.logotype4 b {
font-variant: normal;
}
.logotype4 div {
position: absolute;
font-size: 24px;
text-shadow: 1px 1px #2F4F4F;
transition: all 0.7s ease-in-out;
letter-spacing: 0;
left: 0;
white-space: nowrap;
transform: translateX(0);
}
.logotype4:hover {
color: #8B0000;
}
.logotype4:hover div {
left: 100%;
transform: translateX(-100%);
}
@media (max-width:600px) {
.logotype4, .logotype4:hover {
font-size: 32px;
line-height: 32px;
}
.logotype4 b {
font-size: 32px;
}
.logotype4 div {
font-size: 18px;
}
}
.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;
}
.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: 100%;
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: 80%;
width: 80%;
border-radius: 30px;
}
.glass-btn.glass-btn-red a:after,
.glass-btn.glass-btn-red:before {
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{
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 {
background: #38ba35;
box-shadow: 0 0 5px #38ba35, 0 0 15px #38ba35, 0 0 30px #38ba35, 0 0 60px #38ba35;
}
</style>
<body>
<body bgcolor="#FFFACD"></body>
<a href="https://dinamokarat.mybb.ru/" class="logotype4">
<b>ASHIHARA</b>KYOKAI
<div>international associacion of karate</div>
</a>
<center><font color="#800000"><p><br><b><i>Приглашаем присоединиться к нашим группам
<br><b><i>боевого стиля Ashiharakyokai для детей, юношей, девушек и взрослых.
<br><b><i>У нас вы сможете развивать свои навыки, повысить физическую форму и научиться защищать себя.
<br><b><i>Наша команда профессионалов поможет вам достичь наилучших результатов.
<br><b><i> Присоединяйтесь к нам и станьте частью нашей дружной семьи:
<p><center>Клуб единоборств "Динамо"
<br>Мы рады предложить вам широкий спектр
<br>спортивных занятий для всех возрастов и уровней подготовки.
<br>Независимо от того, новичок ли вы или опытный спортсмен,
<br>у нас вы найдете программу, подходящую именно вам.
<br>Наши профессиональные
<br>тренеры помогут вам развить ваши спортивные навыки, повысить физическую форму и достичь новых спортивных результатов.
<br>Присоединяйтесь
<br>к нашей команде и начните путь к здоровому и активному образу жизни уже сегодня!</p>
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgYC4wxYc7CqMoD2O-0GOAGr4EKuKTARcm46PVqyBoy0HR2DnLKV_gr2nSXu3O5OQXgmj18yaVIEZp49RcvYVaGuSezA7PJHKtgQ2op6PFon3-Hy945niRBghb0AWjYTGpCpETD_mGoAPahQN80CvNWrZE033V_3Vm_ZZTKrK2qrKZ_HJfj-Ea-T7uvLSNG=s1600"alt="">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh-B3J43gZ7feZwqxn6syka9CiBQ9MneXlMzDd3q65nYbIfId_yAbnN3JsrJ2NcLdOGX9UBGvIbBT_c48VYsr4AM2Zdr2mjGXIBqe2xfSAiG3FttGLSo3_hmuB8WHCy2Kc0W7x08G3UAqs4_X_enJ5QUwSzG-yJarg3t2whOO_04MmrBuV8xT4C8sCS2J4T"height="300"alt="">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhlGNC90-fuMyC46J4CrO8avszRYE-0icDkFCaES0O7bx-kyWZqHDUC7xrJiJ7b7uGGcBgg3_bSdwUjwtvp8CCC8Nnz4HqLUgey9DuBPYh_Na1dauDxDguHlYScYUqsgzw5LO7mLVnqQWc3m1aCVBIgizvXMi0carDmj1DlG9Aiignbqx06ArPVJlChxV4d"height="500"alt="">
<ul class="social-icons-2">
<li><a href="http://vk.com/ashihara555"><i class="fa fa-vk">vk</i></a></li>
<li><a href="https://ok.ru/profile/563167177203"><i class="fa fa-odnoklassniki">ok</i></a></li>
<li><a href="https://rutube.ru/channel/59701203/"><i class="fa fa-rutube">rutube</i></a></li>
<li><a href="https://ashiharakarat.blogspot.com/"><i><img src="https://avatars.mds.yandex.net/i?id=a6dfd08ee3afea53d207a55c05cb82e429903327-5292478-images-thumbs&ref=rim&n=33&w=250&h=250" alt=""/></i></a></li>
</ul>
<div class="glass-btn glass-btn-red">
<a href="https://ashiharakarat.blogspot.com/">Переход на сайт</a>
</div>
<div class="glass-btn glass-btn-blue">
<a href="https://dinamokarat.mybb.ru/">Форум</a>
</div>
<div class="glass-btn glass-btn-green">
<a href="https://vk.com/ashihara555?from=groups">VK</a>
</div>
_____________________________________________________________________________________________________________________________________
<img src="https://im.wampi.ru/2025/03/08/2020-01-05-10-42-59.webp" alt="2020-01-05-10-42-59.webp" border="0" />
</body>
</html>