H5C3.gs

HTML5 CSS3 responsive grid framework.

by Daniel Burkhart

HTML

<link rel="stylesheet" href="https://raw.githubusercontent.com/djburkhart/H5C3.gs/master/css/H5C3.gs.css">
<script src="https://raw.githubusercontent.com/djburkhart/H5C3.gs/master/js/H5C3.js"></script>
<div id="msg">
  <h1>
  Error
  </h1>
  <p>
  Your browser does not support CSS grids
  </p>
</div>
<section role="region" aria-label="four-column-grid">
  <header role="banner">
    <h1>
    H5C3.gs Example Layout
    </h1>
  </header>
  <nav role="navigation">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#">Blog</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
  </nav>
  <main role="main" aria-label="three-column-subgrid">
    <section role="region" aria-label="page-info">
      <article>
        <h1>
        placeholder
        </h1>
        <p>
        placeholder
        </p>
      </article>
      <aside role="complementary">
        <p>
        placeholder
        </p>
      </aside>
    </section>
  </main>
  <footer role="contentinfo">
    <article>
      <p>
      &copy; Daniel Burkhart. All rights reserved.
      </p>
    </article>
  </footer>
</section>

<script src="https://raw.githubusercontent.com/djburkhart/H5C3.gs/master/js/H5C3.js"></script>

CSS

@import "https://raw.githubusercontent.com/djburkhart/H5C3.gs/master/css/H5C3.gs.css";