Untitled

avatar
unknown
plain_text
3 years ago
4.9 kB
4
Indexable
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CONIC Just to you</title>
    <script src="https://kit.fontawesome.com/498a11b4d0.js" crossorigin="anonymous"></script>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/CSS/main.css">
    <link rel="icon" type="image/png" href="/Images/favicon-32x32.png"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>    
    

</head>
<body class="bg-darkblue">
    <header class="fixed-top bottom-0">
      <!-- Navigation -->
        <nav class="navbar navbar-expand-md bg-darkblue">
            <div class="container">
              <a class="navbar-brand" id="logo" href="#">CONIC</a>
              <button 
                class="navbar-toggler btn btn-white" 
                type="button" 
                data-bs-toggle="collapse"
                data-bs-target="#navmenu" 
                aria-controls="navmenu"
                aria-expanded="false" 
                aria-label="Toggle navigation">
                <span class="fas fa-bars"></span>
              </button>

              <div class="collapse navbar-collapse flex-grow-0" id="navmenu">
                <div class="mx-5 ms-auto">
                  <form class="d-flex">
                    <input class="form-control bg-darkblue" type="text" placeholder="Tìm kiếm..." aria-label="Search">
                    <button class="btn btn-white" type="submit"><i class="fas fa-search"></i></button>
                  </form>
                </div>
                 
                <button class="btn btn-none d-inline my-2"><i class="fas fa-bell" style="font-size: 1.5rem; color: #fff;"></i></button>
                
                <button class="btn btn-none d-inline my-2"> <i class="fas fa-cog" style="font-size: 1.5rem; color: #fff;"></i></button>
        
                <div class="dropdown mx-3 my-2 ms-auto d-inline-block">
                  <button class="btn btn-white" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                    Customer
                  </button>
                  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
                    <li><a class="dropdown-item" href="#">Cá Nhân</a></li>
                    <li><a class="dropdown-item" href="#">Đăng nhập</a></li>
                    <li><a class="dropdown-item" href="#">Đăng ký</a></li>
                    <li><a class="dropdown-item" href="#">Đăng xuất</a></li>
                  </ul>
                </div>
              </div>
            </div>
        </nav>

        <!-- Sidebar -->
        <div class="container">
          <div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-darkblue border border-orange" style="width: 14rem; padding-top: 2rem;">
            <ul class="nav nav-pills flex-column mb-auto">
                <li class="nav-item"> <a href="#" class="nav-link active" aria-current="page"> <i class="fas fa-compact-disc"></i><span class="ms-2">Khám phá</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-chart-bar"></i><span class="ms-2">Bảng xếp hạng</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-microphone-alt"></i><span class="ms-2">Ca sĩ</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-stream"></i><span class="ms-2">Danh sách phát</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-calendar-alt"></i><span class="ms-2">Sự kiện</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-newspaper"></i><span class="ms-2">Tin tức</span> </a> </li>
                <li> <a href="#" class="nav-link text-white"> <i class="fas fa-user"></i><span class="ms-2">Cá nhân</span> </a> </li>
            </ul>
            
          </div>
        </div>
    </header>

    

    <main style="height: 3000px;">
        
    </main>
    <footer>
      <div class="container text-white  fixed-bottom" style="top:auto">
        kaskdjask
      </div>
    </footer>

    <script src="js/poper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>
Editor is loading...