updated

Author: Davert

css/codeception.css

@@ -433,11 +433,11 @@ ul.navbar-nav {
 	outline: none;
 }
 
-.card {
+.feature {
 	padding: 3em;
 
 }
-.card .check {
+.feature .check {
 	float: left;
 	font-size: 70px;
 	color: #666;
@@ -454,12 +454,12 @@ ul.navbar-nav {
 	border-left: 7px solid #fff;  
 
 }
-.card>p {
+.feature>p {
 	display: table;
 	font-size: 1.2em;
 }
 
-.card code {
+.feature code {
 	padding: 0;
 	color: #666;
 	display: inline-block;

index.html

@@ -4,7 +4,7 @@
 ---
 
 <div class="row">
-  <div class="col-sm-12 col-lg-4 card">
+  <div class="col-sm-12 col-lg-4 feature">
     <div class="check" style="background: #B2DFDB">
       &#10003;
     </div>
@@ -24,7 +24,7 @@ <h3>User Centric Tests</h3>
       </p>
   </div>
 
-  <div class="col-sm-12 col-lg-4  card">
+  <div class="col-sm-12 col-lg-4  feature">
       <div class="check" style="background: #D1C4E9">
       &#10003;
     </div>
@@ -36,7 +36,7 @@ <h3>Browser Testing</h3>
 
   </div>
 
-  <div class="col-sm-12 col-lg-4  card" >
+  <div class="col-sm-12 col-lg-4  feature" >
       <div class="check" style="background: #E1BEE7">
       &#10003;
     </div>
@@ -50,7 +50,7 @@ <h3>Framework Testing</h3>
 </div>
 
 <div class="row">
-  <div class="col-sm-12 col-lg-4 card">
+  <div class="col-sm-12 col-lg-4 feature">
     <div class="check" style="background: #B2EBF2">
       &#10003;
     </div>
@@ -65,7 +65,7 @@ <h3>API Testing</h3>
     </p>
   </div>
 
-  <div class="col-sm-12 col-lg-4  card">
+  <div class="col-sm-12 col-lg-4  feature">
       <div class="check" style="background: #C5CAE9">
       &#10003;
     </div>
@@ -78,7 +78,7 @@ <h3>BDD</h3>
     </p>
   </div>
 
-  <div class="col-sm-12 col-lg-4  card" >
+  <div class="col-sm-12 col-lg-4  feature" >
       <div class="check" style="background: #F8BBD0">
       &#10003;
     </div>