<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>國立臺北商業大學 體育器材借還系統</title>
    <link rel="icon" type="image/gif" href="https://i.imgur.com/gTvafyQ.gif">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-p6U6XVFJH2zwvFr3CQEXasYB4s0XYg+6Il24Jp/1eMFXCJgYNZJhB4HaoaJpvvQjXKg5LXbB3hKbkEm4b8GSwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="css/ind.css">
</head>
<body>
    <header>
        <div class="logo-container">
            <img src="https://i.imgur.com/gTvafyQ.gif" alt="NTUB Logo">
            <img src="https://i.imgur.com/pMsu4BK.gif" alt="NTUB Logo" class="large-logo">
        </div>
        <h1>體育器材借還系統</h1>
    </header>
    <div class="container">
        <p class="intro">歡迎來到國立臺北商業大學體育器材借閱系統。</p>
        <div class="button-group">
            <a href="personal.html"><i class="fas fa-user"></i> 個人借還</a>
            <a href="group.html"><i class="fas fa-users"></i> 團體借還</a>
            <a href="borrowing.html"><i class="fas fa-map-marker-alt"></i> 場地借用登記</a>
            <a href="club.html"><i class="fas fa-users-cog"></i> 單位/社團/系科學會借用登記</a>
        </div>
    </div>
    <footer>
       國立臺北商業大學 Copyright &copy; 2024 <span>NTUB</span> 納啟科技.
    </footer>
</body>
</html>
