stronqa

<?php
    session_start();
    if(isset($_POST['login']))
    {
        $username = $_POST['username'];
        $password = $_POST['password'];
    }
?>
<html>
    <head>
        <title></title>
        <link href="https://fonts.googleapis.com/css?family=Asap+Condensed" rel="stylesheet">
    </head>
    <style type="text/css">
        body{
            font-family: 'Asap Condensed', sans-serif;
        }
        #MAIN{
            width: 80%;
            margin: 0 auto;
        }
        #HEADER{
            height: 160px;
            padding: 20px;
            background-color: rgb(148, 72, 175);
        }
        #LOGIN_PANEL{
            background-color: rgb(160, 110, 178);
            padding: 5px;
            text-align: right;
        }
        #MIDDLE{

        }
        #LEFT{
            float: left;
            width: 30%;
        }
        #RIGHT{
            float: left;
            width: 70%;
        }
        #LEFT_IN{
            padding: 20px;
            background-color: rgb(180, 122, 201);
            height: 300px;
        }
        #RIGHT_IN{
            padding: 20px;
            background-color: rgb(164, 110, 183);
            height: 300px;
        }
        #FOOTER{
            padding: 20px;
            clear: both;
            background-color: rgb(178, 127, 210);
        }
        .buttonx {
            display: inline-block;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            padding: 7px 15px;
            border: 1px solid #b7b7b7;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            font-size: 11px;
            color: rgba(0,142,198,1);
            -o-text-overflow: clip;
            text-overflow: clip;
            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
            box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
            text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
            -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
            transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
        }
    </style>
    <body>
        <div id="MAIN">
            <div id="HEADER">
                <h1>NAGŁÓWEK</h1>
            </div>
            <div id="LOGIN_PANEL">
                <div id="PANEL">
                <form method="POST">
                    <input type="text" name="username" placeholder="Username" class="buttonx">
                    <input type="password" name="password" placeholder="Password" class="buttonx">
                    <input type="submit" name="login" value="Login" class="buttonx">
                </form>
                </div>
            </div>
            <div id="MIDDLE">
                <div id="LEFT">
                <div id="LEFT_IN">
                    <h2>LEWO</h2>
                </div>
                </div>
                <div id="RIGHT">
                <div id="RIGHT_IN">
                    <h2>PRAWO</h2>
                </div>
                </div>
            </div>
            <div id="FOOTER">
                <h2>STOPKA</h2>
            </div>
        </div>
    </body>
</html>