www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/color/preview.html

   1 <div class="color-preview">
   2
   3   <div class="color-preview-header">
   4     <div class="color-preview-logo"><img src="../../../core/themes/bartik/logo.svg" alt="Site Logo" /></div>
   5     <div class="color-preview-site-name">Bartik</div>
   6     <div class="color-preview-main-menu">
   7       <ul class="color-preview-main-menu-links">
   8         <li><a>Home</a></li>
   9         <li><a>Te Quidne</a></li>
  10         <li><a>Vel Torqueo Quae Erat</a></li>
  11       </ul>
  12     </div>
  13   </div>
  14
  15   <div class="color-preview-main clearfix">
  16     <div class="color-preview-sidebar">
  17       <div class="color-preview-block preview-block">
  18         <h2>Etiam est risus</h2>
  19         <div class="preview-content">
  20           Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
  21           Laboris nisi ut aliquip ex ea.
  22         </div>
  23       </div>
  24     </div>
  25     <div class="color-preview-content">
  26       <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
  27       <div class="color-preview-node">
  28         <div class="preview-content">
  29           Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
  30           incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  31           nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
  32           commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
  33         </div>
  34       </div>
  35     </div>
  36   </div>
  37
  38   <div class="color-preview-footer-wrapper">
  39     <div class="color-preview-footer-columns clearfix">
  40       <div class="preview-footer-column">
  41         <div class="preview-block">
  42           <h2>Etiam est risus</h2>
  43           <div class="content">
  44             Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
  45             Laboris nisi ut aliquip ex ea.
  46           </div>
  47         </div>
  48       </div>
  49       <div class="preview-footer-column">
  50         <div class="preview-block preview-block-menu">
  51           <h2>Erisus dolor</h2>
  52           <div class="preview-content">
  53             <ul>
  54               <li><a>Donec placerat</a></li>
  55               <li><a>Nullam nibh dolor</a></li>
  56               <li><a>Blandit sed</a></li>
  57               <li><a>Fermentum id</a></li>
  58             </ul>
  59           </div>
  60         </div>
  61       </div>
  62     </div>
  63   </div>
  64
  65 </div>