Skip to content

Instantly share code, notes, and snippets.

@bizzthemes
Created January 11, 2014 18:27
Show Gist options
  • Save bizzthemes/8374736 to your computer and use it in GitHub Desktop.
Save bizzthemes/8374736 to your computer and use it in GitHub Desktop.
HTML5 structure overview of Bizznis
<!DOCTYPE html>
<html lang="en-US">
<!-- DOCUMENT HEAD -->
<head>
<title></title>
<meta />
<link />
<!-- HEADER SCRIPTS -->
<script></script>
</head>
<!-- DOCUMENT BODY -->
<body class="single" itemscope="itemscope" itemtype="http://schema.org/WebPage">
<!-- SITE CONTAINER -->
<div class="site-container">
<!-- SITE HEADER -->
<header class="site-header" role="banner" itemscope="itemscope" itemtype="http://schema.org/WPHeader">
<!-- PRIMARY NAVIGATION -->
<nav class="nav-bizznis nav-primary" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<div class="wrap">
<!-- RESPONSIVE MENU TOGGLE -->
<input type="checkbox" id="nav-bizznis-toggle">
<label for="nav-bizznis-toggle" class="nav-bizznis-toggle" data-open="Menu" data-close="Close Menu"></label>
<ul class="menu-bizznis menu-primary"></ul>
</div>
</nav>
<!-- HEADER CONTENT -->
<div class="header-content">
<div class="wrap">
<!-- TITLE AREA -->
<div class="title-area">
<p class="site-title" itemprop="headline"><a href="http://demo.bizzthemes.com/bizznis/"></a></p>
<p class="site-description" itemprop="description"></p>
</div>
<!-- WIDGET AREA -->
<aside class="header-aside-area widget-area">
<section class="widget"></section>
</aside>
</div>
</div>
<!-- SECONDARY NAVIGATION -->
<nav class="nav-bizznis nav-secondary" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<div class="wrap">
<ul class="menu-bizznis menu-secondary"></ul>
</div>
</nav>
</header>
<!-- SITE MAIN AREA -->
<div class="site-main">
<div class="wrap">
<!-- SITE AREA INCLUDING PRIMARY SIDEBAR -->
<div class="content-sidebar-wrap">
<!-- MAIN CONTENT -->
<main class="content" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
<!-- BREADCRUMB TRAIL -->
<nav class="breadcrumb" itemprop="breadcrumb"></nav>
<!-- POST ENTRY -->
<article class="entry" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
<!-- ENTRY HEADER -->
<header class="entry-header">
<h1 class="entry-title" itemprop="headline"></h1>
<p class="entry-meta"></p>
</header>
<!-- ENTRY CONTENT -->
<div class="entry-content" itemprop="text">
<p></p>
<!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
<rdf:Description rdf:about="http://demo.bizzthemes.com/bizznis/threaded-comments/"
dc:identifier="http://demo.bizzthemes.com/bizznis/threaded-comments/"
dc:title="Sample Post With Threaded Comments"
trackback:ping="http://demo.bizzthemes.com/bizznis/threaded-comments/trackback/" />
</rdf:RDF>-->
</div>
<!-- ENTRY FOOTER -->
<footer class="entry-footer">
<p class="entry-meta"></p>
</footer>
</article>
<!-- ENTRY COMMENTS -->
<div class="entry-comments" id="comments"></div>
<div id="respond" class="comment-respond"></div>
</main>
<!-- PRIMARY SIDEBAR -->
<aside class="sidebar sidebar-primary widget-area" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
<section class="widget"></section>
</aside>
</div>
<!-- SECONDARY SIDEBAR -->
<aside class="sidebar sidebar-secondary widget-area" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
<section class="widget"></section>
</aside>
</div>
</div>
<!-- SITE FOOTER -->
<footer class="site-footer" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter">
<!-- FOOTER WIDGETS -->
<div class="footer-widgets">
<div class="wrap">
<div class="footer-widgets-1 widget-area">
<section class="widget"></section>
</div>
<div class="footer-widgets-2 widget-area">
<section class="widget"></section>
</div>
<div class="footer-widgets-3 widget-area">
<section class="widget"></section>
</div>
<div class="footer-widgets-4 widget-area">
<section class="widget"></section>
</div>
</div>
</div>
<!-- FOOTER CREDITS -->
<div class="footer-creds">
<div class="wrap">
<p></p>
</div>
</div>
</footer>
</div>
<!-- FOOTER SCRIPTS -->
<script></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment