Untitled

<!doctype html>
<html>
<head>
    <meta charest ="UTF-8">
    <meta name="description" content= "AiliQon Web Page">
    <title>AiliQon Web Page</title>
    <style>
    .page {
        width: 1000px; /* Celá stránka bude mít šířku 1000px (kolem bude pozadí nastavené v body) */
        margin: 0 auto; /* Vpravo i vlevo od stránky bude stejný okraj */
    }

    body {
        background-color:#827878;
    }

    ul {
       list-style-type: none;
        padding: 0;
        overflow: hidden;
        background-color: #333;
        margin: 0 auto;
        display: flex
    }

    li {
         flex-grow: 1;
    }

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    li a:hover:not(.active) {
        background-color: #111;
    }

    .active {
        background-color: #4CAF50;
    }


    .container {
        text-align: center;
        width: 200px;
        float: right;
        overflow: hidden;
    }

    /* Tohle dá vlastnosti na všechny inputy uvnitř containeru */
    .container input[type!=submit] {
        width: 100%;
    }

    /* Tohle zajistí aby byl nadpis až za nafloatovanými prvky jinak by se to zamíchalo s .container */
    h1 {
        clear: both;
    }

    </style>
    <script>
      (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8618762106265024",
        enable_page_level_ads: true
      });
    </script>
</head>
<body>
    <div class="page">
        <div class="container">
            <div class="from-input">
                    <input type="text" placeholder="Username">

            </div>
            <div class="from-input">
                    <input type="password" placeholder="Password">
            </div>
            <input type="submit" name="submit" value="LOGIN" class="btn-login">
        </div>

    <h1><center>AiliQon Web Page</center></h1>
    <ul>
      <li><a href="#Novinky">Novinky</a></li>
      <li><a href="#Diskuzní fórum">Diskuzní fórum</a></li>
      <li><a href="#Kontakt">Kontakt</a></li>
      <li><a href="#Download">Download</a></li>
      <li><a href="#O mně">O mně</a></li>
    </ul>
    <center><a href="https://www.toplist.cz/" target="_top"><img
    src="https://toplist.cz/count.asp?id=1765050&logo=bc" border="0" alt="TOPlist" width="88" height="120"/></a></center>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-90442199-1', 'auto');
      ga('send', 'pageview');
    </script>
    </div>
</body>
</html>