Untitled

<html>
<head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
<style>
body {background-color: #195B83;color:#FFF;margin: 0px;}
.first-div {background-color: #FFF; color:#195B83;width:100%; height: 90px;margin-top: -20px;}
.sec-div {margin-left: 5px}
.logo {float: right;margin-right: 10px;margin-top: 5px;}
.column-title {font-weight: bold; width: 100%; background-color: #ebf1f5; border-color: #cad7e1; border-bottom-width: 1px; color: #000000 !important;margin-bottom:-10px;}
.column-row {line-height: 23px;}
.column-data {padding: 0px !important}
.column-first {margin-left: 10px;}
</style>
    <!--<script src="js/bootstrap.js"></script>-->
    <title>SimpleWorklog</title>
</head>
<body>
<div class="first-div" >
    <img class="logo" src="http://c-call.eu/themes/default/assets/img/c-call_logo.png" />
    <div class="sec-div">
        <h1>keios simple worklog 1.0</h2>
        <i>powered by python</i>
    </div>
</div>

<br />
<div class="container">
<div class="row column-row">
<span class="column-first">Total time in work:<b> ${total_time_html} </b></span><br><br>
</div>
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-3 column-data">
<div class="column-title">Work Started</div><br>
${date_start_html}
</div>
<div class="col-md-2 col-sm-3 col-xs-3  column-data">
<div class="column-title">Work Finished</div><br>
${date_stop_html}
</div>
<div class="col-md-1 col-sm-2 col-xs-2 column-data">
<div class="column-title">Time</div><br>
${work_time_html}
</div>
<div class="col-md-7 col-sm-4 col-xs-4 column-data">
<div class="column-title">Note</div><br>
${work_note_html}
</div>
</div>

</div>
</body>
</html>