Opened database successfully<br><br>
<title align="center">Login</title>
<link href="./css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="./css/bootstrap/bootstrap-theme.min.css" rel="stylesheet">
	<link href="./css/default.css" rel="stylesheet">

<a href="index.html" class="btnHome glyphicon glyphicon-arrow-left"> Home</a>

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-4 col-md-offset-4">
            <h1 class="text-center login-title">Log in to continue to Blockchain Visualization</h1>
            <div class="account-wall">
                <img class="profile-img" src="img/login.png"
                    alt="">
                <form class="form-signin" action="" method="post">
                <input type="text" class="form-control" placeholder="User" id="name" name="username" required autofocus>
                <input type="password" class="form-control" placeholder="Password" id="password" name="password" required>
                <button class="btn btn-lg btn-primary btn-block" type="submit" value=" Login "  name="submit">
                    Log in</button>
                    <span></span>


                </form>
            </div>

        </div>
    </div>
</div>
<p class="notify_demo">For a demo version with open access (access to part of the blockchain) use user = <b>user</b> and password = <b>test</b>
<br /> For professional use of the tool please send an email to <a href="mailto:bista@dmi.unipg.it">bista@dmi.unipg.it</a></p>
<style>
.notify_demo{
	text-align: center;
margin: 20px 10px;
}
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: white;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
body {
    background-image: url("./img/pattern.png");

}

</style>