46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="ru-en" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
|
|
<!-- include bootstrap -->
|
|
<script src='bootstrap/js/bootstrap.min.js'></script>
|
|
<title>Webpage!</title>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<!-- карточка 1 -->
|
|
<div class="px-4 py-5 my-5 text-center">
|
|
<h1 class="display-5 fw-bold text-body-emphasis">hello everynyan 👽</h1>
|
|
<div class="col-lg-6 mx-auto">
|
|
<p class="lead mb-4">OH MY GAH!!!</p>
|
|
<div class="container px-5">
|
|
<img src="static/azumangadaioh.png" class="img-fluid border rounded-2 mb-4" alt="azumanga moment img" width="700" height="500" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="b-example-divider"></div>
|
|
|
|
<!-- карточка 2 -->
|
|
<div class="px-4 py-5 my-5 text-center">
|
|
<h1 class="display-5 fw-bold text-body-emphasis">Лучше быть волком</h1>
|
|
<div class="col-lg-6 mx-auto">
|
|
<h1 class="display-5 fw-bold text-body-emphasis">чем не быть.</h1>
|
|
</div>
|
|
</div>
|
|
<!-- footer -->
|
|
<div class="container py-4 py-md-5 px-4 px-md-3 text-body-secondary">
|
|
<div class="row">
|
|
<div class="col-lg-2 mb-2">
|
|
<ul class="list-unstyled small">
|
|
<li class="mb-2">сделал Антон Никитин с использованием <a href="https://getbootstrap.com/">bootstrap</a>.</li>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|