<!doctype html>
<html class="h-100" lang="en">

<head>
  <meta charset="utf-8">
  <title>Codemonitor</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
</head>

<body class="d-flex flex-column h-100">
  <header>
    <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
      <div class="container-fluid">
        <a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
          <div class = "LogoText d-none d-sm-block">
            Codemonitor
          </div></div></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
          aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
          <div class="navbar-nav">
            <a class="nav-link active" href="index.html">
              <div class="login-reg-text">
                <a href="LoginPage.html" class="navbar-brad"> войти </a>
                <a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
                <!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
              </div>
          </div>
          </a>
        </div>
      </div>
      </div>

    </nav>
  </header>


  <main>
    <div class="container-fluid">
      <div class="row">
        <div class="add-group">
          <div class="form-group col-7">
            <label>название</label>
            <input class="form-control " type="handle" placeholder="название">
            <label>количество участников</label>
            <input class="form-control " type="handle" placeholder="кол-во участников">
            <a href="AddMember.html" class="navbar-brad"> далее</a>
          </div>
        </div>
      </div>
    </div>
  </main>

  <footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
    <nav>
      <div class="container-fluid">
        <div class="row">
          <div class="col-12 text-center">
            <a href="#" class="navbar-brad"> Codemonitor</a>
          </div>
          <div class="col-12 text-center">
            <h1>При поддержке</h1>
          </div>
          <div class="col-12 text-center">
            <a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
                src="assets/UlSTU Logo.png"></a>
          </div>
        </div>
      </div>
    </nav>

  </footer>

</body>

</html>