Page 547 - MDP2022-3

<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="/logout">
로그아웃</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="py-5">
<div class="container px-lg-5">
<div class="p-4 p-lg-5 bg-light rounded-3 text-center">
<div class="m-4 m-lg-5">
<h1 class="display-5 fw-bold">OSD<br>(Our Smart Dormitory)</h1>
<p class="fs-4">OSD 홈페이지에 오신 것을 환영합니다!</p>
</div>
</div>
</div>
</header>
<!-- Page Content-->
<section class="pt-1">
<div class="container px-lg-5">
<!-- Page Features-->
<div class="row gx-lg-5">
<div class="col-lg-6 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4
mt-n4"><i
class="bi bi-book-half"></i></div>
<a href="http://192.168.137.185:5100/Study_room" target="_black">
<h2 class="fs-4 fw-bold">면학실</h2>
</a>
<p class="mb-0">예약하기</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4
mt-n4"><i
class="bi bi-calendar3-event-fill"></i></div>
<a href="http://192.168.137.185:5100/Washing_machine" target="_black">
<h2 class="fs-4 fw-bold">세탁기</h2>
</a>