header.html 2.23 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
<header>
    <nav class="navbar navbar-dark shadow-sm px-sm-auto px-0">
        <div class="container">
            <a href="dashboard.html" class="navbar-brand">
                <img src="img/logo.svg" alt="ロゴ" class="img-fluid">
            </a>
            <ul class="mr-sm-auto ml-sm-0 ml-auto mb-0 pl-0 d-flex">
                <li class="active nav-link">
                  <a href="dashboard.html" class="d-block text-center text-decoration-none">
                      <img src="img/nav_icon_dashboard.svg" alt="ダッシュボード" class="p-sm-1 p-0 img-fluid">
                      <div class="fs-7 d-sm-block d-none">ダッシュボード</div>
                  </a>
                </li>
                <li class="nav-link">
                  <a href="task-list.html" class="d-block text-center text-decoration-none">
                      <img src="img/nav_icon_task.svg" alt="作業一覧" class="p-sm-1 p-0 img-fluid">
                      <div class="fs-7 d-sm-block d-none">作業一覧</div>
                  </a>
                </li>
            </ul>
            <div class="dropdown">
                <a href="#" class="nav-link text-center" id="dropdown-profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <img src="img/nav_icon_profile.svg" alt="プロフィール" class="p-sm-1 p-0 img-fluid profile-img">
                    <div class="fs-7 d-sm-block d-none">プロフィール</div>
                </a>
                <div class="dropdown-menu dropdown-menu-right" data-animation="true" aria-labelledby="dropdown-profile">
                  <h6 class="dropdown-header">login-id</h6>
                  <a class="dropdown-item" href="account-setting.html">
                    <img src="./img/menu_icon_account_setting.svg" alt="アカウント設定" class="navbar-dropdown-icon">
                    アカウント設定</a>
                  <a class="dropdown-item" href="#"  data-toggle="modal" data-target="#confirm-modal">
                    <img src="./img/menu_icon_logout.svg" alt="ログアウト" class="navbar-dropdown-icon">
                    ログアウト</a>
                </div>
            </div>
        </div>
    </nav>
</header>