общие замечания:
всем новым элементам нужно прописать display: block;
article,aside,footer,header,main,nav,section,{display: block;}
ссылки и картинки имеют обязательный атрибут title
<img src="" alt="" title=""/> <a href="" title=""></a>
структура документа:
очень много не нужных дивов-оберток, от которых можно избавиться, перенеся их стили на вложенные элементы - например, как сказали выше:
<ul class="menu">
<li class="png_bg" id="item1"><a href="">Lorem.</a></li>
<li class="png_bg" id="item2"><a href="">Nisi.</a></li>
<li class="png_bg" id="item3"><a href="">Sed!</a></li>
<li class="png_bg" id="item4"><a href="">Possimus.</a></li>
</ul>
или
<div class="container-narrow">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos corporis et laudantium,
eos veniam cupiditate, voluptatum ab ducimus aliquid dignissimos, voluptate, neque
distinctio reprehenderit odio!</p>
</div>
<p class="container-narrow">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quos corporis et laudantium, eos veniam cupiditate, voluptatum ab ducimus aliquid
dignissimos, voluptate, neque distinctio reprehenderit odio!</p>
вот тут просится список:
<div class="container-narrow">
<h2>Официальный представитель BAXI, Bosch, Buderus</h2>
<div class="top-cnt">
<a href="" target="_blank"><img src="img/baxi_logo.jpg" alt=""></a>
</div>
<div class="top-cnt">
<a href="" target="_blank"><img src="img/bosch-logo.png" alt=""></a>
</div>
<div class="top-cnt">
<a href="" target="_blank"><img src="img/buderus-logo.png" alt=""></a>
</div>
</div>
<ul>Официальный представитель BAXI, Bosch, Buderus
<li><a href="" target="_blank" title=""><img src="img/baxi_logo.jpg" alt="" title=""></a></li>
<li><a href="" target="_blank" title=""><img src="img/bosch-logo.png" alt="" title=""></li>
<li><a href="" target="_blank" title=""><img src="img/buderus-logo.png" alt="" title=""></li>
</ul>
Код:
<div class="container-narrow">
<div class="sector-header">
<h2>Обратная связь</h2>
</div>
<div id="contact">
<form method="post" action="/sendmssg.php" role="form">
...
</form>
</div>
</div>
<div class="container-narrow">
<h2 class="sector-header">Обратная связь</h2>
<form id="contact" method="post" action="/sendmssg.php" role="form">
...
</form>
</div>
что касается самой формы, то она имеет обязательный атрибут enctype, например:
<form method="post" action="#" enctype="application/x-www-form-urlencoded"></form>
а контейнеры формы называются <fieldset></fieldset> , а не дивы...
Код:
<form role="form" action="/sendmssg.php" method="post">
<div class="row">
<div class="form-block">
<label for="name">Имя</label><br>
<input class="form-face" type="text" name="name" placeholder="Имя" id="name">
</div>
</div>
<div class="row">
<div class="form-block">
<label for="email">Email</label><br>
<input class="form-face" type="email" name="email" id="email" placeholder="email">
</div>
</div>
<div class="row">
<div class="form-block">
<label for="message">Сообщение</label><br>
<textarea placeholder="Сообщение" class="form-face" rows="5" name="mess" id="message"></textarea>
</div>
</div>
<br>
<div class="row">
<div class="form-block">
<button type="submit" class="button" name="sendmssg" value="+">Отправить</button>
</div>
</div>
</form>
<form role="form" action="/sendmssg.php" method="post">
<fieldset class="row form-block">
<label for="name">Имя</label><br>
<input class="form-face" type="text" name="name" placeholder="Имя" id="name">
</fieldset>
<fieldset class="row form-block">
<label for="email">Email</label><br>
<input class="form-face" type="email" name="email" id="email" placeholder="email">
</fieldset>
<fieldset class="row form-block">
<label for="message">Сообщение</label><br>
<textarea placeholder="Сообщение" class="form-face" rows="5" name="mess" id="message"></textarea>
</fieldset>
<br>
<fieldset class="row form-block">
<button type="submit" class="button" name="sendmssg" value="+">Отправить</button>
</fieldset>
</form>
Код:
<div id="navigation">
<nav>
<a href="">Главная</a>
<a href="">Магазин</a>
<a href="">Услуги</a>
<a href="">Контакты</a>
</nav>
</div>
<ul id="navigation">
<li><a href="">Главная</a></li>
<li><a href="">Магазин</a></li>
<li><a href="">Услуги</a></li>
<li><a href="">Контакты</a></li>
</ul>
Код:
<div id="last-block"><p>2015, УСМ-59</p></div>
<p id="last-block">2015, УСМ-59</p>
)
