CARD首页增加专题入口及简要介绍，美化首页的icon，修复： westdc/westdc-zf1#12

application/default/views/scripts/index/index.phtml

@@ -46,12 +46,22 @@
   </div>
 <hr />
 <div class="span12">
-<h4><i class="icon-folder-open"></i>Data Collection</h4>
-<a class="btn btn-info" href="/water"><i class="icon-folder-open"></i>WATER</a>
-<a class="btn btn-info" href="/hiwater"><i class="icon-folder-open"></i>HiWATER</a>
+	<h4><i class="icon-folder-open"></i>Data Collections</h4>
+    <div class="span5 well well-small">
+    <h4>Watershed Allied Telemetry Experimental Research (WATER)</h4>
+	<img src="/images/WATER-256.png" class="img-circle pull-right" width=128/>
+    <p>WATER is an airborne, satellite- and ground-based integrated remote sensing experiment aiming to improve the observing ability of remote sensing technique, and understanding and predictability of hydrological and related ecological processes on catchment scale.</p>
+    <p><a class="btn btn-info" href="/water"><i class="icon-folder-open"></i>WATER</a></p>
+    </div>
+    <div class="span5 well well-small">
+    <h4>Heihe Watershed Allied Telemetry Experimental Research (HiWATER)</h4>
+	<img src="/images/hiwater-256.png" class="img-circle pull-right" width=128/>
+    <p>HiWATER is an eco-hydrological experiment designed from an interdisciplinary perspective to addresses problems including heterogeneity, scaling, uncertainty, and closing water cycle at the watershed scale. HiWATER was formally initialized in May 2012 and will last four years until 2015.</p>
+	<p><a class="btn btn-info" href="/hiwater"><i class="icon-folder-open"></i>HiWATER</a></p>
+    </div>
 </div>
 <div class="span12">
-	<h4><a href="/data/doi">Latest Datasets Published with DOI</a></h4>
+	<h4><a href="/data/doi"><i class="icon-bolt"></i>Latest Datasets Published with DOI</a></h4>
 	<ul class="unstyled">
 	<?php foreach($this->dois as $doi) :
 		echo '<li class="well well-small">['.date('Y-m-d',strtotime($doi->ts_published)).']<a href="/data/'.$doi->uuid.'">'.str_replace('"','',substr($doi->author_en,1,-1)).'. '.$doi->title_en.'. '.$doi->publisher_en.', '.(empty($doi->publish_year)?date('Y',strtotime($doi->ts_published)):date('Y',strtotime($doi->publish_year))).'. doi:'.$doi->doi.'</a></li>';
@@ -60,7 +70,7 @@
 	</ul>	
 </div>
 <div class="span12 row">
-  	<h4>Top 5 Downloaded Online Datasets</h4>
+  	<h4><i class="icon-sort-by-order"></i>Top 5 Downloaded Online Datasets</h4>
     <ul class="unstyled">
     	<?php foreach($this->mdtop as $i=>$md) : ?>
         <li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
@@ -68,7 +78,7 @@
         </li>
         <?php endforeach; ?>
     </ul>
-	<h4>Top 5 Applied Offline Datasets</h4>
+	<h4><i class="icon-sort-by-order"></i>Top 5 Applied Offline Datasets</h4>
     <ul class="unstyled">
     	<?php foreach($this->offlinemdtop as $i=>$md) : ?>
         <li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />