thegame-android-ui

by bobbyrne01

HTML

<div id="header">HUD<br/><br/></div>
<div id="game"><br/><br/><br/><br/>GAME<br/><br/></div>
<div id="footerDiv">
    <div class="circle"></div>
    <div class="buttons">
        <button>Jump</button>
        <br/>
        <button>Shoot</button>
        <br/>
        <button>Sprint</button>
        <br/>
    </div>
</div>

CSS

.circle {
    width:100px;
    height:100px;
    border-radius:50px;
    text-align:center;
    background:#000;
    float:left;
}
.buttons {
    float: right;
}
#header {
    text-align:center;
    height: 20%;
    width:100%;
    background:#C8C8C8;
}
#game {
    text-align:center;
    height: 500px;
    width:100%;
    background:#66CC66;
}
#footerDiv {
    position:absolute;
    bottom:0;
    width:95%;
    height:100px;
}