$(document).ready(function() {
  var headerHTML = '';
  headerHTML += '<div id="header">';
  headerHTML += '  <div id="header-left"></div>';
  headerHTML += '  <div id="header-right"></div>';
  headerHTML += '</div>';
  headerHTML += '<div id="clear"></div>';
  $('#container').prepend(headerHTML);
  var leftColHTML = '';
  leftColHTML += '<div id="left-col">';
  leftColHTML += '  <div id="left-col-header"></div>';
  leftColHTML += '  <ul>';
  leftColHTML += '    <li><a href="/">Главная</a></li>';
  leftColHTML += '    <li><a href="/nashijob.html">Наши работы</a></li>';
  leftColHTML += '    <li><a href="/stoim.html">Стоимость услуг</a></li>';
  leftColHTML += '    <li><a href="/rk.html">Ремонт квартир</a></li>';
  leftColHTML += '    <li><a href="/remontof.html">Ремонт офисов</a></li>';
  leftColHTML += '    <li><a href="/str-k.html">Строительство коттеджей</a></li>';
  leftColHTML += '    <li><a href="/instr.html">Иные строительные работы</a></li>';
  leftColHTML += '    <li><a href="/kadry.html">Наш коллектив</a></li>';
  leftColHTML += '    <li><a href="/kontakt.html">Контакты</a></li>';
  leftColHTML += '  </ul>';
  leftColHTML += '  <div id="offers"></div>';
  leftColHTML += '  <a id="offer-project" href="/#1"></a>';
  leftColHTML += '  <a id="offer-build" href="/#2"></a>';
  leftColHTML += '  <a id="offer-repair" href="/#3"></a>';
  leftColHTML += '</div>';
  $('#main-col').prepend(leftColHTML);
  var footerHTML = '';
  footerHTML += '<p>';
  footerHTML += '  <img src="templates/images/footer-logo.jpg" />';
  footerHTML += '</p>';
  footerHTML += '<p>';
  footerHTML += '  г. Москва, ул. Малая Дмитровка, подъезд 1, офис 402<br />';
  footerHTML += '  (495) 517-32-21<br />';
  footerHTML += '</p>';
  $('#footer-right').prepend(footerHTML);
});