Finale HTML

<html>
  <head>
    <title>Finale</title>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./include/css/main.css">
  </head>
  <body>
    <div id="container">

      <div class="title-container"><div class="title-box"><span class="title-text">Mio Sito</span></div></div>
      <div class="menu-thin">
        <div class="menu">
          <ul>
            <li><a href="http://www.google.com" target="_BLANK">home</a></li>
            <li><a href="http://www.google.com" target="_BLANK">chi siamo</a></li>
            <li><a href="http://www.google.com" target="_BLANK">azienda</a></li>
            <li><a href="http://www.google.com" target="_BLANK">prodotti</a></li>
            <li><a href="http://www.google.com" target="_BLANK">contatti</a></li>
          </ul>
        </div>
      </div>

      <div class="image">
        <img src="./include/img/sign.jpg" class="main-image">
      </div>
      <div id="clearFloat"></div>
      <div class="article-body">
        <div class="article-container">
          <div class="article-title">contenuto in evidenza</div>
          <div class="article-text">
            Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</div>
        </div>
        <div class="article-container">
          <div class="article-title">contenuto in evidenza</div>
          <div class="article-text">
            Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</div>
        </div>
        <div class="article-container">
          <div class="article-title">contenuto in evidenza</div>
          <div class="article-text">
            Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur aliquet quam id dui posuere blandit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</div>
        </div>
        <div id="clearFloat"></div>
      </div>

      <div class="fullwidth-container">
        <div class="fullwidth-title">messaggio full width</div>
        <div class="article-full-container">
          <div class="art-full-container">
            <div class="art-container">
              <div class="art-image">
                <img src="./include/img/sign2.jpg" width="180" height="200">
              </div>
              <div class="art-cont">
                <div class="art-title">
                  titolo dell'articolo
                </div>
                <div class="art-content">
                  Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit.
                </div>
              </div>
            </div>
            <div class="art-container">
              <div class="art-image">
                <img src="./include/img/sign2.jpg" width="180" height="200">
              </div>
              <div class="art-cont">
                <div class="art-title">
                  titolo dell'articolo
                </div>
                <div class="art-content">
                  Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit.
                </div>
              </div>
            </div>
          </div>
          <div class="art-sidebar">
            <div class="art-sidebar-title">
              Sidebar
            </div>
            <div class="art-sidebar-content">
              <ul>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
                <li><a href="http://www.google.com">My Link</a></li>
              </ul>
            </div>
        </div>
          <div id="clearFloat"></div>
          <div class="footer">
            <div class="footer-text">Footer</div>
          </div>
        </div>
      </div>

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