Contact icons

app/assets/stylesheets/application/about.scss

@@ -13,21 +13,3 @@
     text-justify: inter-word;
   }
 }
-//// CONTACT
-.about-contact {
-  .contact-row {
-    margin-bottom: 10px;
-
-    h4 {
-      font-weight: 400;
-      margin-bottom: 5px;
-    }
-  }
-  .contact-item {
-    background-color: #2E3192;
-    width: 30px;
-    height: 30px;
-    border-radius: 5px;
-    margin-right: 5px;
-  }
-}

app/assets/stylesheets/application/welcome.scss

@@ -76,11 +76,37 @@ $carousel_size: 400px;
     }
   }
   .contact-item {
-    background-color: #2E3192;
     width: 30px;
     height: 30px;
     border-radius: 5px;
     margin-right: 5px;
+    i {
+      font-size: 35px;
+      margin-left: -15px;
+      margin-top: -2px;
+    }
+    .i-google{
+      background: #FFFFFF;
+      color: #d34836;
+    }
+    .i-twitter{
+      background: #FFFFFF;
+      color: #1dcaff;
+    }
+    .i-facebook{
+      font-size: 29px;
+      background: #3b5998;
+      color: #FFFFFF;
+      margin-top: 0px;
+      width: 30px;
+      border-radius: 5px;
+      padding-top: 1px;
+    }
+    .logo-contact{
+      width: auto;
+      height: 70px;
+      margin-left: -15px;
+    }
   }
 }
 

app/views/about/index.html.erb

@@ -72,25 +72,15 @@
   <div class="contact-row">
     <h4>Redes Sociais</h4>
     <div class="row">
-      <div class='col-md-1 col-sm-offset-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-    </div>
-  </div>
-  <div class="contact-row">
-    <h4>Outros sites do ministério da educação</h4>
-    <div class="row">
-      <div class='contact-item col-md-1 col-sm-offset-1'></div>
-      <div class='contact-item col-md-1'></div>
-      <div class='contact-item col-md-1'></div>
-      <div class='contact-item col-md-1'></div>
+      <div class='col-md-1 col-sm-offset-1 contact-item'><i class="fa fa-facebook i-facebook"></i></div>
+      <div class='col-md-1 contact-item'><i class="fa fa-google-plus-square i-google"></i></div>
+      <div class='col-md-1 contact-item'><i class="fa fa-twitter-square i-twitter"></i></div>
     </div>
   </div>
   <div class="contact-row">
     <h4>Portal desenvolvido por</h4>
     <div class="row">
-      <div class='contact-item col-md-1 col-sm-offset-1'></div>
+      <div class='contact-item col-md-1 col-sm-offset-1'><%=link_to (image_tag 'logo_c3.png', class:"logo-contact"), "http://www.c3sl.ufpr.br/", target:"_blank"%> </div>
     </div>
   </div>
 </div>

app/views/learning_objects/show.html.erb

@@ -32,7 +32,7 @@
           </div>
           <div class="media-body">
             <h5>Autor</h5>
-            <h3 style="font-family:bolder"><%= author %></h3>
+            <h3><%= author %></h3>
           </div>
         </div>
       <% end %>