<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>关于我们-Quinn</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/timeline.css}">
    <link rel="stylesheet" th:href="@{/css/backgroud.css}">
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='about')}"></div>

<main role="main">
    <div class="container">
        <div class="col-md-12 blog-main" style="margin-top: 20px">
            <form th:action="@{'/about/append'}" method="post">
                <div class="col-md-12 mb-3">
                    <label>标题</label>
                    <input type="text" name="title" class="form-control" value="" required>
                </div>
                <div class="col-md-12 mb-3">
                    <label>内容</label>
                    <div id="blog-content">
                        <textarea required name="content" rows="3" class="form-control"> </textarea>
                    </div>
                </div>
                <div class="col-md-12 mb-3">
                    <button type="submit" class="btn btn-primary btn-block">发布公告</button>
                </div>
            </form>
        </div>
    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top badge badge-light">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script>

</body>
</html>
