Purchase Now

Widgets

Custom components used to highlight your content.

Typography

New
Open Sans
Ab
Open Sans Bold
Ab 
<div class="type boxed">
  <div>
    <span class="badge badge-primary">New</span>
    <h5 class="type-title">Open Sans</h5>
    <div class="type-example">
      <span>Ab</span>
    </div>
  </div>
</div>

Colors

Blue
#064CDB
Green
#28a745 
<div class="color boxed">
  <span class="color-example bg-blue"></span>
  <div class="color-info">
    <h5 class="color-title">Blue</h5>
    <span>#064CDB</span>
  </div>
</div>

File Tree

  • Images description
  • CSS description
    • file name description
    • file name description
  • HTML description
    • PAGES description
      • file name description
      • file name description
      • file name description
    • file name description
    • file name description
  • index.html description
  • components.html description
<ul class="file-tree">
  <li class="file-tree-folder empty">Images
    <span>description</span>
  </li>
  <li class="file-tree-folder">CSS
    <span>description</span>
    <ul>
      <li>file name <span>description</span></li>
      <li>file name <span>description</span></li>
    </ul>
  </li>
  <li class="file-tree-folder">HTML
    <span>description</span>
    <ul>
      <li class="file-tree-folder">PAGES
        <span>description</span>
        <ul>
          <li>file name <span>description</span></li>
          <li>file name <span>description</span></li>
          <li>file name <span>description</span></li>
        </ul>
      </li>
      <li>file name <span>description</span></li>
      <li>file name <span>description</span></li>
    </ul>
  </li>
  <li>index.html <span>description</span></li>
  <li>components.html <span>description</span></li>
</ul>