Added rss and email list

1 files changed, 30 insertions, 9 deletions

diff --git a/index.html b/index.html
index 241e5d5f..4144d49b 100644
--- a/index.html
+++ b/index.html
@@ -35,15 +35,15 @@
 		  width: 170px !important;
 	  }
 	  
-	  #about {
-		  margin-top: 60px;
+	  .about {
+		  margin-top: 50px;
 	  }
 	  
-	  #about h3 {
+	  .about h3 {
 		  margin: 0 0 5px 35px;
 	  }
 	  
-	  #about img {
+	  .about img {
 		  float: left;
 		  opacity: 0.8;
 	  }
@@ -125,6 +125,9 @@
     </div>
 
     <div class="container">
+		<div class="alert alert-info">
+			16 Feb: Follow the <strong><a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a></strong> or the <strong><a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a></strong> to get alerted when new swatches are released.
+		</div>
 
 		<div class="alert alert-success"><a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">14 Feb: Check out a blog post that discusses Bootswatch in more detail.</a></div>
 
@@ -148,7 +151,7 @@
       </div>
 
       <!-- Example row of columns -->
-      <div id="about" class="row">
+      <div class="row about">
         <div class="span4">
           <img src="img/glyphicons_036_file.png">
 		  <h3>Easy to Install</h3>
@@ -160,9 +163,28 @@
           <p>We've all been there with the black bar and blue buttons. See how a splash of color and typography can transform the feel of your site.</p>
         </div>
         <div class="span4">
-          <img src="img/glyphicons_025_binoculars.png">
-		  <h3>Modular</h3>
-          <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
+          <img src="img/glyphicons_050_link.png">
+		  <h3>Tested for 2.0</h3>
+          <p>Swatches are built and tested for compatibility with the latest version of Bootstrap.</p>
+       </div>
+      </div>
+	  
+      <div class="row about">
+        <div class="span4">
+		  <img src="img/glyphicons_341_github.png">
+          <h3>Open Source</h3>
+          <p>Licensed under Apache 2.0 and maintained by the community via <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
+        </div>
+         <div class="span4">
+           <img src="img/glyphicons_025_binoculars.png">
+  	  <h3>Modular</h3>
+           <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
+         </div>
+		
+        <div class="span4">
+          <img src="img/glyphicons_032_wifi_alt.png">
+		  <h3>Stay Updated</h3>
+          <p>Get alerted when new swatches are released by subscribing to the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> or the <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a>.</p>
         </div>
       </div>
 	  
@@ -379,7 +401,6 @@
 
       <footer>
 		<p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Tested with Bootstrap 2.0.0.<br />
 		Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Submissions and feedback welcome at <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.<br/>
 		Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
 		Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>