mirror of
https://github.com/WerySkok/weryskok.ru.git
synced 2025-04-23 16:33:03 +03:00
Add image
This commit is contained in:
parent
a3cc4acef6
commit
1698efb70c
1 changed files with 17 additions and 7 deletions
24
index.html
24
index.html
|
@ -25,7 +25,7 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
|
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a>
|
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||||
|
@ -47,17 +47,27 @@
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<section class="d-flex align-items-center justify-content-center vh-100">
|
<section class="d-flex align-items-center justify-content-center vh-100">
|
||||||
<div>
|
<!-- на этот блок ушло много слёз, помогите -->
|
||||||
<h1 class="display-3">Привет!</h1>
|
<div class="row justify-content-center me-0">
|
||||||
<p>Я Александр, и это мой сайт.</p>
|
<div class="col-8 col-md-6">
|
||||||
<div class="btn-group">
|
<img src="imgs/avatar.jpg" alt="Фотография Александра Минкина" class="rounded float-md-end"
|
||||||
<a class="btn btn-primary" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a>
|
height="300px">
|
||||||
<a class="btn btn-primary" href="https://vk.com/weryskok"><i class="fab fa-vk"></i></a>
|
</div>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
</footer>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
|
||||||
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
|
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
|
||||||
crossorigin="anonymous"></script>
|
crossorigin="anonymous"></script>
|
||||||
|
|
Loading…
Reference in a new issue