<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<title>智互奥运</title>
<!-- Bootstrap core CSS -->
<link href="/static/bootstrap.min.css" rel="stylesheet" />
<link href="/static/style.css" rel="stylesheet" />
</head>
<body>
<header>
<div class="collapse bg-darkerblue" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">关于</h4>
<p class="text-muted">
Ipsum rerum recusandae animi explicabo omnis asperiores ex Est
recusandae maiores modi harum quo? Nihil rem consequatur nemo
asperiores repellat Laboriosam nostrum inventore explicabo
doloribus molestias! Veniam quia tempora praesentium Elit
laudantium nam explicabo maxime officiis? Doloribus facere
architecto explicabo in optio Provident saepe dicta deleniti
necessitatibus commodi Iure velit voluptate eum et ipsum? Enim
at unde ad iusto architecto Lorem veritatis dolore
exercitationem inventore eos Consectetur velit repellendus omnis
commodi maxime. Laborum ipsa eius numquam perferendis repellat
delectus? Inventore quos aut pariatur sed eaque iure.
Repudiandae distinctio soluta suscipit.
</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">联系方式</h4>
<ul class="list-unstyled">
<li><a href="#" class="text-white">微信公众号</a></li>
<li><a href="#" class="text-white">电子邮件</a></li>
</ul>
<h4 class="text-white">更多链接</h4>
<ul class="list-unstyled">
<li><a href="#" class="text-white">源代码仓库</a></li>
<li><a href="#" class="text-white">作者的blog</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-darkerblue shadow-sm">
<div class="container">
<a href="#" class="navbar-brand d-flex align-items-center">
<strong>智互奥运</strong>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarHeader"
aria-controls="navbarHeader"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<main>{% block content %} {% endblock %}</main>
<script src="/static/bootstrap.bundle.min.js"></script>
</body>
</html>