mindaslab/links_and_buttons.html

## links_and_buttons.html
<!DOCTYPE html>
<html lang="en">
<head>
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
	<style type="text/css">
		body{
			padding: 5%;
		}
	</style>
</head>
<body>

	<br />
	<br />

	<h1>these are links</h1>
	<a href="#" class="btn">This is a link</a>
	<a href="#" class="btn btn-primary">This is in blue</a>
	<a href="#" class="btn btn-warning">This is in yellow</a>
	<a href="#" class="btn btn-danger">This is in red</a>
	<a href="#" class="btn btn-primary btn-mini">This is in mini blue</a>
	<a href="#" class="btn btn-primary btn-small">This is in small blue</a>
	<a href="#" class="btn btn-primary btn-large">This is in large blue</a>
	<a href="#" class="btn btn-info">This is info color?</a>
	<a href="#" class="btn btn-success">This is in green</a>
	<a href="#" class="btn btn-inverse">This is black!</a>

	<br />
	<br />
	<br />
	<br />

	<h1>these are buttons</h1>
	<button href="#" class="btn">This is a link</button>
	<button href="#" class="btn btn-primary">This is in blue</button>
	<button href="#" class="btn btn-warning">This is in yellow</button>
	<button href="#" class="btn btn-danger">This is in red</button>
	<button href="#" class="btn btn-primary btn-mini">This is in mini blue</button>
	<button href="#" class="btn btn-primary btn-small">This is in small blue</button>
	<button href="#" class="btn btn-primary btn-large">This is in large blue</button>
	<button href="#" class="btn btn-info">This is info color?</button>
	<button href="#" class="btn btn-success">This is in green</button>
	<button href="#" class="btn btn-inverse">This is black!</button>
</body>
</html>

## skeleton.html
<!DOCTYPE html>
<html lang="en">
<head>
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
</head>
<body>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
	<style type="text/css">
	body{
	padding: 5%;
	}
	</style>
	</head>
	<body>

	<br />
	<br />

	<h1>these are links</h1>
	<a href="#" class="btn">This is a link</a>
	<a href="#" class="btn btn-primary">This is in blue</a>
	<a href="#" class="btn btn-warning">This is in yellow</a>
	<a href="#" class="btn btn-danger">This is in red</a>
	<a href="#" class="btn btn-primary btn-mini">This is in mini blue</a>
	<a href="#" class="btn btn-primary btn-small">This is in small blue</a>
	<a href="#" class="btn btn-primary btn-large">This is in large blue</a>
	<a href="#" class="btn btn-info">This is info color?</a>
	<a href="#" class="btn btn-success">This is in green</a>
	<a href="#" class="btn btn-inverse">This is black!</a>

	<br />
	<br />
	<br />
	<br />

	<h1>these are buttons</h1>
	<button href="#" class="btn">This is a link</button>
	<button href="#" class="btn btn-primary">This is in blue</button>
	<button href="#" class="btn btn-warning">This is in yellow</button>
	<button href="#" class="btn btn-danger">This is in red</button>
	<button href="#" class="btn btn-primary btn-mini">This is in mini blue</button>
	<button href="#" class="btn btn-primary btn-small">This is in small blue</button>
	<button href="#" class="btn btn-primary btn-large">This is in large blue</button>
	<button href="#" class="btn btn-info">This is info color?</button>
	<button href="#" class="btn btn-success">This is in green</button>
	<button href="#" class="btn btn-inverse">This is black!</button>
	</body>
	</html>