Skip to content

Instantly share code, notes, and snippets.

@vedranjaic

vedranjaic/index.html

Created August 1, 2013 21:19
Show Gist options
  • Save vedranjaic/6135441 to your computer and use it in GitHub Desktop.
Save vedranjaic/6135441 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 3 Starter Kit
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Bootstrap 101 Template</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!-- Optionally enable responsive features in IE8 -->
<script src="js/respond.js"></script>
</body>
</html>
Raw
style.css
/* COLORS
-------------------------------------------------- */
/* TYPOGRAPHY
-------------------------------------------------- */
/* DEFAULTS
-------------------------------------------------- */
/* HEADER
-------------------------------------------------- */
/* PAGES
-------------------------------------------------- */
/* FOOTER
-------------------------------------------------- */
/* Custom button
-------------------------------------------------- */
/* Override base .btn styles */
/* Apply text and background changes to three key states: default, hover, and active (click). */
.btn-ttc,
.btn-ttc:hover,
.btn-ttc:active {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #007da7;
}
/* Apply the custom-colored gradients */
/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
.btn-ttc {
background-repeat: repeat-x;
background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);
}
/* Set the hover state */
/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */
.btn-ttc:hover {
background-position: 0 -15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment