style(facebook): add styling to facebook like implementation [Finishe…

…s #134678595]
andela · Dec 7, 2016 · e36be06 · e36be06
1 parent 101205b
commit e36be06
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -15,9 +15,13 @@
    top: -65px;
 }
 
+.facebook-like-container{
+padding-top: 3% 
+}
+
 .facebook-like{
-   margin-left: 20%;
    padding-top: 2%;
+   background-color: white;
 }
 
 #tweet-container-index{

diff --git a/public/views/index.html b/public/views/index.html
@@ -121,8 +121,15 @@ <h3 id="slogan">What is Cards for Humanity?</h3>
               </span>
         </span>
        </div>
-       <div class="text-center facebook-like">
-             <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width=450&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId=236093993111473" width="450" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
+       <div class="text-center facebook-like-container ">
+        <div class="col-md-4">
+        </div>
+       <div class="col-md-4 text-center facebook-like">
+       <a href="https://www.facebook.com/Cards-For-Humanity-701709783330407/"> Visit Our Facebook Page</a>
+             <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FCards-For-Humanity-701709783330407%2F&width=450&layout=standard&action=like&show_faces=true&share=false&height=80&appId" width="450" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
+</div>
+ <div class="col-md-4">
+ </div>
        </div>
       </div>
     </div>