vedranjaic/index.html

## 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>

## 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;
}
	<!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>
	/* 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;
	}