structure

start index.php

start cutout header.php
<!DOCTYPE HTML>
<html>
<head>
<title>Check'd</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
<link rel="shortcut icon" href="http://dbxgraphics.com/checkd/favicon.png">
<link rel="apple-touch-icon" href="http://www.dbxgraphics.com/checkd/apple-touch-icon.png">
</head>

    <body>

        <div id="wrapper">

        <div id="top-wrapper">
            <img src="img/topbar.jpg" alt="topbar" id="topbar" />

        <ul id="nav">
            <li id="button-1"><a href="button1.html">Button 1</a></li>
            <li id="button-2"><a href="button2.html">Button 2</a></li>
            <li id="button-3"><a href="button3.html">Button 3</a></li>
            <li id="button-4"><a href="button4.html">Button 4</a></li>
            <li id="button-5"><a href="contact.html">Contact</a></li>
        </ul>

    <img src="img/navbar_foto_stacaravan.jpg" alt="stacaravan" id="main_image" width="810px" height="302px" />

    <a href="index.html"><img src="img/logo.png" alt="" id="checkd_logo" width="140px" height="97px"/></a>

        </div> <!-- end top-wrapper -->

end cutout header.php

  @h@start cutout start sidebar.php

    <div id="menubar">

        <img src="img/sidebar_image_1.jpg" alt="image_1" id="sidebar_img" />

        <h4>Donec ligula urna</h4>

        <aside>Etiam tortor est, sagittis vel sollicitudin a, congue commodo elit. In ac sem porttitor arcu posuere interdum eget vel magna. Nulla facilisi. Donec vitae est ligula, non dictum massa.
        </aside>


    <div id="menubar_2">

        <img src="img/sidebar_image_2.jpg" alt="image_1" id="sidebar_img" />

        <h4>Phasellus placerat</h4>

        <aside>Cras accumsan lorem ac ipsum bibendum elementum. Aliquam lacinia placerat tortor, a euismod turpis pretium sit amet. Suspendisse a leo sapien.
        </aside>


    <div id="menubar_3">

        <img src="img/sidebar_image_3.jpg" alt="image_1" id="sidebar_img" />

        <h4>Cras et massa</h4>

        <aside>Quisque in auctor tellus. Aenean sit amet arcu ac magna vehicula lacinia. Donec at rutrum massa. Cras et massa a turpis tincidunt laoreet. Proin vulputate dictum urna gravida suscipit. Vivamus rhoncus posuere pretium.
        </aside>

    </div> <!-- end menubar -->

    </div> <!-- end menubar_2 -->

    </div> <!-- end menubar_3 -->

  @h@end cutout sidebar.php


        <div id="intro">

        <h1>Curabitur est sapien</h1>

        <p>Ultrices nec gravida sed, lacinia lacinia ipsum. Etiam blandit arcu sed urna pretium porttitor. Sed gravida suscipit sollicitudin.
        Phasellus placerat mattis augue, nec fermentum          orci suscipit ac. Sed eu risus purus. Quisque a quam nec erat consectetur varius.
        Fusce nec elit vel mi egestas fringilla id eu tortor.
        </p>

        <h2><strong>Vivamus lacinia</strong>

        </h2>

        <p>Lacinia arcu eu placerat. Morbi vitae mi lorem, ac sodales nisi. In vitae risus enim. Quisque sit amet felis at nibh placerat rhoncus.
        In varius est vel enim hendrerit a dapibus odio venenatis. Mauris ac eros odio. Quisque consectetur pulvinar diam, eget vestibulum mauris fermentum a.
        Nam facilisis viverra eleifend. Pellentesque feugiat vestibulum vulputate. Etiam imperdiet, risus at volutpat pretium, erat tortor euismod sem, sagittis
        molestie erat tortor sed sapien. Pellentesque pellentesque tristique laoreet. Aliquam placerat consequat lectus vel varius.
        Sed ligula sapien, imperdiet eu dictum sed, dictum cursus lacus.
        </p>

        <h2>Proin interdum tempor tortor ut egestas.</h2>

        <p>Etiam tortor est, sagittis vel sollicitudin a, congue commodo elit. In ac sem porttitor arcu posuere interdum eget vel magna. Nulla facilisi.
        Donec vitae est ligula, non dictum massa. Cras accumsan lorem ac ipsum bibendum elementum. Aliquam lacinia placerat tortor, a euismod turpis pretium sit amet.
        Suspendisse a leo sapien.
        </p>

        <h2>Sed vitae mauris</h2>

        <p>Id ante semper consectetur eget sed felis. Mauris odio sem, mattis id viverra non, scelerisque nec urna. Pellentesque sodales convallis ante, eu imperdiet lacus.</p>
        <hr/>

start cutout footer.php
                <ul id="footer">
                    <li id="footer-1"><a href="#">Home</a></li>
                    <li id="footer-2"><a href="#">Button 2</a></li>
                    <li id="footer-3"><a href="#">Button 3</a></li>
                    <li id="footer-4"><a href="#">Button 4</a></li>
                    <li id="footer-5"><a href="#">Button 5</a></li>
                </ul>

                </div> <!-- end main-content -->

            </div> <!-- end wrapper -->
    </body>
</html>

end cutout footer.php

end index.php