<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #title{width: 100%; text-align: center;}
        #title h3{color: #444;}
        #comment{font-size: 14px; color: #666; position: absolute; margin-left: 43%; margin-top: -22px}
        #body{width: 100%; padding-left: 40px}
        #hint{width: 100%; text-align: center}

        .row{width: 100%; height: 75px}
        .img{float: left}
        .text{float: left; }
    </style>
</head>
<body>
    <div id="title">
        <div> <h3>Хабраход</h3> </div>
        <div id="comment"> парсер хабра</div>
    </div>
    <div id="body">
        <div id="hint">
            Для навигации используйте кнопки справа >>>
        </div> <br/>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/close.png"/>
            </div>
            <div class="text"> - выход</div>
        </div>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/day.png">
            </div>
            <div class="text"> - лучшее за сутки</div>
        </div>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/week.png">
            </div>
            <div class="text"> - лучшее за неделю</div>
        </div>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/month.png">
            </div>
            <div class="text"> - лучшее за месяц</div>
        </div>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/alltime.png">
            </div>
            <div class="text"> - лучшее за все время</div>
        </div>
        <div class="row">
            <div class="img">
                <img src="{{path}}/template//img/dump.png">
            </div>
            <div class="text"> - дамп топа</div>
        </div>
    </div>
</body>
</html>