Updated index & header again.

_includes/header.html

@@ -26,7 +26,7 @@
 					<a href="{{ site.baseurl }}/index.html#" class="brand">Qasim</a>
 					<div class="nav-collapse collapse" style="height: 0px;">
 						<ul class="nav">
-							<li class="active"><a href="#about">About</a></li>
+							<li><a href="#about">About</a></li>
 							<li><a href="{{ site.baseurl }}/index.html#getting">Getting Qasim</a></li>
 							<li><a href="{{ site.baseurl }}/index.html#usage">Usage</a></li>
 							<li><a href="{{ site.baseurl }}/index.html#techinfo">Technical Info</a></li>

index.html

@@ -5,15 +5,28 @@ layout: nil
 {% include header.html %}
 
 <div class="hero-unit">
-	<h1>Qasim</h1>
-	<p>
-	Qasim (القاسم) is the quick SSHFS mapper. <br/>
+	<div class="row">
+		<div class="span5">
+		<h1>Qasim (القاسم)</h1>
+		<h2>The quick SSHFS mapper</h2>
+			<p style="margin-top: 2em; margin-bottom: 2em;">
 			It is a front-end to SSHFS, helping average users to access remote filesystems through <em>ssh</em>.
 			</p>
+		</div>
+		<div class="span5">
+			<p style="text-align: right;">
+				<img  style="max-width: 80%;" src="img/qasim-0.1beta-pic002.png" />
+			</p>
+		</div>
+	</div>
+	<div class="row">
+		<div class="span5">
 			<p>
 				<a class="btn btn-primary btn-large">Get Qasim &raquo;</a>
 				<a class="btn btn-large">Learn more &raquo;</a>
 			</p>
 		</div>
+	</div>
+</div>
 	
 {% include footer.html %}