В начало блога На главную

Шаблон страницы html5

Код страницы блога сделанный в тегах html5.
html5temp











Шаблон HTML5


Логотип

Название сайта

Описание сайта

Содержание: текст, фото, видео, аудио ...

здесь могут быть похожие записи, слайдер, баннеры, миниатюры и т.д...



*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body { background-color: rgba(255,255,255);font: 16px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;}
header {background-color: #373737;color: #fff;height: 160px;padding: 10px 50px;}
figure {float:left;}
nav {background-color: #eee; border: 1px solid #ddd;margin-bottom: 20px;height: 56px;}
nav ul li {float:left;margin-right:22px}
main {margin: 0 auto;width: 1170px;display: block;}
article {float: left;margin-bottom: 30px;padding: 0 15px;width: 74%;overflow: hidden;}
article figure { margin: 1em; text-align: left;float: none;}
section {background-color:#eee;border: 1px solid #ccc;padding: 20px;}
aside {float: right;padding-left: 15px;width: 25%;display: block;overflow: hidden;position:relative;}
menu {padding: 0;}
footer {background-color: #373737;clear: both;color: #fff;padding: 50px 20px;}
footer a {color: #eff;}

Рассказать: