WerySkok/weryskok.ru
1
0
Fork 0
mirror of https://github.com/WerySkok/weryskok.ru.git synced 2025-04-23 00:13:01 +03:00
Code Issues Projects Releases Packages Wiki Activity

fuck accordions, let's use cards

Browse source
This commit is contained in:
Alexander Minkin 2021-07-22 01:09:22 +03:00
parent 42e4a9f254
commit 808d90c101
1 changed files with 30 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
index.html
View file

@ -61,20 +61,38 @@
</section>
<section class="container overflow-hidden mb-5">
<h1 class="display-5">Социальные сети и мессенджеры</h1>
<div class="accordion" id="accordionSocialMedia">
<div class="accordion-item">
<h2 class="accordion-header" id="headingTelegram">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTelegram" aria-expanded="true" aria-controls="collapseTelegram"><i
class="fab fa-telegram-plane"></i>&nbsp;Telegram</button>
</h2>
<div id="collapseTelegram" class="accordion-collapse collapse show" aria-labelledby="headingTelegram" data-bs-parent="#accordionSocialMedia">
<div class="accordion-body">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-vk"></i>&nbsp;ВКонтакте</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-vk"></i>&nbsp;Александр Минкин</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
</div>
<!-- <p>Я часто использую Telegram, а также веду свой канал. Подпишитесь на него, если интересно</p> -->
</div>
</div>
</div>