75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
<!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>
|