Loading Screen for natureBalance 4

by Alex

HTML

<!DOCTYPE html>
<html lang="de" ng-app="focus">
<head>
    <meta charset="utf-8">
    <title>natureBalance</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Alexander Schedler">
    <link href="http://focus.naturebalance.net/assets/css/style.css" rel="stylesheet">
    <style type="text/css">
        body{ background-color: #56964f; }
        p{ font-size: 12px; }
        h3{ text-align: center; }
        .header {
            width: 400px;
            margin: auto; margin-top: 100px;
            background: url('http://focus.naturebalance.net/assets/img/login.png');
            background: url('http://focus.naturebalance.net/assets/img/login.svg');
            background-position: center 0px;
            background-size: 400px 81px;
            background-repeat: no-repeat;
        }
        .popover{
            display:block; 
            width:300px; height:250px; margin:auto; 
            position:relative; top:100px;
            box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.6);
        }
        .alert{
            display: none;
            width:250px; margin:auto; margin-top:130px;
        }
        #name{ width:250px }
    </style>
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    
</head>
<body>

    <div class="container">

        <div class="header">
            
            <div class="popover bottom" style=" ">
                <div class="arrow"></div>
                <div class="popover-content">
                    
                    <h3>Anmelden</h3>
                                        
                    <form accept-charset="UTF-8">
                        <input type="hidden" id="next" class="span3" name="next" value="/">
                        <input type="text" id="name" class="span3" name="name" placeholder="Benutzer">
                        <div class="input-append">
...