%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /mnt/tnb2/los/
Upload File :
Create Path :
Current File : //mnt/tnb2/los/prihlasen.html

<!doctype html>
<html lang="cs">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="Martin Vařák & Stanislav Vágner">
  <meta name="generator" content="waritko & strasidlo">
  <title>LOS - Lidová obranná střelba</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap-icons.css" rel="stylesheet">
  <link href="css/front.css" rel="stylesheet">
</head>

<body>

  <div class="wrapper">

    <!-- header -->
    <header class="header lh-2 border-bottom">
      <nav class="navbar navbar-expand-lg">
        <div class="container">
          <span class="navbar-brand"><a href="index.html" class="logo"><img src="images/logo_short.jpg" class="img-fluid" alt="">Lidová obranná střelba</a></span>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false"><i class="fas fa-bars"></i></button>
          <div class="collapse navbar-collapse justify-content-center" id="navbarText">
            <ul class="navbar-nav mb-2 mb-lg-0">
              <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
              <li class="nav-item"><a class="nav-link" href="los.html">O LOS</a></li>
              <li class="nav-item"><a class="nav-link" href="losik.html">LOSík</a></li>
              <li class="nav-item"><a class="nav-link" href="zacatek.html">Jak začít</a></li>
              <li class="nav-item"><a class="nav-link" href="kalendar.html">Kalendář</a></li>
              <li class="nav-item"><a class="nav-link" href="pohar.html">Pohár</a></li>
              <li class="nav-item"><a class="nav-link" href="novinky.html">Novinky</a></li>
              <li class="nav-item"><a class="nav-link" href="kontakt.html">Kontakt</a></li>
              <li class="nav-item dropdown"><a class="nav-link dropdown-toggle active" href="login.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Stanislav Vágner</a>
                <ul class="dropdown-menu rounded-0">
                  <li class="nav-item"><a class="nav-link dropdown-item" href="nastaveni.html">Nastavení</a></li>
                  <li class="nav-item"><a class="nav-link dropdown-item" href="login.html">Odhlásit</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- header -->
    <!-- content -->
    <div class="wrapper main">
      <div class="container">

        <div class="row">
          <div class="col-md-10 col-xl-8 mx-auto">
            <h1 class=" fs-3 text-center">Pro každého něco…</h1>
            <h4 class="lead fs-6 text-center mb-5">Pokud se chcete zůčastnit střeleckých soutěží LOS, musíte se přihlásit.</h4>

            <div class="row justify-content-center mb-2">
              <div class="col-auto">
                <nav class="nav btn-group">
                  <a href="#log-in" class="btn btn-sm btn-outline-secondary px-4 active" data-bs-toggle="tab">Přihlásit</a>
                  <a href="#reg-in" class="btn btn-sm btn-outline-secondary px-3" data-bs-toggle="tab">Registrovat</a>
                </nav>
              </div>
            </div>

            <div class="tab-content">
              <div class="tab-pane active" id="log-in">
                <div class="row py-4">
                  <div class="col-lg-5 mx-auto border bg-white p-4">
                    <!-- přihlášení -->
                    <form>
                      <div class="mb-3">
                        <label for="user-login" class="form-label">E-mail | Uživatelské jméno:</label>
                        <input type="email" class="form-control form-control-sm" id="user-login" name="user-login" aria-describedby="emailhelplogin">
                        <div id="emailhelplogin" class="form-text">Váš e-mail slouží pouze pro potřebu přihlášení.</div>
                      </div>

                      <div class="mb-0">
                        <label for="passwdlog" class="form-label">Heslo:</label>
                        <div class="input-group input-group-sm mb-3">
                          <input type="password" class="form-control form-control-sm" id="passwdlog" name="heslo" aria-describedby="passwdhelplogin">
                          <span class="input-group-text bi bi-eye-slash togglog" toggle="#passwdlog"></span>
                        </div>
                      </div>

                      <div id="passwdhelplogin" class="form-text text-end"><a class="text-muted" href="">Zapomenuté heslo</a></div>

                      <div class="mb-3">
                        <div class="form-check">
                          <input type="checkbox" class="form-check-input" id="mem-login">
                          <label class="form-check-label" for="mem-login">Pamatovat si mě</label>
                        </div>
                      </div>

                      <div class="col">
                        <div class="text-center">
                          <button type="submit" class="btn btn-sm btn-dark px-3">Přihlásit</button>
                        </div>
                      </div>
                    </form>
                    <!-- přihlášení -->
                  </div>
                </div>
              </div>

              <div class="tab-pane" id="reg-in">
                <div class="row py-4">
                  <div class="col-lg-10 mx-auto border bg-white p-4">

                    <!-- registrace -->
                    <form class="row g-3">
                      <div class="col-md-6">
                        <label for="firstname" class="form-label">Jméno:</label>
                        <input type="text" class="form-control form-control-sm" id="firstname" name="firstname" aria-describedby="firstnamehelpregistracion">
                        <div id="firstnamehelpregistracion" class="form-text">Dodržujte pravidla pravopisu. Takto budete trvale zobrazován(a).</div>
                      </div>

                      <div class="col-md-6">
                        <label for="lastname" class="form-label">Příjmení:</label>
                        <input type="text" class="form-control form-control-sm" id="lastname" name="lastname" aria-describedby="lastnamehelpregistracion">
                        <div id="lastnamehelpregistracion" class="form-text">Dodržujte pravidla pravopisu. Takto budete trvale zobrazován(a).</div>
                      </div>

                      <div class="col-md-6">
                        <label for="e-mail" class="form-label">E-mailová adresa:</label>
                        <input type="email" class="form-control form-control-sm" id="e-mail" name="e-mail" aria-describedby="emailhelpregistracion">
                        <div id="emailhelpregistracion" class="form-text">Chybně zadaná e-mailová adresa znemožní veškerou komunikaci k Vám.</div>
                      </div>

                      <div class="col-md-6">
                        <label for="logname" class="form-label">Uživatelské jméno:</label>
                        <input type="text" class="form-control form-control-sm" id="logname" name="logname" aria-describedby="userhelpregistracion">
                        <div id="userhelpregistracion" class="form-text">Použijte pouze písmena a číslice bez diakritiky, speciálních znaků nebo emotikon.</div>
                      </div>

                      <div class="col-md-6">
                        <label for="passwdreg" class="form-label">Heslo:</label>
                        <div class="input-group input-group-sm mb-3">
                          <input type="password" class="form-control form-control-sm" id="passwdreg" name="password" aria-describedby="passwdhelpregistracion">
                          <span class="input-group-text bi bi-eye-slash toggreg" toggle="#passwdreg"></span>
                        </div>
                        <div id="passwdhelpregistracion" class="form-text">Vaše heslo musí mít 8–20 znaků, musí obsahovat písmena a čísla a nesmí obsahovat mezery, speciální znaky ani emotikony.</div>
                      </div>

                      <div class="col-md-6">
                        <label for="repasswd" class="form-label">Heslo znovu:</label>
                        <div class="input-group input-group-sm mb-3">
                          <input type="password" class="form-control form-control-sm" id="repasswd" name="repassword" aria-describedby="repasswdhelpregistracion">
                          <span class="input-group-text bi bi-eye-slash toggre" toggle="#repasswd"></span>
                        </div>
                        <div id="repasswdhelpregistracion" class="form-text">Opakujte heslo pro kontrolu.</div>
                      </div>

                      <div class="col-md-12">
                        <div class="form-check">
                          <input class="form-check-input" type="checkbox" id="poradatel" name="poradatel">
                          <label class="form-check-label" for="poradatel">Registrovat se jako pořadatel závodů.</label>
                        </div>

                        <div class="form-check">
                          <input class="form-check-input" type="checkbox" id="gdpr" name="gdpr">
                          <label class="form-check-label" for="gdpr">Souhlasím s podmínkami zpracování osobních dat.</label>
                        </div>
                      </div>

                      <div class="col">
                        <div class="text-center">
                          <button type="submit" class="btn btn-sm btn-success px-3">Registrovat</button>
                        </div>
                      </div>
                    </form>
                    <!-- registrace -->
                  </div>
                </div>
              </div>
            </div>
            <!--
<hr />

<div class="text-center my-4">
<h2>Frequently asked questions</h2>
</div>
<div class="row">
<div class="col-md-5 col-sm-6 ms-auto">
<div class="card">
<div class="card-body">
<h5 class="h6 card-title">Do I need a credit card to sign up?</h5>
<p class="mb-0">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6 me-auto">
<div class="card">
<div class="card-body">
<h5 class="h6 card-title">Do you offer a free trial?</h5>
<p class="mb-0">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6 ms-auto">
<div class="card">
<div class="card-body">
<h5 class="h6 card-title">What if I decide to cancel my plan?</h5>
<p class="mb-0">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6 me-auto">
<div class="card">
<div class="card-body">
<h5 class="h6 card-title">Can I cancel at anytime?</h5>
<p class="mb-0">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
</div>
-->
          </div>
        </div>

        <!-- content -->
      </div>
    </div>
  </div>

  <!-- footer -->
  <footer class="footer mt-auto">
    <div class="container">
      <p class="text-center copyright">2023 | <a href="http://gunlex.cz">LEX <span style="text-transform: lowercase;">z. s.</span></a> | LOS - Lidová obranná střelba</p>
    </div>
  </footer>

  <!-- scripts -->
  <script src="js/bootstrap.bundle.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/main.js"></script>

</body>

</html>

Zerion Mini Shell 1.0