Author: Not specified Language: html4strict
Description: Not specified Timestamp: 2013-05-17 17:54:58 +0000
View raw paste Reply
  1. <!DOCTYPE html>
  2.         <head>
  3.                 <title>[title]</title>
  4.                 <!-- Any meta data here -->
  5.                 <!-- Any CSS styles here -->
  6.                 <!-- Any site touch/fav icons here -->
  7.                 <script type="text/javascript" src=”modenizr.js"></script>
  8.                 <!-- This is the only script to be loaded in the header for checks -->
  9.         </head>
  10.         <body>
  11.  
  12.   <!-- ==================================================
  13.    = SKELETAL (Structural) LAYER
  14.    =
  15.  ================================================== -->
  16.        
  17.          <!-- Browser compatibility check and notice else continue -->
  18.  
  19.    <!-- Document
  20.   ================================================== -->
  21.    <div class="document">
  22.    
  23.      <!-- Header
  24.          ================================================== -->
  25.      <header class="header">
  26.        <div class="header-inner">
  27.         <!-- Content Layer Here -->
  28.        </div><!-- /.header-inner -->
  29.      </header>
  30.      
  31.      <!-- Body
  32.          ================================================== -->
  33.      <div class="body">
  34.        <div class="body-inner">
  35.        
  36.        <!-- CONTENT (Modular) LAYER
  37.       ================================================== -->
  38.        
  39.         <!-- Module Generalized Template
  40.        ================================================== -->
  41.         <div class="modual">
  42.           <div class="modual-inner">
  43.           </div><!-- /.element-inner -->
  44.         </div><!-- /.element -->
  45.      
  46.         <!-- Aside (Widget) Generalized Template
  47.        ================================================== -->
  48.         <aside class="aside">
  49.           <div class="aside-inner">
  50.          
  51.             <header class="aside-header"></header>
  52.             <div class="aside-content"></div>
  53.             <footer class="aside-footer"></footer>
  54.            
  55.           </div><!-- /.aside-inner -->
  56.         </aside>
  57.      
  58.         <!-- Article (Post) Generalized Template
  59.        ================================================== -->
  60.         <article class="article">
  61.           <div class="article-inner">
  62.          
  63.             <header class="article-header"></header>
  64.             <div class="article-content"></div>
  65.             <footer class="article-footer"></footer>
  66.            
  67.           </div><!-- /.article-inner -->
  68.         </article>
  69.        
  70.        <!-- END OF CONTENT LAYER
  71.       ================================================== -->
  72.        
  73.        </div><!-- /.body-inner -->
  74.      </div><!-- /.body -->
  75.      
  76.      <!-- Footer
  77.     ================================================== -->
  78.      <footer class="footer">
  79.        <div class="footer-inner">
  80.         <!-- Content Layer Here -->
  81.        </div><!-- /.footer-inner -->
  82.      </footer>
  83.      
  84.    </div><!-- /.document -->
  85.      
  86.   <!-- END OF SKELETAL LAYER
  87.  ================================================== -->
  88.  
  89.         </body>
  90. </html>
View raw paste Reply