new icons

Author: Papillard

06-Bootstrap-mockup-without-grid/css/feature.css

@@ -0,0 +1,15 @@
+.feature h2 {
+  font-size: 17px;
+  line-height: 25px;
+  font-weight: bold;
+  color: #666666;
+}
+.feature p {
+  font-size: 15px;
+  color: #B3B3B3;
+  font-weight: 300;
+}
+.feature img {
+  height: 23px;
+  margin-right: 5px;
+}

06-Bootstrap-mockup-without-grid/css/style.css

@@ -1,5 +1,6 @@
 @import url("banner.css");
 @import url("card.css");
+@import url("feature.css");
 @import url("avatar.css");
 @import url("footer.css");
 

06-Bootstrap-mockup-without-grid/images/chat.png

@@ -30,6 +30,45 @@ <h1>Startup tools</h1>
       </div>
     </div>
 
+    <div class="padded">
+      <div class="feature">
+        <h2>
+          <img src="images/chat.png" alt="">
+          Discuss best tools
+        </h2>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores sequi sed, odit tenetur? Necessitatibus ad nulla deleniti quis vel facere hic illum omnis expedita beatae aliquam quibusdam asperiores laborum, magni.
+        </p>
+      </div>
+      <div class="feature">
+        <h2>
+          <img src="images/mobile.png" alt="">
+          Always in sync
+        </h2>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea officia beatae, repellendus eveniet alias vel laboriosam, necessitatibus error cum asperiores facere aliquam consectetur ad impedit molestiae, harum? Vel, quidem, sit.
+        </p>
+      </div>
+      <div class="feature">
+        <h2>
+          <img src="images/search.png" alt="">
+          Powerful search
+        </h2>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis optio adipisci minus vero voluptatum soluta corporis alias ut commodi non quaerat quasi reprehenderit sit dolore nulla qui cum explicabo, possimus.
+        </p>
+      </div>
+      <div class="feature">
+        <h2>
+          <img src="images/heart.png" alt="">
+          Share the love
+        </h2>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ab cumque delectus, reiciendis fugit molestiae totam obcaecati exercitationem illum amet, recusandae, odio est. Repudiandae sapiente provident, sint reprehenderit necessitatibus, magni.
+        </p>
+      </div>
+    </div>
+
     <div class="padded">
       <h2 class="section-header text-center">Most popular</h2>
       <div class="card" data-sr="enter bottom and scale up 20% over 1s">

06-Bootstrap-mockup-without-grid/images/heart.png

@@ -0,0 +1,15 @@
+.feature h2 {
+  font-size: 17px;
+  line-height: 25px;
+  font-weight: bold;
+  color: #666666;
+}
+.feature p {
+  font-size: 15px;
+  color: #B3B3B3;
+  font-weight: 300;
+}
+.feature img {
+  height: 23px;
+  margin-right: 5px;
+}

06-Bootstrap-mockup-without-grid/images/mobile.png

@@ -1,6 +1,7 @@
 @import url("banner.css");
 @import url("card.css");
 @import url("avatar.css");
+@import url("feature.css");
 @import url("footer.css");
 
 body {