
<!DOCTYPE html>

<!-- version 3.5.5 -->

<html lang="cs">
<head>
<link rel="icon" type="image/png" href="data/img/default.png">
<meta charset="UTF-8">
<script src="/data/lib/jquery-3.4.0.min.js"></script>

<link href="/data/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/data/lib/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="/data/lib/bootstrap/js/bootstrap.min.js"></script>

<link href="/data/css/master.css?version=1" rel="stylesheet">
<link href="/data/css/fira.css" rel="stylesheet">
<link href="/data/lib/fonts/font-awesome/css/all.min.css" rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src='https://www.google.com/recaptcha/api.js'></script>

<meta name="Author" content="CCKCK">

<title>HUT - hut.hwlab.cz</title>
</head>
<body background="/data/img/login/background.jpg">





<div class="container-fluid">
    <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 white-frame" style="margin-top: 4em; background-color: #fcfcfcc4;">

    
        <form  method="post">
    
            <div class="form-group"  style="display: none">
                <label for="usericon" class="cols-sm-2 control-label">ikona</label>
                <select title="Vyberte si ikonku"  name="usericon" id="usericon" style="display: none">
                    <option data-content='<img src="/data/img/users/Action2.png">' value="Action2">Action2</option>
                    <option data-content='<img src="/data/img/users/Advertising.png">' value="Advertising">Advertising</option>
                    <option data-content='<img src="/data/img/users/Alien.png">' value="Alien">Alien</option>
                    <option data-content='<img src="/data/img/users/Animation.png">' value="Animation">Animation</option>
                    <option data-content='<img src="/data/img/users/Asteroid.png">' value="Asteroid">Asteroid</option>
                    <option data-content='<img src="/data/img/users/Astronaut.png">' value="Astronaut">Astronaut</option>
                    <option data-content='<img src="/data/img/users/BalletShoes.png">' value="BalletShoes">BalletShoes</option>
                    <option data-content='<img src="/data/img/users/Binoculars.png">' value="Binoculars">Binoculars</option>
                    <option data-content='<img src="/data/img/users/BunchFlowers.png">' value="BunchFlowers">BunchFlowers</option>
                    <option data-content='<img src="/data/img/users/CaptainAmerica.png">' value="CaptainAmerica">CaptainAmerica</option>
                    <option data-content='<img src="/data/img/users/CloseUpMode.png">' value="CloseUpMode">CloseUpMode</option>
                    <option data-content='<img src="/data/img/users/Comedy2.png">' value="Comedy2">Comedy2</option>
                    <option data-content='<img src="/data/img/users/Comedy.png">' value="Comedy">Comedy</option>
                    <option data-content='<img src="/data/img/users/Comet.png">' value="Comet">Comet</option>
                    <option data-content='<img src="/data/img/users/Detective.png">' value="Detective">Detective</option>
                    <option data-content='<img src="/data/img/users/Facepalm.png">' value="Facepalm">Facepalm</option>
                    <option data-content='<img src="/data/img/users/Family.png">' value="Family">Family</option>
                    <option data-content='<img src="/data/img/users/FilmNoir.png">' value="FilmNoir">FilmNoir</option>
                    <option data-content='<img src="/data/img/users/Grey.png">' value="Grey">Grey</option>
                    <option data-content='<img src="/data/img/users/Historical.png">' value="Historical">Historical</option>
                    <option data-content='<img src="/data/img/users/Idea.png">' value="Idea">Idea</option>
                    <option data-content='<img src="/data/img/users/IronMan.png">' value="IronMan">IronMan</option>
                    <option data-content='<img src="/data/img/users/Martian.png">' value="Martian">Martian</option>
                    <option data-content='<img src="/data/img/users/Moon.png">' value="Moon">Moon</option>
                    <option data-content='<img src="/data/img/users/NightPortrait.png">' value="NightPortrait">NightPortrait</option>
                    <option data-content='<img src="/data/img/users/NinjaTurtle.png">' value="NinjaTurtle">NinjaTurtle</option>
                    <option data-content='<img src="/data/img/users/Novel.png">' value="Novel">Novel</option>
                    <option data-content='<img src="/data/img/users/Planet.png">' value="Planet">Planet</option>
                    <option data-content='<img src="/data/img/users/PodiumWithSpeaker.png">' value="PodiumWithSpeaker">PodiumWithSpeaker</option>
                    <option data-content='<img src="/data/img/users/PortraitMode.png">' value="PortraitMode">PortraitMode</option>
                    <option data-content='<img src="/data/img/users/Predator.png">' value="Predator">Predator</option>
                    <option data-content='<img src="/data/img/users/Rating.png">' value="Rating">Rating</option>
                    <option data-content='<img src="/data/img/users/SciFi.png">' value="SciFi">SciFi</option>
                    <option data-content='<img src="/data/img/users/Scream.png">' value="Scream">Scream</option>
                    <option data-content='<img src="/data/img/users/Sport.png">' value="Sport">Sport</option>
                    <option data-content='<img src="/data/img/users/SportsMode.png">' value="SportsMode">SportsMode</option>
                    <option data-content='<img src="/data/img/users/SteveJobs.png">' value="SteveJobs">SteveJobs</option>
                    <option data-content='<img src="/data/img/users/Western.png">' value="Western">Western</option>
                </select>
            </div>
        
            <div class="form-group">
                <label for="organization_name" class="cols-sm-2 control-label">oblastní spolek</label>      
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" name="organization_name" id="organization_name" placeholder="OS ČČK Český Krumlov" value="" required autofocus>
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="name" class="cols-sm-2 control-label">jméno a příjmení</label>      
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" name="name" id="name"  placeholder="Jméno Příjmení" value="" required>
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="email" class="cols-sm-2 control-label">e-mail</label>
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i></span>
                        <input type="email" class="form-control" name="email" id="email" placeholder="jmeno@email.cz" value="" required>
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="phone" class="cols-sm-2 control-label">telefon</label>      
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-mobile" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" name="phone" id="phone" placeholder="603 123 456" value="" required>
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="userlanguage" class="cols-sm-2 control-label">jazyk</label>
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1"><span class="fa fa-language" aria-hidden="true"></span></span>
                    <select class="form-control" name="userlanguage" id="userlanguage">
                        <option value="cs_CZ">Čeština</option>
                        <option value="en_US">English</option>
                        <option value="de_DE">Deutsch</option>
                        <option value="es_ES">Español</option>
                    </select>
                </div>
            </div>
            
            <div class="form-group">
                <label for="password" class="cols-sm-2 control-label">heslo</label>
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-lock" aria-hidden="true"></i></span>
                        <input type="password" class="form-control" name="password" id="password" placeholder="heslo" value="" required>
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="confirm" class="cols-sm-2 control-label">opakovat heslo pro potvrzení</label>
                <div class="cols-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-lock" aria-hidden="true"></i></span>
                        <input type="password" class="form-control" name="confirm" id="confirm" placeholder="heslo znovu" required>
                    </div>
                </div>
            </div>
            
            <div class="g-recaptcha" data-sitekey="6LfM8BYUAAAAAPUMIUIc5Cv2dNIUjv2TeaKawrIL"></div>
            
            <br>
            
            <div class="form-group ">
                <button type="submit" class="btn btn-primary btn-lg btn-block login-button">Vytvořit účet</button>
            </div>
            
            <div class="login-register">
                <a href="/">Zpět na přihlášení</a>
            </div>
        
        </form>
    </div>
</div>



</body>
</html>
