<!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>