template-boilerplate/index.html at master · Jimdo/template-boilerplate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>

  <!-- The templates version – versioning is done via Semantic Versioning, see semver.org for more info. Patch level updates are pushed to the user without any further action necessary. Major and minor updates require the user to reselect the template. -->
  <meta name="jimdo.version" content="0.1.0" />

  <link href="css/style.min.css" rel="stylesheet" />

  <!-- This is how you link a variation -->
  <link rel="stylesheet-variation" data-name="Reverse" href="css/variation.min.css" data-icon="#2f2f2f" />

  <!-- Please provide the main color for the basic style.css as you do with variations. -->
  <meta name="jimdo.color" content="#0099ee">

  <!-- This en or disabled the awesomebgs -->
  <meta name="jimdo.ownbg.allowed" content="yes">

  <!-- You can disable styles for single Jimdo modules by adding them here. -->
  <!-- In this case, the comments and the product module styles are not loaded -->
  <!-- For a list of available modules check the documentation or the body tag in the preview. -->
  <meta name="jimdo.styles.disabled" content="m-comment m-product" />

  <meta name="devkit.template-name" content="Your template's name" />

</head>
<!-- Of course, the HTML code needs to be adjusted to your needs. -->
<body>
  <div class="jtpl-wrapper layout-alignment">
    <header class="jtpl-header">
      <nav>
        <div class="jtpl-navigation navigation-colors">
          <var data-level="1">navigation</var>
        </div>
      </nav>
      <div>
        <var max-height="200">logo</var>
        <var>title</var>
      </div>
    </header>
    <section class="jtpl-content content-options">
      <var>content</var>
    </section>
    <aside class="jtpl-sidebar-wrapper">
      <div class="jtpl-subnavigation subnavigation-colors">
        <div>
          <var data-level="2:3">navigation</var>
        </div>
      </div>
      <section class="jtpl-sidebar sidebar-options">
        <var>sidebar</var>
      </section>
    </aside>
    <footer class="jtpl-footer footer-options">
      <var>footer</var>
    </footer>
  </div>

</body>
</html>