<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Experiments - Weking</title>

  <link rel="stylesheet" href="dist/css/weking.css">
  <link rel="stylesheet" href="dist/css/weking-theme.css">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
</head>
<body>

  <!-- HEADER NAVBAR -->
  <nav class="navbar menu menu-primary-topState">
    <div class="menu_header">
      <label class="menu_a menu_brand" for="navbarTrigger">
        <i class="icon icon_menu"></i>
      </label>

      <a class="menu_a menu_brand" href="index.html">Weking > Experiments</a>

      <div class="navbar_actionBtns">
        <a class="btn btn-secondary-sm" href="https://github.com/weking/weking-frontend/archive/master.zip">Download</a>
        <a class="btn btn-default-ghost-sm" href="https://github.com/weking">Github</a>
      </div>
    </div>
  </nav>

  <input type="checkbox" id="navbarTrigger" class="navDrawer_trigger">
  <section class="navDrawer">
    <label for="navbarTrigger" class="navDrawer_overlay"></label>

    <section class="navDrawer_content menu col col-xs8-sm6-md4-lg2-vert">
      <input checked class="menu_trigger" type="checkbox">
      <ul class="menu_ul">
        <li class="menu_li"><a class="menu_a" href="index.html">Home</a></li>
        <li class="menu_li"><a class="menu_a" href="get-started.html">Get Started</a></li>
        <li class="menu_li"><a class="menu_a" href="core.html">Core</a></li>
        <li class="menu_li"><a class="menu_a" href="addons.html">Addons</a></li>
        <li class="menu_li"><a class="menu_a" href="layout.html">Layout</a></li>
        <li class="menu_li">
          <a class="menu_a" href="templates.html">
            Templates
            <span class="label label-red">IN DEV</span>
          </a>
        </li>
        <li class="menu_li">
          <a class="menu_a" href="experiments.html">
            Experiments
            <span class="label label-red">IN DEV</span>
          </a>
        </li>
      </ul>
    </section>
  </section>

  <!-- HERO HEADING -->
  <header class="header header-primary-small">
    <div class="header_wrap">
      <div class="container">
        <h1 class="typo_h1">Experiments</h1>
      </div>
    </div>
  </header>

  <!-- MAIN -->
  <main class="main">
    <div class="container">
      <section class="content card">
        <div class="card_content">
          <h2 class="typo_h2">Page in development</h2>
        </div>
      </section>
    </div>
  </main>

  <!-- SHARE FAB -->
  <div class="fab">
    <span class="tooltip tooltip-left" data-tooltip="Share This Page">
      <a class="fab_btn addthis_button_expanded btn btn-secondary-radius">
        <i class="icon icon_share"></i>
      </a>
    </span>
  </div>

  <!-- PAGINATION -->
  <footer class="pagination row">
    <a href="templates.html" class="pagination_item col col_xs9_sm6-orange typo_h3">
      <i class="icon icon_arrow-back"></i> Templates
    </a>

    <span class="pagination_item col col_xs3_sm6-black typo_h3"></span>
  </footer>

  <!-- JScripts -->
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-54ce258b7e3ce750" async="async"></script>
  <script async src="//assets.codepen.io/assets/embed/ei.js"></script>
  <script src="dist/js/script.js"></script>
</body>
</html>
