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