css test

<header>
    <h1><img src="images/logo.jpg" title="website title" /></h1>
    <h2>A Slogan here</h2>
    <nav>
        <ul id="list-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</header>

<section>
    <h2>Page title</h3>

    <article>
        <section>
            <h1>Shop Name</h1>
            <address>Address</address>
            <p>Description here in this part, etc...</p>
            <h2>Open Hours</h2>
            <span>18:00 - 01:00</span>
        </section>

        <section>
            <h4>Photographs</h4>
            <img src="images/photo1.jpg" /><img src="images/photo2.jpg" /><img src="images/photo3.jpg" />
        </section>

        <section>
            <h4>Services</h4>
            <p></p>
        </section>

        <section>
            <h4>Map Directions</h4>
            <div class="the_map"><img src="images/map.jpg"/></div>
            <h4>Comments</h4>
            <h5>Comment title</h5>
            <p>This is the comment number 1</p>
            <h5>Comment title</h5>
            <p>This is the comment number 2</p>
            <h5>Comment title</h5>
            <p>This is the comment number 3</p>
        </section>
    </article>

    <article>
        <section>
            <h1>Shop Name 2</h1>
            <address>Address</address>
            <p>Description here in this part, etc...</p>
            <h2>Open Hours</h2>
            <span>18:00 - 01:00</span>
        </section>

        <section>
            <h4>Photographs</h4>
            <img src="images/photo1.jpg" /><img src="images/photo2.jpg" /><img src="images/photo3.jpg" />
        </section>

        <section>
            <h4>Services</h4>
            <p></p>
        </section>

        <section>
            <h4>Map Directions</h4>
            <div class="the_map"><img src="images/map.jpg"/></div>
            <h4>Comments</h4>
            <h5>Comment title</h5>
            <p>This is the comment number 1</p>
            <h5>Comment title</h5>
            <p>This is the comment number 2</p>
            <h5>Comment title</h5>
            <p>This is the comment number 3</p>
        </section>

    </article>
</section>

<footer>
    <nav>
        <ul id="list-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</footer>