acil şu tasarımı ayırabilen(artbag)

<div id="main">

    <!-- Header -->
    <div id="header">
   
        <p id="logo"><img src="tmp/logo.gif" alt="" /></p>
       
        <div id="slogan">Place for your great slogan.</div>
   
    </div> <!-- /header -->
   
    <hr class="noscreen" />
   
    <!-- Navigation -->
    <div id="nav" class="box">
   
        <ul>
            <li class="active"><a href="#">Homepage</a></li>
            <li><a href="#">Category</a></li>
            <li><a href="#">Category</a></li>
            <li><a href="#">Category</a></li>
            <li><a href="#">Category</a></li>
            <li><a href="#">Category</a></li>
        </ul>
       
        <p id="feeds">
            <a href="#" class="ico-rss">Articles</a> &nbsp;&nbsp;&nbsp;
            <a href="#" class="ico-rss">Comments</a>
        </p> <!-- /feeds -->
   
    </div> <!-- /nav -->
   
    <hr class="noscreen" />
   
    <!-- Columns -->
    <div id="cols">
        <div id="cols-in" class="box">
   
            <!-- Content -->
            <div id="content">

<!-- /content -->

            <hr class="noscreen" />

            <!-- Aside -->
            <div id="aside">

                <h4 class="title-03">Categories</h4>
               
                <div class="in">
               
                    <ul id="subnav">
                        <li><a href="#">Lorem ipsum sit amet</a></li>
                        <li><a href="#">Lorem ipsum sit amet</a></li>
                        <li class="active"><a href="#">Lorem ipsum sit amet</a></li>
                        <li><a href="#">Lorem ipsum sit amet</a></li>
                        <li><a href="#">Lorem ipsum sit amet</a></li>
                        <li class="last"><a href="#">Lorem ipsum sit amet</a></li>
                    </ul>

                </div> <!-- /in -->
               
                <h4 class="title-04">News</h4>
               
                <div class="in">
               
                    <dl id="news" class="box">
                        <dt>15. 05. 2008</dt>
                        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Proin scelerisque</a> sem veil. Aliquam erat volutpat.</dd>
                       
                        <dt>15. 05. 2008</dt>
                        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Proin scelerisque</a> sem veil. Aliquam erat volutpat.</dd>
                       
                        <dt>15. 05. 2008</dt>
                        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Proin scelerisque</a> sem veil. Aliquam erat volutpat.</dd>
                    </dl>
                   
                    <p class="nomb t-right"><a href="#" class="more">Older news</a></p>
               
                </div> <!-- /in -->

            </div> <!-- /aside -->
           
        </div> <!-- /cols-in -->
    </div> <!-- /cols -->
   
    <!-- Photogallery -->
    <div id="gallery">
   
        <h4 class="title-03 gallery"><a href="#">Photogallery</a></h4>
       
        <div id="gallery-in">

            <p class="t-center nom box">
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#"><img src="tmp/95x71.gif" alt="" /></a>
                <a href="#" class="last"><img src="tmp/95x71.gif" alt="" /></a>
            </p>

            <div class="separator"></div>

            <div class="box">

                <p class="f-right nom"><a href="#" class="ico-rss">RSS Feed</a></p>

                <p class="f-left nom">Tags: <a href="#">Cars</a>, <a href="#">Football</a>, <a href="#">Baseball</a>, <a href="#">New York</a>, <a href="#">Weddings</a>, <a href="#">Family</a> &hellip;</p>
               
            </div> <!-- /box -->

        </div> <!-- /gallery-in -->
   
    </div> <!-- /gallery -->

    <hr class="noscreen" />
   
    <!-- Footer -->
    <div id="footer" class="box">
   
        <p class="f-right">
            <a href="#" id="ico-print">Print</a>
            <a href="#" id="ico-sitemap">Sitemap</a>
        </p>
       
        <p class="f-left">Copyright &copy; 2008 <a href="#">Your name</a></p>

    </div> <!-- /box -->

</div> <!-- /main -->

<!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
<p id="copy"><a href="http://www.nuviotemplates.com/">Free web templates</a> presented by <a href="http://www.qartin.cz/">QARTIN</a> &ndash; Our tip: <a href="http://www.thinline.cz/">Webdesign</a>, <a href="http://www.cesky-hosting.cz/">Webhosting</a></p>
<!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->

table {margin-left: auto;margin-right: auto}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

table {margin-left: auto;margin-right: auto}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}