zhdo.space/templates/base.html

62 lines
2.1 KiB
HTML
Raw Normal View History

2022-05-13 21:27:49 +08:00
<!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">
Add some information about the album below, the author, or any
other background context. Make it a few sentences long so folks
can pick up some informative tidbits. Then, link them off to
some social networking sites or contact information.
</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>
</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>