preview.html 2.21 KB
Newer Older
1
<div class="color-preview">
2

3 4 5 6 7
  <div class="color-preview-header">
    <div class="color-preview-logo"><img src="../../../core/themes/bartik/logo.svg" alt="Site Logo" /></div>
    <div class="color-preview-site-name">Bartik</div>
    <div class="color-preview-main-menu">
      <ul class="color-preview-main-menu-links">
8 9 10 11
        <li><a>Home</a></li>
        <li><a>Te Quidne</a></li>
        <li><a>Vel Torqueo Quae Erat</a></li>
      </ul>
12
    </div>
13 14
  </div>

15 16 17
  <div class="color-preview-main clearfix">
    <div class="color-preview-sidebar">
      <div class="color-preview-block preview-block">
18 19 20 21
        <h2>Etiam est risus</h2>
        <div class="preview-content">
          Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
          Laboris nisi ut aliquip ex ea.
22
        </div>
23 24
      </div>
    </div>
25 26 27
    <div class="color-preview-content">
      <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
      <div class="color-preview-node">
28 29 30 31 32
        <div class="preview-content">
          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
33
        </div>
34
      </div>
35
    </div>
36
  </div>
37

38 39
  <div class="color-preview-footer-wrapper">
    <div class="color-preview-footer-columns clearfix">
40
      <div class="preview-footer-column">
41 42 43 44 45 46 47 48
        <div class="preview-block">
          <h2>Etiam est risus</h2>
          <div class="content">
            Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
            Laboris nisi ut aliquip ex ea.
          </div>
        </div>
      </div>
49
      <div class="preview-footer-column">
50 51 52
        <div class="preview-block preview-block-menu">
          <h2>Erisus dolor</h2>
          <div class="preview-content">
53 54 55 56 57 58
            <ul>
              <li><a>Donec placerat</a></li>
              <li><a>Nullam nibh dolor</a></li>
              <li><a>Blandit sed</a></li>
              <li><a>Fermentum id</a></li>
            </ul>
59 60 61 62 63
          </div>
        </div>
      </div>
    </div>
  </div>
64

65
</div>