Page structure

HTML etc

<!-- extra-head.php contained in <head> //-->

<div id="wrap"><!-- width: 100% //-->

<!-- extra-body.php //-->
<p id="sitename"><a href="https://example.com/">Site Name</a></p>

  <nav><!-- width: 100% //-->
  <!-- menu.php //-->
  </nav>

  <main id="content"><!-- max width: 1280px //-->

    <div class="col"><!-- max width: 740px //-->

    <!-- content.php //-->

    Main 740px wide content

      <!-- optional wide div //-->
      <div class="w1200"><!-- max width: 1200px //-->

      Optional 1200px wide content

      </div>

    </div><!-- end col (for flexbox 1 or 2) //-->

    Flexbox 1 or 2

    <div class="col"><!-- re-start col //-->

    Re-start main 740px wide content

      <!-- extra-content.php //-->

        JavaScript files

        <div class="extras">
        Extras if enabled
        </div>
      
        <div class="comments">
        Comments if enabled
        </div>

      <!-- end extra-content.php //-->

      If history enabled
      <div class="history">
      <!-- history.php //-->
      </div>

    <!-- end content.php //-->

    </div><!-- end col //-->

  </main>

  <footer><!-- width: 100% //-->
  <!-- footer.php //-->
  </footer>

</div><!-- end wrap //-->
Information
Page last modified: 14 July, 2024