113 lines
11 KiB
HTML
113 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||
<title>DormitoryManagement</title>
|
||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap">
|
||
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
|
||
<link rel="stylesheet" href="assets/css/Articles-Cards-images.css">
|
||
<link rel="stylesheet" href="assets/css/Footer-Dark-icons.css">
|
||
<link rel="stylesheet" href="assets/css/styles.css">
|
||
</head>
|
||
|
||
<body style="padding-top: 100px;">
|
||
<nav class="navbar navbar-light navbar-expand-md fixed-top bg-dark">
|
||
<div class="container"><a class="navbar-brand link-light" href="#">寝室管理系统</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||
<div class="collapse navbar-collapse" id="navcol-1">
|
||
<ul class="navbar-nav flex-grow-1 justify-content-between">
|
||
<li class="nav-item"><a class="nav-link active text-nowrap text-start link-light" href="#"><i class="far fa-user"></i>登录</a></li>
|
||
<li class="nav-item"><a class="nav-link text-nowrap link-light" href="#"><i class="far fa-chart-bar"></i>信息公开</a></li>
|
||
<li class="nav-item"><a class="nav-link text-nowrap link-light" href="#"><i class="fas fa-list-alt"></i>系统详情</a></li>
|
||
<li class="nav-item"><a class="nav-link text-nowrap link-light" href="#"><i class="far fa-comment"></i>通知公告</a></li>
|
||
<li class="nav-item"><a class="nav-link text-nowrap link-light" href="#"><i class="fas fa-search" style="font-size: 15px;"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav><!-- Start: Articles Cards -->
|
||
<div class="container py-4 py-xl-5">
|
||
<div class="row mb-5">
|
||
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
||
<h2>欢迎来到学生寝室管理系统</h2>
|
||
<p>管理宿舍，从此不再烦恼</p>
|
||
</div>
|
||
</div>
|
||
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
|
||
<div class="col">
|
||
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="assets/img/DSC00705-2.jpg" width="354" height="200">
|
||
<div class="card-body p-4">
|
||
<p class="text-primary card-text mb-0">高效</p>
|
||
<h4 class="card-title">与众不同</h4>
|
||
<p class="card-text">与传统的寝室管理方式相比，我们的系统利用了先进的信息技术，提供了更高效、更便捷、更人性化的寝室管理服务，帮助学生解决生活中的各种问题，提高学校管理水平。</p>
|
||
<div class="d-flex">
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="assets/img/寝室.jpg">
|
||
<div class="card-body p-4">
|
||
<p class="text-primary card-text mb-0">多元</p>
|
||
<h4 class="card-title">功能至上</h4>
|
||
<p class="card-text">我们的系统具备多种功能，如宿舍分配、报修、公告等，通过简单易用的界面，用户可以方便地进行各种操作，满足学生和管理人员的各种需求，提高宿舍管理效率和生活质量。</p>
|
||
<div class="d-flex">
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card"><img class="card-img-top w-100 d-block fit-cover" style="height: 200px;" src="assets/img/主教.jpg">
|
||
<div class="card-body p-4">
|
||
<p class="text-primary card-text mb-0">开放</p>
|
||
<h4 class="card-title">信息共享</h4>
|
||
<p class="card-text">我们的系统提供API开放接口，方便学校和第三方开发者获取宿舍管理数据，进行进一步的数据分析和应用开发，促进信息共享和互通，实现更广泛的资源共享和应用创新。</p>
|
||
<div class="d-flex">
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- Start: BS5 Jumbotron -->
|
||
<div id="headingbackgroundimg" class="p-5 mb-4 bg-light round-3" style="margin-top: 50px;background: url("assets/img/DSC01029-3.jpg");background-size: cover;">
|
||
<div class="container-fluid py-5">
|
||
<h1 class="display-5 fw-bold" id="headinginto" style="color: var(--bs-border-color);font-family: 'Abril Fatface', serif;">非我莫属</h1>
|
||
<p id="headingdetail" class="col-md-8 fs-4" style="color: var(--bs-light);font-family: 'Abril Fatface', serif;">如果世界上需要有一个管理学生寝室的系统......</p><a class="btn btn-primary btn-lg" role="button" id="headingbutton" href="#" style="font-size: 25px;font-family: 'Abril Fatface', serif;">进入系统</a>
|
||
</div>
|
||
</div><!-- End: BS5 Jumbotron -->
|
||
</div><!-- End: Articles Cards -->
|
||
<!-- Start: Footer Dark -->
|
||
<footer class="text-center bg-dark" style="position: static;">
|
||
<div class="container text-white py-4 py-lg-5">
|
||
<ul class="list-inline">
|
||
<li class="list-inline-item me-4"></li>
|
||
<li class="list-inline-item me-4"><a class="link-light" id="footerschool" href="https://www.hfut.edu.cn/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor" id="footerschoolicon">
|
||
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
|
||
<path d="M320 128C328.8 128 336 135.2 336 144V160H352C360.8 160 368 167.2 368 176C368 184.8 360.8 192 352 192H320C311.2 192 304 184.8 304 176V144C304 135.2 311.2 128 320 128zM476.8 98.06L602.4 125.1C624.4 130.9 640 150.3 640 172.8V464C640 490.5 618.5 512 592 512H48C21.49 512 0 490.5 0 464V172.8C0 150.3 15.63 130.9 37.59 125.1L163.2 98.06L302.2 5.374C312.1-1.791 327-1.791 337.8 5.374L476.8 98.06zM256 512H384V416C384 380.7 355.3 352 320 352C284.7 352 256 380.7 256 416V512zM96 192C87.16 192 80 199.2 80 208V272C80 280.8 87.16 288 96 288H128C136.8 288 144 280.8 144 272V208C144 199.2 136.8 192 128 192H96zM496 272C496 280.8 503.2 288 512 288H544C552.8 288 560 280.8 560 272V208C560 199.2 552.8 192 544 192H512C503.2 192 496 199.2 496 208V272zM96 320C87.16 320 80 327.2 80 336V400C80 408.8 87.16 416 96 416H128C136.8 416 144 408.8 144 400V336C144 327.2 136.8 320 128 320H96zM496 400C496 408.8 503.2 416 512 416H544C552.8 416 560 408.8 560 400V336C560 327.2 552.8 320 544 320H512C503.2 320 496 327.2 496 336V400zM320 88C271.4 88 232 127.4 232 176C232 224.6 271.4 264 320 264C368.6 264 408 224.6 408 176C408 127.4 368.6 88 320 88z"></path>
|
||
</svg> 合肥工业大学</a></li>
|
||
<li class="list-inline-item"></li>
|
||
</ul>
|
||
<ul class="list-inline">
|
||
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="text-light">
|
||
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
|
||
<path d="M352 256C352 278.2 350.8 299.6 348.7 320H163.3C161.2 299.6 159.1 278.2 159.1 256C159.1 233.8 161.2 212.4 163.3 192H348.7C350.8 212.4 352 233.8 352 256zM503.9 192C509.2 212.5 512 233.9 512 256C512 278.1 509.2 299.5 503.9 320H380.8C382.9 299.4 384 277.1 384 256C384 234 382.9 212.6 380.8 192H503.9zM493.4 160H376.7C366.7 96.14 346.9 42.62 321.4 8.442C399.8 29.09 463.4 85.94 493.4 160zM344.3 160H167.7C173.8 123.6 183.2 91.38 194.7 65.35C205.2 41.74 216.9 24.61 228.2 13.81C239.4 3.178 248.7 0 256 0C263.3 0 272.6 3.178 283.8 13.81C295.1 24.61 306.8 41.74 317.3 65.35C328.8 91.38 338.2 123.6 344.3 160H344.3zM18.61 160C48.59 85.94 112.2 29.09 190.6 8.442C165.1 42.62 145.3 96.14 135.3 160H18.61zM131.2 192C129.1 212.6 127.1 234 127.1 256C127.1 277.1 129.1 299.4 131.2 320H8.065C2.8 299.5 0 278.1 0 256C0 233.9 2.8 212.5 8.065 192H131.2zM194.7 446.6C183.2 420.6 173.8 388.4 167.7 352H344.3C338.2 388.4 328.8 420.6 317.3 446.6C306.8 470.3 295.1 487.4 283.8 498.2C272.6 508.8 263.3 512 255.1 512C248.7 512 239.4 508.8 228.2 498.2C216.9 487.4 205.2 470.3 194.7 446.6H194.7zM190.6 503.6C112.2 482.9 48.59 426.1 18.61 352H135.3C145.3 415.9 165.1 469.4 190.6 503.6V503.6zM321.4 503.6C346.9 469.4 366.7 415.9 376.7 352H493.4C463.4 426.1 399.8 482.9 321.4 503.6V503.6z"></path>
|
||
</svg></li>
|
||
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-tv-fill text-light">
|
||
<path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM2 2h12s2 0 2 2v6s0 2-2 2H2s-2 0-2-2V4s0-2 2-2z"></path>
|
||
</svg></li>
|
||
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mortarboard text-light">
|
||
<path fill-rule="evenodd" d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5ZM8 8.46 1.758 5.965 8 3.052l6.242 2.913L8 8.46Zm-3.824.57a.5.5 0 0 0-.656.328l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Zm-.068 1.874.22-.748 3.496 1.311a.5.5 0 0 0 .352 0l3.496-1.311.22.748L8 12.46l-3.892-1.556Z"></path>
|
||
</svg></li>
|
||
</ul>
|
||
<p class="text-muted mb-0">Copyright © 2023 王可奕</p>
|
||
</div>
|
||
</footer><!-- End: Footer Dark -->
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||
</body>
|
||
|
||
</html> |