Skip to content

Instantly share code, notes, and snippets.

@mpgilbertusa
Created March 11, 2014 03:44
Show Gist options
  • Select an option

  • Save mpgilbertusa/9479127 to your computer and use it in GitHub Desktop.

Select an option

Save mpgilbertusa/9479127 to your computer and use it in GitHub Desktop.
Responsive Starter Kit Pro - Code Sample - Basic Page Structure
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/layout-sidebar-left.css">
<link rel="stylesheet" href="assets/css/theme.css">
<!-- Additional items go here, such as meta tags, scripts, web fonts, and icons. -->
</head>
<body>
<div class="site-container">
<header role="banner" class="site-header">
<!-- Header content goes here, such as site branding and primary nav. -->
</header><!-- /.site-header -->
<div class="site-content">
<div class="page-content">
<!-- Page-specific content goes here, such as a breadcrumb trail. -->
<main role="main">
<h1>Page Title</h1>
<!-- Main content goes here. -->
</main>
<aside role="complementary" class="sidebar">
<!-- Sidebar content goes here. -->
</aside><!-- /.sidebar -->
</div><!-- /.page-content -->
</div><!-- /.site-content -->
<footer role="contentinfo" class="site-footer">
<!-- Footer content goes here. -->
</footer><!-- /.site-footer -->
</div><!-- /.site-container -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment