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

Accordion

Browse source
This commit is contained in:
Alexander Minkin 2021-07-22 00:50:03 +03:00
parent a98e2be519
commit 42e4a9f254
1 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
index.html
View file

@ -56,27 +56,29 @@
<div class="col-8 col-md-6">
<h1 class="display-3">Привет!</h1>
<p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных сайтах.</p>
<!-- <div class="btn-group">
<a class="btn btn-primary" href="https://t.me/WerySkok"><i
class="fab fa-telegram-plane"></i></a>
<a class="btn btn-primary" href="https://vk.com/weryskok"><i class="fab fa-vk"></i></a>
</div> -->
</div>
</div>
</section>
<section class="container overflow-hidden mb-5">
<h1 class="display-5">Кто я?</h1>
<img src="imgs/me_web.jpg" class="rounded mx-auto d-block float-md-end my-2 mx-md-3" width="300"
alt="Фотография меня">
<p>Не знаю, зависит от того, что у нас общего. Меня зовут Александр Минкин. Я — семнадцатилетний школьник из
Москвы. Чаще всего известен под ником <a href="#" data-bs-toggle="tooltip"
title="ВериСкок">WerySkok</a>.</p>
</section>
<section class="container overflow-hidden">
<h1 class="display-5">Смотришь аниме?</h1>
<p>Да, <a href="https://shikimori.one/WerySkok" target="_blank" rel="noopener noreferrer">больше 120-ти</a>,
в основном это исекаи, но иногда смотрю и популярные. Хочу увидеть больше реверс-исекаев (если знаете
такие, то скидывайте).</p>
<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="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>
</div>
<!-- <p>Я часто использую Telegram, а также веду свой канал. Подпишитесь на него, если интересно</p> -->
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-dark text-light py-2 mt-5">