Untitled

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Chemia 2.1</title>
  <script type="text/javascript"
          src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script type="text/x-mathjax-config">
            MathJax.Hub.Config({
            "HTML-CSS" : {
             availableFonts : ["STIX"],
             preferredFont : "STIX",
             webFont : "STIX General",
             imageFont : null
             }
             });</script>
  <link href='//fonts.googleapis.com/css?family=Didact Gothic' rel='stylesheet'>

  <style>
     .image
            {
            width: 700px;
            height: 342px;
            display: block;
            margin-top: 5px;
            margin-bottom: 5px;
            }

      .menu
             {
             width: 100%;
             font-size: 25px;
             text-align: center;
             font-family: Didact Gothic;
             margin-top: 0px;
             margin-bottom: 0px;
             cursor: pointer;
             transition-duration: 0.2s;
             }

      .menu:hover
              {
              background-color: #8ED3D6;
              color: white;
              }
      .text
             {
             font-size: 20px;
             text-align: center;
             word-wrap: break-word;
             font-family: Arial;
             }

      .center
             {
             text-align: center;
             }

      .question-text
             {
             font-size: 20px;
             word-wrap: break-word;
             font-family: Arial;
             }

      .control
             {
             color: #876083;
             }

      .option
             {
             width: 7%;
             font-size: 20px;
             font-family: Arial;
             text-align: center;}

      .justify
             {
             text-align: justify;
             }

      .button
             {
              background-color: #8ED3D6;
              border: none;
              color: black;
              border-radius: 6px;
              padding: 15px 20px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 20px;
              font-family: Didact Gothic;
              cursor: pointer;
              transition-duration: 0.2s;
              }

      .width
              {
              width: 721px;
              }

      .button:hover
              {
              background-color: #8ED3D6;
              color: white;
              }

      .menu_table
              {
              "border: solid;
              border-width: 1 px;
              border-color: white;
              border-radius: 6px;
              background-color: #8ED3D6;
              }

      .body
              {
              background-color: #CACACA;
              //width: 721px;
              }

      table
             {
             width: 721px;
              //border: solid;
              word-wrap: break-word;
              font-family: Arial;
             }
  </style>
  </head>
  <body class="body"><center><div>
     <form action="/" method = "post">

     <a href="https://chemiaotazky.herokuapp.com/"><img class="image" src="https://chemistry-studio.com/wp-content/uploads/logo_chemistry_1024_RGB.png" alt="logo"/></a>
     <table class="menu_table">
        <tr style="background-color: #8ED3D6;">
           <td><input type="submit" style="border: none;background-color: #8ED3D6;" name="btn" value="O projekte" class="menu"/></td>
           <td><input type="submit" style="border: none;background-color: #8ED3D6;" name="btn" value="Tabulka najlepších" class="menu"/></td>
           <td><input type="submit" style="border: none;background-color: #8ED3D6;" name="btn" value="Zmena skúšaných otázok" class="menu"/></td>
        </tr>
     </table>
     <p class="text width">
         </p><br />
     <p class="question-text width center control">Si skúšaný zo všetkých otázok</p>
     <p class="question-text width justify">
            128. Máme roztok \({K_2}S{O_4}\) s koncentráciou 250 \(mmol.{l^{ - 1}}\).
                 Označte, ktoré roztoky sú voči roztoku \({K_2}S{O_4}\) hypotonické:
        </p>
     <p class="question-text width justify"> a) NaBr, c = 300 \(mmol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> b) KCN, c = 0,4 \(mol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> c) \(Ba{(N{O_3})_2}\), c = 250 \(mmol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> d) \(ZnC{l_2}\), c = 0,15 \(mol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> e) \(NaBr{O_3}\), c = 0,25 \(mol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> f) \({K_3}As{O_4}\), c = 150 \(mmol.{l^{ - 1}}\)</p>
     <p class="question-text width justify"> g) \(AgN{O_3}\), c = 0,3 \(mol.{l^{ - 1}}\)</p><br />
     <p class="question-text width center control">(&#39;Spravna odpoved je&#39;, &#39;a,d,e,f,g&#39;)</p>
     <p class="question-text width center"></p>
     <p class="question-text width center">0 otázok máš správne</p>
     <br />

       <table>
          <tr>
             <td class="option">A</td>
             <td class="option">B</td>
             <td class="option">C</td>
             <td class="option">D</td>
             <td class="option">E</td>
             <td class="option">F</td>
             <td class="option">G</td>
             <td class="option">H</td>
          </tr>
          <tr>
             <td class="option"><input type="checkbox" name="A" value="A"/></td>
             <td class="option"><input type="checkbox" name="B" value="B"/></td>
             <td class="option"><input type="checkbox" name="C" value="C"/></td>
             <td class="option"><input type="checkbox" name="D" value="D"/></td>
             <td class="option"><input type="checkbox" name="E" value="E"/></td>
             <td class="option"><input type="checkbox" name="F" value="F"/></td>
             <td class="option"><input type="checkbox" name="G" value="G"/></td>
             <td class="option"><input type="checkbox" name="H" value="H"/></td>
          </tr>
      </table>

    <br /><br />
    <table>
        <tr>
           <td><input type="submit" name="btn" value="Nová otázka" class="button"/></td>
           <td><input type="submit" name="btn" value="Kontrola" class="button"/></td>
           <td><input type="submit" name="btn" value="Resetuje otázky" class="button"/></td>
           <td><input type="submit" name="btn" value="Zle zodpovedané otázky" class="button"/></td>
        </tr>
    </table>
 <br /><br /><br />

    </form>


 </div> </center> </body>
</html>