You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bu...@apache.org on 2013/01/08 04:46:05 UTC

svn commit: r845426 - in /websites/staging/flex/trunk: cgi-bin/ content/ content/v2/about-people.html content/v2/index.html

Author: buildbot
Date: Tue Jan  8 03:46:05 2013
New Revision: 845426

Log:
Staging update by buildbot for flex

Modified:
    websites/staging/flex/trunk/cgi-bin/   (props changed)
    websites/staging/flex/trunk/content/   (props changed)
    websites/staging/flex/trunk/content/v2/about-people.html
    websites/staging/flex/trunk/content/v2/index.html

Propchange: websites/staging/flex/trunk/cgi-bin/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Tue Jan  8 03:46:05 2013
@@ -1 +1 @@
-1430128
+1430131

Propchange: websites/staging/flex/trunk/content/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Tue Jan  8 03:46:05 2013
@@ -1 +1 @@
-1430128
+1430131

Modified: websites/staging/flex/trunk/content/v2/about-people.html
==============================================================================
--- websites/staging/flex/trunk/content/v2/about-people.html (original)
+++ websites/staging/flex/trunk/content/v2/about-people.html Tue Jan  8 03:46:05 2013
@@ -153,19 +153,19 @@
 <!-- Standard Structure -->
 
 <div class="span8">
-    <div class="headline"><h4>The Apache Team</h4></div>
-    <p>Apache Flex is updated and maintained by a large group of individuals.  Find them on the mailing lists and elsewhere talking about Flex.  If you are looking for support, please contact us on the mailing lists or open a ticket in our bug tracking system (JIRA).
+<div class="headline"><h4>The Apache Team</h4></div>
+<p>Apache Flex is updated and maintained by a large group of individuals.  Find them on the mailing lists and elsewhere talking about Flex.  If you are looking for support, please contact us on the mailing lists or open a ticket in our bug tracking system (JIRA).
 </div>
 
 <div class="span4">
-    <div class="headline "><h4>Contribute to Apache Flex!</h4></div>
+<div class="headline "><h4>Contribute to Apache Flex!</h4></div>
 
-    <!-- Large Notice -->
-    <div class="well">
-        <h2>We need you!</h2>
-        <p>Apache Flex is a project run by professionals and volunteers alike.  If you would like to help the project including contibuting code, documentation, training or marketing, we are always looking for help.</p>
-        <button type="button" class="btn btn-inverse">Find out more</button>
-    </div>
+<!-- Large Notice -->
+<div class="well">
+<h2>We need you!</h2>
+<p>Apache Flex is a project run by professionals and volunteers alike.  If you would like to help the project including contibuting code, documentation, training or marketing, we are always looking for help.</p>
+<button type="button" class="btn btn-inverse">Find out more</button>
+</div>
 
 </div>
 
@@ -173,228 +173,235 @@
 
 <p></div>
 <div class="row-fluid">
-    <div class="headline marginbottom"><h4>Our Mentors</h4></div>
+<div class="headline marginbottom"><h4>Our Mentors</h4></div>
 </div>
 <div class="row-fluid">
-    <!-- About -->
-    <div class="span3">
-        <img src="images/staff-1.jpg" alt="" class="img-circle"/>
-        <div class="staff"><h5>Alex Harui</h5> <span>PMC Chair of Apache Flex</span><span><i class="icon-tag"></i> aharui</span></div>
-        <div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
-<div class="codehilite"><pre>    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;clear&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-2.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span> <span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Anne Kathrine Petteroe<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;</span>Project Mentor<span class="nt">&lt;/span&gt;&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> akpetteroe<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;forrst&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Forrst<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;dribbble&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Dribbble<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-3.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Bertrand Delacretaz<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;</span>Project Mentor<span class="nt">&lt;/span&gt;&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> bdelacretaz<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;blogger&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Blogger<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;pintrest&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Pintrest<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-1.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Dave Fisher <span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;</span>Project Mentor<span class="nt">&lt;/span&gt;&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> wave<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
+<!-- About -->
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Alex Harui</h5> <span>PMC Chair of Apache Flex</span><span><i class="icon-tag"></i> aharui</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
+<!-- Social Icons -->
+
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<div class="clear"></div>
+<img src="images/staff-2.jpg" alt="" class="img-circle" />
+<div class="staff"><h5>Anne Kathrine Petteroe</h5> <span>Project Mentor</span><span><i class="icon-tag"></i> akpetteroe</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="forrst"><a href="#">Forrst</a></li>
+<li class="dribbble"><a href="#">Dribbble</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<img src="images/staff-3.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Bertrand Delacretaz</h5> <span>Project Mentor</span><span><i class="icon-tag"></i> bdelacretaz</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="blogger"><a href="#">Blogger</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+<li class="pintrest"><a href="#">Pintrest</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Dave Fisher </h5> <span>Project Mentor</span><span><i class="icon-tag"></i> wave</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
 
+</div>
 
 <p></div>
 <div class="row-fluid margintop">
-    <!-- About -->
-    <div class="span3">
-        <img src="images/staff-3.jpg" alt="" class="img-circle"/>
-        <div class="staff"><h5>Greg Reddin </h5> <span>Project Mentor</span><span><i class="icon-tag"></i> greddin</span></div>
-        <div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
-<div class="codehilite"><pre>    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<!-- About -->
+<div class="span3">
+<img src="images/staff-3.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Greg Reddin </h5> <span>Project Mentor</span><span><i class="icon-tag"></i> greddin</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
+<!-- Social Icons -->
+
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
 
+</div>
 
 <p></div>
 <!-- 960 Container End --></p>
 <div class="row-fluid">
-    <div class="headline marginbottom"><h4>Apache Flex Contributors</h4></div>
+<div class="headline marginbottom"><h4>Apache Flex Contributors</h4></div>
 </div>
 
 <div class="row-fluid">
-    <!-- About -->
-    <div class="span3">
-        <img src="images/staff-1.jpg" alt="" class="img-circle"/>
-        <div class="staff"><h5>Carlos Rovira</h5> <span><i class="icon-tag"></i> carlosrovira</span></div>
-        <div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
-
-        <!-- Social Icons -->
-        <ul class="social-icons ">
-            <li class="facebook"><a href="#">Facebook</a></li>
-            <li class="linkedin"><a href="#">LinkedIn</a></li>
-            <li class="googleplus"><a href="#">Google Plus</a></li>
-        </ul>
-
-    </div>
-
-<div class="codehilite"><pre><span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;clear&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-2.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span> <span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Carol Frampton<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> cframpton<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;forrst&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Forrst<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;dribbble&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Dribbble<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-3.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Chema Balsas<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> jbalsas<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;blogger&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Blogger<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;pintrest&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Pintrest<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-1.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Christophe Herreman<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> cherreman<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
+<!-- About -->
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Carlos Rovira</h5> <span><i class="icon-tag"></i> carlosrovira</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<div class="clear"></div>
+<img src="images/staff-2.jpg" alt="" class="img-circle" />
+<div class="staff"><h5>Carol Frampton</h5> <span><i class="icon-tag"></i> cframpton</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="forrst"><a href="#">Forrst</a></li>
+<li class="dribbble"><a href="#">Dribbble</a></li>
+</ul>
+
+</div>
 
+<!-- About -->
+
+<div class="span3">
+<img src="images/staff-3.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Chema Balsas</h5> <span><i class="icon-tag"></i> jbalsas</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="blogger"><a href="#">Blogger</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+<li class="pintrest"><a href="#">Pintrest</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Christophe Herreman</h5> <span><i class="icon-tag"></i> cherreman</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
+
+</div>
 
 <p></div>
 <div class="row-fluid margintop">
-    <!-- About -->
-    <div class="span3">
-        <img src="images/staff-1.jpg" alt="" class="img-circle"/>
-        <div class="staff"><h5>Chuck Mastrandrea</h5> <span><i class="icon-tag"></i> cmastrandrea</span></div>
-        <div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
-<div class="codehilite"><pre>    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;clear&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-3.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span> <span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Douglas Arthur<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> dougarthur<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;forrst&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Forrst<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;dribbble&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Dribbble<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-3.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Erik de Bruin<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> erikdebruin<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;blogger&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Blogger<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;pintrest&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Pintrest<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-<span class="c">&lt;!-- About --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/staff-1.jpg&quot;</span> <span class="na">alt=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;img-circle&quot;</span><span class="nt">/&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;staff&quot;</span><span class="nt">&gt;&lt;h5&gt;</span>Espen Skogen<span class="nt">&lt;/h5&gt;</span> <span class="nt">&lt;span&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> espenskogen<span class="nt">&lt;/span&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;team-about&quot;</span><span class="nt">&gt;&lt;p&gt;</span>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.<span class="nt">&lt;/p&gt;&lt;/div&gt;</span>
-
-    <span class="c">&lt;!-- Social Icons --&gt;</span>
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;social-icons &quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;facebook&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Facebook<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;linkedin&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>LinkedIn<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;googleplus&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Google Plus<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;/ul&gt;</span>
+<!-- About -->
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Chuck Mastrandrea</h5> <span><i class="icon-tag"></i> cmastrandrea</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div></p>
+<!-- Social Icons -->
+
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<div class="span3">
+<div class="clear"></div>
+<img src="images/staff-3.jpg" alt="" class="img-circle" />
+<div class="staff"><h5>Douglas Arthur</h5> <span><i class="icon-tag"></i> dougarthur</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="forrst"><a href="#">Forrst</a></li>
+<li class="dribbble"><a href="#">Dribbble</a></li>
+</ul>
 
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<img src="images/staff-3.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Erik de Bruin</h5> <span><i class="icon-tag"></i> erikdebruin</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="blogger"><a href="#">Blogger</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+<li class="pintrest"><a href="#">Pintrest</a></li>
+</ul>
+
+</div>
+
+<!-- About -->
+
+<div class="span3">
+<img src="images/staff-1.jpg" alt="" class="img-circle"/>
+<div class="staff"><h5>Espen Skogen</h5> <span><i class="icon-tag"></i> espenskogen</span></div>
+<div class="team-about"><p>Consectetur dolor ipsum quiam dolor adipisci velit, aenean at lorem vel est posuere feugiat sed quia noneas numquasa mode tempora incidunt ipsum.</p></div>
+
+<!-- Social Icons -->
+<ul class="social-icons ">
+<li class="facebook"><a href="#">Facebook</a></li>
+<li class="linkedin"><a href="#">LinkedIn</a></li>
+<li class="googleplus"><a href="#">Google Plus</a></li>
+</ul>
+
+</div>
 
 </div>
 

Modified: websites/staging/flex/trunk/content/v2/index.html
==============================================================================
--- websites/staging/flex/trunk/content/v2/index.html (original)
+++ websites/staging/flex/trunk/content/v2/index.html Tue Jan  8 03:46:05 2013
@@ -176,46 +176,45 @@
 
 <div class="row-fluid">
 
-    <div class="span3">
-        <div class="featuresbox">
-            <div class="feature-image"><img src="images/support-icon.png"></div>
-            <h4>Licensing</h4>
-            <p>Apache Flex is completely open-source.  Apache Flex is an Apache project, and is released under the Apache License, version 2.0, so you know it is compatible with your business needs.  Plus, it is backed by the Apache Community for updates, support and help.</p>
-            <button type="button" class="btn">Read More</button>
-        </div>
+<div class="span3">
+<div class="featuresbox">
+<div class="feature-image"><img src="images/support-icon.png"></div>
+<h4>Licensing</h4>
+<p>Apache Flex is completely open-source.  Apache Flex is an Apache project, and is released under the Apache License, version 2.0, so you know it is compatible with your business needs.  Plus, it is backed by the Apache Community for updates, support and help.</p>
+<button type="button" class="btn">Read More</button>
+</div>
 
-    </div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="feature-image"><img src="images/desktop-sm.png"></div>
+<h4>Desktop Applications</h4>
+<p>Build applications that target all browsers by leveraging the Adobe Flash Player, JavaScript, or make desktop application by leveraging the Adobe Integrated Runtime (Adobe AIR)</p>
+<button type="button" class="btn">Read More</button>
+</div>
 
-<div class="codehilite"><pre><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;featuresbox&quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;feature-image&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/desktop-sm.png&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-        <span class="nt">&lt;h4&gt;</span>Desktop Applications<span class="nt">&lt;/h4&gt;</span>
-        <span class="nt">&lt;p&gt;</span>Build applications that target all browsers by leveraging the Adobe Flash Player, JavaScript, or make desktop application by leveraging the Adobe Integrated Runtime (Adobe AIR)<span class="nt">&lt;/p&gt;</span>
-        <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/button&gt;</span>
-    <span class="nt">&lt;/div&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;featuresbox&quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;feature-image&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/mobile-sm.png&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-        <span class="nt">&lt;h4&gt;</span>Mobile Applications<span class="nt">&lt;/h4&gt;</span>
-        <span class="nt">&lt;p&gt;</span>Create powerful, cross-platform mobile applications in an easy-to-use and easy-to-learn language.  Create applications that target Apple iPods, iPhones, iPads, Android based smartphones and tablets, and  Blackberry Playbook devices.<span class="nt">&lt;/p&gt;</span>
-        <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/button&gt;</span>
-    <span class="nt">&lt;/div&gt;</span>
-
-<span class="nt">&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span3&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;featuresbox&quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;feature-image&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/tools-icon.png&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
-        <span class="nt">&lt;h4&gt;</span>Tooling<span class="nt">&lt;/h4&gt;</span>
-        <span class="nt">&lt;p&gt;</span>Utilize the tools you are already familar with.  Apache Flex utilizes MXML for layout and AS3 (an ECMAScript based language like JavaScript) for coding. Use the Eclipse-based IDEs like Flash Builder or FDT, or use IntelliJ or any text editor to make your applications.<span class="nt">&lt;/p&gt;</span>
-        <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">&quot;button&quot;</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/button&gt;</span>
-    <span class="nt">&lt;/div&gt;</span>
+</div>
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<div class="span3">
+<div class="featuresbox">
+<div class="feature-image"><img src="images/mobile-sm.png"></div>
+<h4>Mobile Applications</h4>
+<p>Create powerful, cross-platform mobile applications in an easy-to-use and easy-to-learn language.  Create applications that target Apple iPods, iPhones, iPads, Android based smartphones and tablets, and  Blackberry Playbook devices.</p>
+<button type="button" class="btn">Read More</button>
+</div>
 
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="feature-image"><img src="images/tools-icon.png"></div>
+<h4>Tooling</h4>
+<p>Utilize the tools you are already familar with.  Apache Flex utilizes MXML for layout and AS3 (an ECMAScript based language like JavaScript) for coding. Use the Eclipse-based IDEs like Flash Builder or FDT, or use IntelliJ or any text editor to make your applications.</p>
+<button type="button" class="btn">Read More</button>
+</div>
+
+</div>
 
 </div>
 
@@ -225,105 +224,101 @@
 
 <div class="row-fluid">
 
-    <div class="span8">
+<div class="span8">
+
+<div class="headline marginbottom"><h4>Learn Flex:</h4></div>
+<div class="row-fluid">
+<!-- Project -->
+<div class="span3">
+    <div class="picture"><a href="single_project.html"><img src="images/portfolio/p1.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
+    <div class="item-description">
+        <h5><a href="#">Resource 1</a></h5>
+        <p>Mauris sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
+    </div>
+</div>
+
+<!-- Project -->
+<div class="span3">
+    <div class="picture"><a href="images/portfolio/p2-large.jpg" rel="image" title=""><img src="images/portfolio/p2.jpg" alt=""/><div class="image-overlay-zoom"></div></a></div>
+    <div class="item-description">
+        <h5><a href="#">Resource 2</a></h5>
+        <p>Amet sit lorem ligula est, eget conseact etur lectus hendrerit suscipit maecenas.</p>
+    </div>
+</div>
+
+<!-- Project -->
+<div class="span3">
+    <div class="picture"><a href="single_project.html"><img src="images/portfolio/p3.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
+    <div class="item-description">
+        <h5><a href="#">Resource 3</a></h5>
+        <p>Lorem sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
+    </div>
+</div>
 
-        <div class="headline marginbottom"><h4>Learn Flex:</h4></div>
-        <div class="row-fluid">
-            <!-- Project -->
-            <div class="span3">
-                <div class="picture"><a href="single_project.html"><img src="images/portfolio/p1.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
-                <div class="item-description">
-                    <h5><a href="#">Resource 1</a></h5>
-                    <p>Mauris sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
-                </div>
-            </div>
-
-            <!-- Project -->
-            <div class="span3">
-                <div class="picture"><a href="images/portfolio/p2-large.jpg" rel="image" title=""><img src="images/portfolio/p2.jpg" alt=""/><div class="image-overlay-zoom"></div></a></div>
-                <div class="item-description">
-                    <h5><a href="#">Resource 2</a></h5>
-                    <p>Amet sit lorem ligula est, eget conseact etur lectus hendrerit suscipit maecenas.</p>
-                </div>
-            </div>
-
-            <!-- Project -->
-            <div class="span3">
-                <div class="picture"><a href="single_project.html"><img src="images/portfolio/p3.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
-                <div class="item-description">
-                    <h5><a href="#">Resource 3</a></h5>
-                    <p>Lorem sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
-                </div>
-            </div>
-
-            <div class="span3">
-                <div class="picture"><a href="single_project.html"><img src="images/portfolio/p4.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
-                <div class="item-description">
-                    <h5><a href="#">Resource 4</a></h5>
-                    <p>Lorem sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
-                </div>
-            </div>
-
-        </div>
-
-<div class="codehilite"><pre><span class="nt">&lt;/div&gt;</span>
-<span class="c">&lt;!-- Learn Flex End --&gt;</span>
-<span class="c">&lt;!-- News Start --&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;span4&quot;</span><span class="nt">&gt;</span>
-
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;headline marginbottom&quot;</span><span class="nt">&gt;&lt;h4&gt;</span>Latest News:<span class="nt">&lt;/h4&gt;&lt;/div&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;row-fluid&quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;entry&quot;</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;meta&quot;</span><span class="nt">&gt;&lt;strong&gt;</span>27<span class="nt">&lt;/strong&gt;&lt;br&gt;&lt;small&gt;</span>Dec.<span class="nt">&lt;/small&gt;&lt;/span&gt;</span>
-            <span class="nt">&lt;div&gt;</span>
-                <span class="nt">&lt;h4&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;&lt;u&gt;</span>Apache Flex 4.9.0 Released<span class="nt">&lt;/u&gt;&lt;/a&gt;&lt;/h4&gt;</span>
-                <span class="nt">&lt;p&gt;</span>Apache Flex 4.9.0 was released, and includes bug fixes, new components and much more. <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/a&gt;&lt;/p&gt;</span>
-            <span class="nt">&lt;/div&gt;</span>
-        <span class="nt">&lt;/div&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;entry&quot;</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;meta&quot;</span><span class="nt">&gt;&lt;strong&gt;</span>19<span class="nt">&lt;/strong&gt;&lt;br&gt;&lt;small&gt;</span>Dec.<span class="nt">&lt;/small&gt;&lt;/span&gt;</span>
-            <span class="nt">&lt;div&gt;</span>
-                <span class="nt">&lt;h4&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;&lt;u&gt;</span>Apache Flex becomes an Apache TLP<span class="nt">&lt;/u&gt;&lt;/a&gt;&lt;/h4&gt;</span>
-                <span class="nt">&lt;p&gt;</span>The Apache Governence Board has voted to allow Apache Flex to graduate out of incubation. <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/a&gt;&lt;/p&gt;</span>
-            <span class="nt">&lt;/div&gt;</span>
-        <span class="nt">&lt;/div&gt;</span>
-        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;entry&quot;</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;meta&quot;</span><span class="nt">&gt;&lt;strong&gt;</span>10<span class="nt">&lt;/strong&gt;&lt;br&gt;&lt;small&gt;</span>Sep.<span class="nt">&lt;/small&gt;&lt;/span&gt;</span>
-            <span class="nt">&lt;div&gt;</span>
-                <span class="nt">&lt;h4&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;&lt;u&gt;</span>Falcon Compiler Contibuted<span class="nt">&lt;/u&gt;&lt;/a&gt;&lt;/h4&gt;</span>
-                <span class="nt">&lt;p&gt;</span>Adobe donated their new Falcon Compiler to Apache.  This includes FalconJS. <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;blog.html&quot;</span><span class="nt">&gt;</span>Read More<span class="nt">&lt;/a&gt;&lt;/p&gt;</span>
-            <span class="nt">&lt;/div&gt;</span>
-        <span class="nt">&lt;/div&gt;</span>
+<div class="span3">
+    <div class="picture"><a href="single_project.html"><img src="images/portfolio/p4.jpg" alt=""/><div class="image-overlay-link"></div></a></div>
+    <div class="item-description">
+        <h5><a href="#">Resource 4</a></h5>
+        <p>Lorem sit amet ligula est, eget conseact etur lectus maecenas hendrerit suscipit.</p>
+    </div>
+</div>
 
-    <span class="nt">&lt;/div&gt;</span>
+</div>
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<p></div>
+<!-- Learn Flex End -->
+<!-- News Start -->
+<div class="span4"></p>
+<div class="headline marginbottom"><h4>Latest News:</h4></div>
 
+<div class="row-fluid">
+<div class="entry">
+    <span class="meta"><strong>27</strong><br><small>Dec.</small></span>
+    <div>
+        <h4><a href="blog.html"><u>Apache Flex 4.9.0 Released</u></a></h4>
+        <p>Apache Flex 4.9.0 was released, and includes bug fixes, new components and much more. <a href="blog.html">Read More</a></p>
+    </div>
+</div>
+<div class="entry">
+    <span class="meta"><strong>19</strong><br><small>Dec.</small></span>
+    <div>
+        <h4><a href="blog.html"><u>Apache Flex becomes an Apache TLP</u></a></h4>
+        <p>The Apache Governence Board has voted to allow Apache Flex to graduate out of incubation. <a href="blog.html">Read More</a></p>
+    </div>
+</div>
+<div class="entry">
+    <span class="meta"><strong>10</strong><br><small>Sep.</small></span>
+    <div>
+        <h4><a href="blog.html"><u>Falcon Compiler Contibuted</u></a></h4>
+        <p>Adobe donated their new Falcon Compiler to Apache.  This includes FalconJS. <a href="blog.html">Read More</a></p>
+    </div>
+</div>
+
+</div>
+
+</div>
 
 <p></div>
 <!-- News  End -->
 <!-- Clients Start -->
 <div class="row-fluid">
-    <div class="span12"></p>
-<div class="codehilite"><pre>    <span class="c">&lt;!-- Headline --&gt;</span>
-    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;headline margintop marginbottom&quot;</span><span class="nt">&gt;&lt;h4&gt;</span>Who is using Flex?<span class="nt">&lt;/h4&gt;&lt;/div&gt;</span>
-
-    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;thumbnails&quot;</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/avaya_logo.jpg&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;Avaya&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/extreme_logo.png&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;Extreme Networks&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/adobe.png&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;Adobe&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/target.jpg&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;Target&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/effectiveui.jpg&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;EffectiveUI&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
-        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">&quot;thumbnail&quot;</span><span class="nt">&gt;&lt;img</span> <span class="na">src=</span><span class="s">&quot;images/Michigan_State_University_logo.png&quot;</span>  <span class="na">class=</span><span class="s">&quot;client-logo&quot;</span> <span class="na">alt=</span><span class="s">&quot;MSU&quot;</span><span class="nt">/&gt;&lt;/div&gt;&lt;/li&gt;</span>
+<div class="span12"></p>
+<!-- Headline -->
 
-    <span class="nt">&lt;/ul&gt;</span>
+<div class="headline margintop marginbottom"><h4>Who is using Flex?</h4></div>
 
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+<ul class="thumbnails">
+<li class="span2"><div class="thumbnail"><img src="images/avaya_logo.jpg"  class="client-logo" alt="Avaya"/></div></li>
+<li class="span2"><div class="thumbnail"><img src="images/extreme_logo.png"  class="client-logo" alt="Extreme Networks"/></div></li>
+<li class="span2"><div class="thumbnail"><img src="images/adobe.png"  class="client-logo" alt="Adobe"/></div></li>
+<li class="span2"><div class="thumbnail"><img src="images/target.jpg"  class="client-logo" alt="Target"/></div></li>
+<li class="span2"><div class="thumbnail"><img src="images/effectiveui.jpg"  class="client-logo" alt="EffectiveUI"/></div></li>
+<li class="span2"><div class="thumbnail"><img src="images/Michigan_State_University_logo.png"  class="client-logo" alt="MSU"/></div></li>
 
+</ul>
 
 <p></div>
+</div>
 <!-- Clients End --></p>
 
 <!-- Home Page Exception -->