rhukster/Vagrant Landing Page

## Vagrant Landing Page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Vagrant Grav</title>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

	<style>
	/* Space out content a bit */
		body {
		  padding-top: 20px;
		  padding-bottom: 20px;
		}

		/* Everything but the jumbotron gets side spacing for mobile first views */
		.header,
		.marketing,
		.footer {
		  padding-right: 15px;
		  padding-left: 15px;
		}

		/* Custom page header */
		.header {
		  border-bottom: 1px solid #e5e5e5;
		}
		/* Make the masthead heading the same height as the navigation */
		.header h3 {
		  padding-bottom: 19px;
		  margin-top: 0;
		  margin-bottom: 0;
		  line-height: 40px;
		}

		/* Custom page footer */
		.footer {
		  padding-top: 19px;
		  color: #777;
		  border-top: 1px solid #e5e5e5;
		}

		/* Customize container */
		@media (min-width: 768px) {
		  .container {
		    max-width: 730px;
		  }
		}
		.container-narrow > hr {
		  margin: 30px 0;
		}

		/* Main marketing message and sign up button */
		.jumbotron {
		  text-align: center;
		  border-bottom: 1px solid #e5e5e5;
		}
		.jumbotron .btn {
		  padding: 14px 24px;
		  font-size: 21px;
		}

		/* Supporting marketing content */
		.marketing {
		  margin: 40px 0;
		}
		.marketing p + h4 {
		  margin-top: 28px;
		}

		/* Responsive: Portrait tablets and up */
		@media screen and (min-width: 768px) {
		  /* Remove the padding we set earlier */
		  .header,
		  .marketing,
		  .footer {
		    padding-right: 0;
		    padding-left: 0;
		  }
		  /* Space out the masthead */
		  .header {
		    margin-bottom: 30px;
		  }
		  /* Remove the bottom border on the jumbotron for visual effect */
		  .jumbotron {
		    border-bottom: 0;
		  }
		}


	</style>

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="header">
			<nav>
				<ul class="nav nav-pills pull-right">
					<li role="presentation"><a href="http://getgrav.org">Homepage</a></li>

					<li role="presentation"><a href="http://learn.getgrav.org">Documentation</a></li>
					<li role="presentation"><a href="http://getgrav.org/forum">Forum</a></li>
					<li role="presentation"><a href="https://gitter.im/getgrav/grav">Gitter</a></li>
				</ul>
			</nav>
			<h3 class="text-muted">Vagrant Grav</h3>
		</div>

		<div class="jumbotron">
			<h1>Grav Installs</h1>
			<p class="lead">Put simple links to your Grav installations here.  You can download other <b>skeleton</b> packages, just extract them into your <code>grav/</code> folder that sits in your Vagrant folder.</p>
			<p><a class="btn btn-lg btn-success" href="http://getgrav.org/downloads" role="button">Download Grav + Skeletons</a></p>
			<p>This file is <code>grav/index.html</code></p>
		</div>

		<div class="row marketing">

			<ul>
				<li>
					<h4><a href="core/">Grav Core</a></h4>
					<p>Basic Grav installation with a simple page</p>
				</li>
			</ul>

			<hr />

			<ul>
				<li>
					<h4><a href="blog/">Grav Blog Skeleton</a></h4>
					<p>Sample blog site that takes advantage of some useful Grav plugins</p>
				</li>
				<li>
					<h4><a href="onepage/">Grav OnePage Skeleton</a></h4>
					<p>Sample one-page site that uses modular content and on-page navigation</p>
				</li>
				<li>
					<h4><a href="shop/">Grav Shop Skeleton</a></h4>
					<p>Sample shopping site with a nested hierarchy of pages representing a catalog of products</p>
				</li>
			</ul>

			<hr />

			<ul>
				<li>
					<h4><a href="info.php">PHP Information</a></h4>
					<p>Simple page for <code>phpinfo()</code> output</p>
				</li>
			</ul>

		</div>

		<footer class="footer">
			<p><a href="http://getgrav.org">getgrav.org</a> - 2015</p>
		</footer>

	</div>

</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Vagrant Grav</title>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

	<style>
	/* Space out content a bit */
	body {
	padding-top: 20px;
	padding-bottom: 20px;
	}

	/* Everything but the jumbotron gets side spacing for mobile first views */
	.header,
	.marketing,
	.footer {
	padding-right: 15px;
	padding-left: 15px;
	}

	/* Custom page header */
	.header {
	border-bottom: 1px solid #e5e5e5;
	}
	/* Make the masthead heading the same height as the navigation */
	.header h3 {
	padding-bottom: 19px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 40px;
	}

	/* Custom page footer */
	.footer {
	padding-top: 19px;
	color: #777;
	border-top: 1px solid #e5e5e5;
	}

	/* Customize container */
	@media (min-width: 768px) {
	.container {
	max-width: 730px;
	}
	}
	.container-narrow > hr {
	margin: 30px 0;
	}

	/* Main marketing message and sign up button */
	.jumbotron {
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	}
	.jumbotron .btn {
	padding: 14px 24px;
	font-size: 21px;
	}

	/* Supporting marketing content */
	.marketing {
	margin: 40px 0;
	}
	.marketing p + h4 {
	margin-top: 28px;
	}

	/* Responsive: Portrait tablets and up */
	@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.header,
	.marketing,
	.footer {
	padding-right: 0;
	padding-left: 0;
	}
	/* Space out the masthead */
	.header {
	margin-bottom: 30px;
	}
	/* Remove the bottom border on the jumbotron for visual effect */
	.jumbotron {
	border-bottom: 0;
	}
	}


	</style>

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
	</head>
	<body>
	<div class="container">
	<div class="header">
	<nav>
	<ul class="nav nav-pills pull-right">
	<li role="presentation"><a href="http://getgrav.org">Homepage</a></li>

	<li role="presentation"><a href="http://learn.getgrav.org">Documentation</a></li>
	<li role="presentation"><a href="http://getgrav.org/forum">Forum</a></li>
	<li role="presentation"><a href="https://gitter.im/getgrav/grav">Gitter</a></li>
	</ul>
	</nav>
	<h3 class="text-muted">Vagrant Grav</h3>
	</div>

	<div class="jumbotron">
	<h1>Grav Installs</h1>
	<p class="lead">Put simple links to your Grav installations here. You can download other <b>skeleton</b> packages, just extract them into your <code>grav/</code> folder that sits in your Vagrant folder.</p>
	<p><a class="btn btn-lg btn-success" href="http://getgrav.org/downloads" role="button">Download Grav + Skeletons</a></p>
	<p>This file is <code>grav/index.html</code></p>
	</div>

	<div class="row marketing">

	<ul>
	<li>
	<h4><a href="core/">Grav Core</a></h4>
	<p>Basic Grav installation with a simple page</p>
	</li>
	</ul>

	<hr />

	<ul>
	<li>
	<h4><a href="blog/">Grav Blog Skeleton</a></h4>
	<p>Sample blog site that takes advantage of some useful Grav plugins</p>
	</li>
	<li>
	<h4><a href="onepage/">Grav OnePage Skeleton</a></h4>
	<p>Sample one-page site that uses modular content and on-page navigation</p>
	</li>
	<li>
	<h4><a href="shop/">Grav Shop Skeleton</a></h4>
	<p>Sample shopping site with a nested hierarchy of pages representing a catalog of products</p>
	</li>
	</ul>

	<hr />

	<ul>
	<li>
	<h4><a href="info.php">PHP Information</a></h4>
	<p>Simple page for <code>phpinfo()</code> output</p>
	</li>
	</ul>

	</div>

	<footer class="footer">
	<p><a href="http://getgrav.org">getgrav.org</a> - 2015</p>
	</footer>

	</div>

	</body>
	</html>