usm4n/gist:7894776

## gistfile1.html
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Responsive Blog Layout</title>
    <link rel="stylesheet" href="./assets/css/foundation.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/custom.css">
    <script src="./assets/js/vendor/custom.modernizr.js"></script>

</head>
<body>
  <div class = "row main">
      <div class="small-9 large-9 column primary">
        <header id="masthead">
         <nav class="top-bar" data-topbar>
            <ul class="title-area">
              <!-- Title Area -->
              <li class="name"></li>
              <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
              <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
            </ul>

            <section class="top-bar-section">
              <ul class="left">
                <li><a href="#">Home</a></li>
                <li class="has-dropdown not-click not-click"><a href="#">Categories</a>
                  <ul class="dropdown">
                    <li><a href="top-bar.html#">PHP</a></li>
                    <li class="divider"></li>
                    <li><a href="top-bar.html#">HTML5</a></li>
                    <li><a href="top-bar.html#">CSS3</a></li>
                    <li><a href="top-bar.html#">jQuery</a></li>
                  </ul>
                </li>
                <li><a href="#">Archives</a></li>
                <li><a href="#">About</a></li>
              </ul>
            </section>
        </nav>
        <div class="sub-header">
          <hgroup>
            <h1>Responsive Blog Layout</h1>
            <h2>Foundation 5 responsive design tutorial</h2>
          </hgroup>
        </div>
        </header>

        <div class="content">
            <!-- content --><br><br><br>
        </div>

      </div>
      <div class="small-3 large-3 column">
        <aside class="sidebar">
          <!-- sidebar with full height -->
        </aside>
      </div>
  </div>


  <script src="./assets/js/vendor/jquery.js"></script>
  <script src="./assets/js/foundation.min.js"></script>
  <script>
        $(document).foundation();
        });
  </script>

</body>
</html>
	<!DOCTYPE html>
	<html class="no-js" lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Responsive Blog Layout</title>
	<link rel="stylesheet" href="./assets/css/foundation.css">
	<link rel="stylesheet" type="text/css" href="./assets/css/custom.css">
	<script src="./assets/js/vendor/custom.modernizr.js"></script>

	</head>
	<body>
	<div class = "row main">
	<div class="small-9 large-9 column primary">
	<header id="masthead">
	<nav class="top-bar" data-topbar>
	<ul class="title-area">
	<!-- Title Area -->
	<li class="name"></li>
	<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
	<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
	</ul>

	<section class="top-bar-section">
	<ul class="left">
	<li><a href="#">Home</a></li>
	<li class="has-dropdown not-click not-click"><a href="#">Categories</a>
	<ul class="dropdown">
	<li><a href="top-bar.html#">PHP</a></li>
	<li class="divider"></li>
	<li><a href="top-bar.html#">HTML5</a></li>
	<li><a href="top-bar.html#">CSS3</a></li>
	<li><a href="top-bar.html#">jQuery</a></li>
	</ul>
	</li>
	<li><a href="#">Archives</a></li>
	<li><a href="#">About</a></li>
	</ul>
	</section>
	</nav>
	<div class="sub-header">
	<hgroup>
	<h1>Responsive Blog Layout</h1>
	<h2>Foundation 5 responsive design tutorial</h2>
	</hgroup>
	</div>
	</header>

	<div class="content">
	<!-- content --><br><br><br>
	</div>

	</div>
	<div class="small-3 large-3 column">
	<aside class="sidebar">
	<!-- sidebar with full height -->
	</aside>
	</div>
	</div>


	<script src="./assets/js/vendor/jquery.js"></script>
	<script src="./assets/js/foundation.min.js"></script>
	<script>
	$(document).foundation();
	});
	</script>

	</body>
	</html>