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>
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		  <div class="container">
			<div class="navbar-header">
			  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </button>
			  <a class="navbar-brand" href="#">
				<img src="img/logo.png" class="shaded"/>
			  </a>
			</div>
			<div class="collapse navbar-collapse">
			  <ul class="nav navbar-nav">
				<li class="active"><a href="./index.php">Home</a></li>
				<li><a href="./downloads.php">Downloads</a></li>
				<li><a href="./changelog.php">Changelog</a></li>
			  </ul>
			</div>
		  </div>
		</div>
		
		<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 also look great under snow!</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/R_guPNeorHM" frameborder="0" allowfullscreen></iframe><iframe src="//www.youtube.com/embed/ZvObm2pZ2XY" frameborder="0" allowfullscreen></iframe><iframe src="//www.youtube.com/embed/mgxS7GRFYbY" frameborder="0" allowfullscreen></iframe></p>
					</div>
				</div>
			</div>
		</div>	
		
		<div id="footer">
			<a href="https://twitter.com/Vazkii"><img class="padded" src="img/twitter.png" title="@Vazkii on Twitter"></img>
			<a href="http://www.patreon.com/Vazkii"><img class="padded" src="img/patreon.png" title="Support me on Patreon"></img>
			<a href="https://github.com/Vazkii/Botania"><img class="padded" src="img/github.png" title="Botania is Open Source and available on Github!"></img>
			<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_GB"><img class="padded" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" title="Botania is licensed under a CC 3.0 BY-NC-SA license"></img></a>
			<a href="http://www.minecraftforum.net/topic/2440071-"><img class="padded" src="img/mcf.png" title="Discuss Botania on the MinecraftForums thread"></img>
			<a href="http://forum.feed-the-beast.com/threads/.41662"><img class="padded" src="img/ftb.png" title="Discuss Botania on the FeedTheBeast thread"></img>
			<a href="http://webchat.esper.net/?channels=vazkii"><img class="padded" src="img/irc.png" title="Discuss Botania on IRC (#vazkii on EsperNet)"></img>
		</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>
	</body>
</html>