Skip to content

Instantly share code, notes, and snippets.

@khannotations

khannotations/template.html

Created November 14, 2012 01:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save khannotations/4069755 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save khannotations/4069755 to your computer and use it in GitHub Desktop.
Download ZIP
Standard html template (for HackYale, 2012)
Raw
template.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>My Title</title>
<!-- Favicon icon -->
<link rel="shortcut icon" type="image/x-icon" href="./images/zebracon.jpg">
<!-- Including Twitter Bootstrap for easier styling.
Check http://twitter.github.com/bootstrap/index.html for lots more info.
Bootstrap includes a CSS reset; if you choose not to include, then make sure to add your own.
This code is hosted on http://www.bootstrapcdn.com/ a really helpful website!-->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<!-- Your personal styles and scripts -->
<link rel="stylesheet" href="./style.css" />
<script type="text/javascript" src="./main.js"></script>
</head>
<body>
<style>
// This should all be in your CSS file, but I'm just showing it here
// If you use Twitter bootstrap, this will be done for you!
#navbar {
height: 50px; // or whatever
width: 100%;
}
.container {
width: 960px; // Standard
margin: 0 auto; // Centers on page
}
</style>
<div id="navbar>
<div class="container">
<!-- Your navbar content -->
</div>
</div>
<div id="content>
<div class="container">
<!-- All your other content -->
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment