index.html

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link href="favicon.ico" rel="shortcut icon">
  <link rel="stylesheet" href="css/style.css">
  <title>Главная</title>
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body>
  <div class="container">

    <header class="header clearfix">
      <div class="logo">Название магазина</div>
    </header>

    <div id="menu">
    <ul>
    <li id="current"><a href="index.html">Главная</a></li>
    <li><a href="stock.html">Акции</a></li>
    <li><a href="#">Что-либо еще</a></li>
    </ul>
    </div>

    <div class="info">
      <article class="hero clearfix">
        <div class="col_100">
          <h1>Немного о магазине</h1>
          <p>Описание магазина</p>
        </div>
      </article>


      <article class="article clearfix">

        <div class="col_33">
<div class="product">
          <h2>Товар 1</h2>
          <p>Описание</p>
          <p><a href="#">Подробней...</a></p>
</div>
        </div>

        <div class="col_33">
       <div class="product">
          <h2>Товар 2</h2>
          <p>Описание</p>
          <p><a href="#">Подробней...</a></p>
    </div>
        </div>

        <div class="col_33">
<div class="product">
          <h2>Товар 3</h2>
          <p>Описание</p>
          <p><a href="#">Подробней...</a></p>
</div>
        </div>

        <div class="clearfix"></div>

      </article>
    </div>

    <footer class="footer clearfix">
      <div class="copyright">Здесь copyright</div>

      <nav class="menu_bottom">
        <ul>
          <li class="active"><a href="#">Главная</a></li>
          <li><a href="stock.html">Акции</a></li>
        </ul>
      </nav>
    </footer>

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