remove inline styles

Author: Arhell

_includes/for.html

@@ -6,41 +6,43 @@
   </div>
   <div class="col-sm-12 col-lg-4">
     <a href="/for/laravel" class="img-thumbnail item bg-white item--laravel">
-      <div><img src="/images/frameworks/laravel.svg" alt="">
-      <h4>Laravel</h4>
+      <div>
+        <img src="/images/frameworks/laravel.svg" alt="laravel">
+        <h4>Laravel</h4>
       </div>
     </a>
   </div>
   <div class="col-sm-12 col-lg-4">
     <a href="/for/wordpress" class="img-thumbnail bg-white item item--wp">
-      <div>        
-        <img src="/images/frameworks/WordPress-logotype-simplified.png" alt="">
+      <div>
+        <img src="/images/frameworks/WordPress-logotype-simplified.png" alt="wordPress">
         <h4>WordPress</h4>
       </div>
     </a>
-  </div>  
+  </div>
 </div>
 
 <div class="row casestudy">
   <div class="col-sm-12 col-lg-4">
     <a href="/for/joomla" class="item img-thumbnail bg-white item--joomla">
-      <img src="/images/frameworks/joomla.png" alt="" style="width: 200px; height: 200px">
+      <img src="/images/frameworks/joomla.png" alt="joomla">
     </a>
   </div>
   <div class="col-sm-12 col-lg-4">
     <a href="/for/yii" class="img-thumbnail item bg-white item--yii">
-      <div><img src="/images/frameworks/yii-logo.svg" alt="">
-      <h4>Yii Framework</h4>
+      <div>
+        <img src="/images/frameworks/yii-logo.svg" alt="yii">
+        <h4>Yii Framework</h4>
       </div>
     </a>
   </div>
   <div class="col-sm-12 col-lg-4">
     <div class="img-thumbnail bg-white item item--zend">
-      <div>        
-        <img src="/images/frameworks/zf-logo-mark.png" style="width: 200px; opacity: 0.5" alt="">
+      <div>
+        <img src="/images/frameworks/zf-logo-mark.png" alt="zend">
         <h4>Zend Framework</h4>
       </div>
     </div>
-  </div>  
+  </div>
 </div>
 

css/codeception.css

@@ -1057,3 +1057,29 @@ body .panel-info>.panel-heading {
 	width: 200px;
 	height: 200px;
 }
+
+.item--laravel img {
+	width: 110px;
+	height: 115px;
+}
+
+.item--wp img {
+	width: 110px;
+	height: 110px;
+}
+
+.item--joomla img {
+	width: 250px;
+	height: 208px;
+}
+
+.item--yii img {
+	width: 95px;
+	height: 102px;
+}
+
+.item--zend img {
+	opacity: 0.5;
+	width: 170px;
+	height: 90px;
+}