<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="LeskoMilanformaz.css" />
  </head>
  <body>
    <main>
      <div class="flex1">
        <div class="left top-left">
          <span>Űrlap</span>
          <br />
          <hr id="top-hr" />
        </div>
        <div class="right top-right">
          <span>Űrlap</span>
        </div>
      </div>
      <div class="flex2">
        <div class="left bottom-left">
          <div class="bottom-left-left">
            <hr />
            <span>Űrlap</span>
          </div>
          <div class="bottom-left-right">
            <form action="POST">
              <p>Kerjuk, hogy valaszoljon az alabbi nehany kerdesre:</p>
              <div>
                <label for="name">Név:</label>
                <input type="text" name="name" id="name" />
              </div>
              <div>
                <label for="pass"
                  >Ha regisztrált felhasználó, írja ide a jelszavát:</label
                >
                <input type="password" name="pass" id="pass" />
              </div>
              <div>
                <label for="gender">Neme:</label>
                <input type="radio" name="gender" id="man" value="man" />
                <label for="man">férfi,</label>
                <input type="radio" name="gender" id="woman" value="woman" />
                <label for="woman">no</label>
              </div>
              <div>
                <label for="car">Autójának típusa:</label>
                <select name="car" id="car" size="3">
                  <option value="none">Nincs</option>
                  <option value="audi">Audi</option>
                  <option value="bmw">BMW</option>
                </select>
              </div>
              <label for="interest">Érdeklődési körei:</label>
              <div>
                <input type="checkbox" name="interest" id="cars" value="cars" />
                <label class="check" for="cars">autók</label>
              </div>
              <div>
                <input type="checkbox" name="interest" id="tv" value="tv" />
                <label class="check" for="tv">televízió</label>
              </div>
              <div>
                <input
                  type="checkbox"
                  name="interest"
                  id="train"
                  value="train"
                />
                <label class="check" for="train">kisvonat</label>
              </div>
              <div>
                <input
                  type="checkbox"
                  name="interest"
                  id="sport"
                  value="sport"
                />
                <label class="check" for="sport">sport</label>
              </div>
              <div id="btns">
                <input type="submit" value="Regisztráció" id="reg" />
                <input type="reset" value="Törlés" />
              </div>
            </form>
          </div>
        </div>
        <div class="right bottom-right">
          <hr />
          <span>Űrlap</span>
        </div>
      </div>
    </main>
  </body>
</html>
