fontawesome

by stan griffin

HTML

<div class="row">
<div class="span4 box">

<div class="icon-cog box-icon"></div>
<h3>Easy to modify</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>
<div class="span4 box">
<div class="icon-reorder box-icon"></div>
<h3>Bootstrap grid</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>
<div class="span4 box">
<div class="icon-plane box-icon"></div>
<h3>Font icons</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>
<div class="spacer hidden-phone"></div>
<div class="span4 box">
<div class="icon-fire box-icon"></div>
<h3>jQuery effects</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>
<div class="span4 box">
<div class="icon-heart box-icon"></div>
<h3>Built with love</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>
<div class="span4 box">
<div class="icon-comments box-icon"></div>
<h3>Great support</h3>
<p>An all-around, well built, clean &amp; modern WordPress theme for all your corporate or personal needs.</p>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Squada+One);

/* STYLES */

/* basics & reset */

body {
  font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
  color:#7d7d7d;
  background: #f2f2f2
}

a,a:visited {text-decoration:none;color:#333}
a:hover {text-decoration:underline;}
a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
    outline:0
}

h1 {
  font-size: 25px
}

h2 {
  font-size: 23px
}

h3 {
  font-size: 21px
}

h4 {
  font-size: 19px
}

h5 {
  font-size: 17px
}

h6 {
  font-size: 15px
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Droid Sans', sans-serif
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

.align-right {
	float:right;
}

blockquote, blockquote p { 
	font-size: 32px!important;
	font-style: normal;
	font-weight:bold;
	margin-bottom: 3px!important;
	margin-top: 1px;
	letter-spacing:-2px;
	line-height: 36px
}
blockquote { 
	margin: 0;
	padding: 35px 0 30px 0;
	clear: both;
	border-left:0!important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px
}
blockquote cite { display: block; font-size: 15px!important; font-weight:normal; letter-spacing:0;  color:#acacac }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#acacac }

#quote_wrap {
  min-height: 94px;
}

#quotes {
  margin-left: 120px;
  margin-top: -128px;
}
#quotes blockquote p {
  color: white;
  font-size: 42px !important;
  word-wrap: break-word;
}

#quotes blockquote {
  xdisplay: inline;
}

#quote_wrap .quote-image {
  float: none !important;
}


section {
	margin:0;
	position:relative;
	background-color: #c0392b;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.section-grey {
	background:#e7e7e7
}

.section-black {
	background:#191919
}

.nospace-top {margin-top:0}
.nospace-bottom {margin-bottom:0}
.nospace {margin-top:0;margin-bottom:0}

label.error...