Botania/web/index.php

<!DOCTYPE html>
<html>
	<title>Botania | vazkii.us</title>	
	<head>
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="page.css">
	</head>

	<body>
		<?php include 'incl/header.php'; ?>
		
		<div class="container">
		<div class="content">
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
			  <ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>
			  </ol>
				  <div class="carousel-inner">
					<div class="item active">
					  <img src="img/ss0.jpg" alt="First slide">
					  <div class="container">
						<div class="carousel-caption">
						  <h1>Beautifully Presented</h1>
						  <p>Decorate your worlds with colors. Botania generates a total of <b>sixteen</b> new flowers, all of these are used both for decoration and crafting. As a bonus, they have shiny particles and can be used for dying.</p>
						  <p><a class="btn btn-lg btn-success" href="./downloads.php" role="button">Download Now</a></p>
						</div>
					  </div>
					</div>
					<div class="item">
					  <img src="img/ss1.jpg" alt="Second slide">
					  <div class="container">
						<div class="carousel-caption">
						  <h1>Uniquely Powered</h1>
						  <p>With an original, aim and time based power system, Botania has a much different feel than your typical magic or tech mod. Controlling <b>Mana</b> and seeing it flow in real time can bring a new light to your base.</p>
						  <p><a class="btn btn-lg btn-success" href="./downloads.php" role="button">Download Now</a></p>
						</div>
					  </div>
					</div>
					<div class="item">
					  <img src="img/ss2.jpg" alt="Third slide">
					  <div class="container">
						<div class="carousel-caption">
						  <h1>Functionally Immersive</h1>
						  <p>By utilizing <b>no GUIs</b> in it's design, all of the functionality of Botania is based on in-world interaction, keeping it simple and immersive, while maintaining the ability to create automated systems.</p>
						  <p><a class="btn btn-lg btn-success" href="./downloads.php" role="button">Download Now</a></p>
						</div>
					  </div>
					</div>
					<div class="item">
					  <img src="img/ss3.jpg" alt="Fourth slide">
					  <div class="container">
						<div class="carousel-caption">
						  <h1>Thoroughly Documented</h1>
						  <p>The <b>Lexica Botania</b> is the compedium of knowledge of this mod, easilly craftable in-game via a book and a sapling gives you all the information you'd ever need to know about Botania.</p>
						  <p><a class="btn btn-lg btn-success" href="./downloads.php" role="button">Download Now</a></p>
						</div>
					  </div>
					</div>
				  </div>
				  <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
				  <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
				</div>
			</div>
			
		<div class="featurettes">
			<hr class="featurette-divider">

			<div class="row featurette">
				<div class="col-md-5">
					<img class="featurette-image img-responsive" src="img/feature0.jpg" alt="Generic placeholder image">
				</div>
				<div class="col-md-7">
					<h2 class="featurette-heading">Magic. <span class="text-muted">Naturally.</span></h2>
					<p class="lead">Botania is a magic tech mod based on nature. The main concept is to create magical flowers and devices utilizing the power of the earth, in the form of <i>Mana</i>.<br><br>
					
					The Mana system works through aiming Mana Spreaders into other blocks, because pipes or instantaneous connections are boring.<br><br>
					
					<b>Botania follows some design rules:</b><br>
					<span class="glyphicon glyphicon-ok"></span> No pipes, wires or equivalent, they are boring and overdone.<br>
					<span class="glyphicon glyphicon-ok"></span> Abstain from using GUIs in favour of in-world interaction.<br>
					<span class="glyphicon glyphicon-ok"></span> Refrain from showing numbers to the player. When you look at nature you don't see numbers.<br>
					<span class="glyphicon glyphicon-ok"></span> Provide pleasing visuals utilizing only two different particle effects.<br>
					<span class="glyphicon glyphicon-ok"></span> Utilize renewable resources where possible.<br><br>
					<a class="btn btn-lg btn-success" href="./downloads.php" role="button">Download Botania</a>
					</p>
				</div>
			</div>

			<hr class="featurette-divider">

			<div class="row featurette">
				<div class="col-md-7">
					<h2 class="featurette-heading">Not convinced yet? <span class="text-muted">Check out some videos.</span></h2>
					<p class="lead youtube"><iframe src="//www.youtube.com/embed/Id_gS5eoRmI" frameborder="0" allowfullscreen></iframe><iframe src="//www.youtube.com/embed/T-0ZVlLd1MY" frameborder="0" allowfullscreen></iframe><iframe src="//www.youtube.com/embed/mgxS7GRFYbY" frameborder="0" allowfullscreen></iframe></p>
					</div>
				</div>
			</div>
		</div>	
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
		<script src="jquery_cookie.min.js"></script>
		<script> $(function() { $('#header-btn-home').addClass('active'); }); </script>
		<?php include 'incl/footer.php'; ?>
	</body>
</html>