diff --git a/committeeVotes/static/site.css b/committeeVotes/static/site.css
index e65b2be..2096759 100644
--- a/committeeVotes/static/site.css
+++ b/committeeVotes/static/site.css
@@ -36,6 +36,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     margin: 20px 0;
 }
 
+.ministers {
+    margin-bottom: 35px
+}
+
+.ministers > div {
+    margin: 9px
+}
+
 .minister-photo {
     position: relative;
     height: 120px;
@@ -66,7 +74,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     height: 450px;
     width: 300px;
     display: inline-block;
-    margin: 15px;
+    margin: 25px !important;
 }
 
 #footer {
@@ -111,7 +119,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     background-color: #fff;
 }
 
-
 h1 {
     font-size: 42px;
     letter-spacing: 1px
@@ -132,10 +139,15 @@ h4 {
     letter-spacing: 1px
 }
 
-ul, ol {
+ul, ol, table {
     margin: 0px 25px 10px 0px
 }
 
+.card table {
+    width: 95%;
+    max-width: 95%
+}
+
 .card {
     background: #fff;
     border: 1px solid #e6e6e6;
diff --git a/committeeVotes/templates/base.html b/committeeVotes/templates/base.html
index 3d63c05..8b7f50e 100644
--- a/committeeVotes/templates/base.html
+++ b/committeeVotes/templates/base.html
@@ -88,12 +88,12 @@
 
 <div id="footer">
     <div class="container">
-        <h4 class="text-muted">
+        <h2 class="text-muted">
             <img src="http://www.hasadna.org.il/wp-content/themes/sadna2012/images/sadna-logo.png"
                  alt="הסדנא לידע ציבורי"
                  width="30" height="30">
             <span>מפותח בתמיכת החממה של</span> <a href="http://www.hasadna.org.il">הסדנא לידע ציבורי</a>
-        </h4>
+        </h2>
     </div>
 </div>
 </body>
diff --git a/committeeVotes/templates/committeeVotes/bills.html b/committeeVotes/templates/committeeVotes/bills.html
index 8b2c3ee..154f91a 100644
--- a/committeeVotes/templates/committeeVotes/bills.html
+++ b/committeeVotes/templates/committeeVotes/bills.html
@@ -5,30 +5,31 @@
     <div class="container">
 
         <div class="row">
-            <div class="col-md-6">
-                <h2 title="שם ההצעה">
-                    הצעות חוק
-                </h2>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-md-12">
-                <table class="table table-hover">
-                    <thead>
-                    <tr>
-                        <th class="text-right">
-                            שם ההצעה
-                        </th>
-
-                    </tr>
-                    </thead>
-                    {% for b in bills %}
-
+            <div class="cards col-md-12">
+                <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2 title="שם ההצעה">
+                            הצעות חוק
+                        </h2>
+                    </header>
+                    <table class="table table-hover">
+                        <thead>
                         <tr>
-                            <td><a href="{% url 'bill' b.id %}">{{ b.name }}</a></td>
+                            <th class="text-right">
+                                שם ההצעה
+                            </th>
+
                         </tr>
-                    {% endfor %}
-                </table>
+                        </thead>
+                        {% for b in bills %}
+
+                            <tr>
+                                <td><a href="{% url 'bill' b.id %}">{{ b.name }}</a></td>
+                            </tr>
+                        {% endfor %}
+                    </table>
+
+                </section>
 
             </div>
         </div>
diff --git a/committeeVotes/templates/committeeVotes/index.html b/committeeVotes/templates/committeeVotes/index.html
index 9dcd9f9..ceb4989 100644
--- a/committeeVotes/templates/committeeVotes/index.html
+++ b/committeeVotes/templates/committeeVotes/index.html
@@ -3,99 +3,122 @@
 
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
-                <h3>
-                    רקע
-                </h3>
-
-                <div class="well">
-                    וועדת שרים לענייני חקיקה היא המקום בו הממשלה מחליטה האם היא תומכת או מתנגדת להצעות חוק. כל הצעות
-                    החוק עוברות דרך הוועדה, וללא תמיכת הממשלה אין להצעת החוק כמעט שום סיכוי לעבור בכנסת. הוועדה מתנהלת
-                    בחוסר שקיפות חריג, כך שכל המידע באתר נמסר מרצונם החופשי של שרים החברים בוועדה ותומכים בשקיפות.
-                </div>
+            <div class="cards col-md-12">
+                <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2>
+                            רקע
+                        </h2>
+                    </header>
+                    <ul>
+                        <li>
+                            וועדת שרים לענייני חקיקה היא המקום בו הממשלה מחליטה האם היא תומכת או מתנגדת להצעות חוק. כל
+                            הצעות
+                            החוק עוברות דרך הוועדה, וללא תמיכת הממשלה אין להצעת החוק כמעט שום סיכוי לעבור בכנסת. הוועדה
+                            מתנהלת
+                            בחוסר שקיפות חריג, כך שכל המידע באתר נמסר מרצונם החופשי של שרים החברים בוועדה ותומכים
+                            בשקיפות.
+                        </li>
+                    </ul>
+                </section>
             </div>
         </div>
 
         <div class="row">
-            <div class="col-md-6">
-                <h3>
-                    הצעות אחרונות
-                </h3>
-
-                <table class="table table-hover">
-                    <thead>
-                    <tr>
-                        <th class="text-right">
-                            שם ההצעה
-                        </th>
-
-                    </tr>
-                    </thead>
-                    {% for b in bills %}
+            <div class="cards col-md-6">
+                <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2>
+                            הצעות אחרונות
+                        </h2>
+                    </header>
+
+                    <table class="table table-hover">
+                        <thead>
+                        <tr>
+                            <th class="text-right">
+                                שם ההצעה
+                            </th>
 
+                        </tr>
+                        </thead>
+                        {% for b in bills %}
+
+                            <tr>
+                                <td>
+                                    <a href="{% url 'bill' b.id %}">
+                                        {{ b.name }}
+                                        <button class="btn btn-info pull-left">
+                                            <span class="glyphicon glyphicon-plus"></span>
+                                        </button>
+                                    </a>
+
+                                </td>
+                            </tr>
+                        {% endfor %}
                         <tr>
                             <td>
-                                <a href="{% url 'bill' b.id %}">
-                                    {{ b.name }}
-                                    <button class="btn btn-info pull-left">
+                                <div class="pull-left">
+                                    <a href="{% url 'bills' %}" class="btn btn-primary pull-left" role="button">
+                                        עוד
                                         <span class="glyphicon glyphicon-plus"></span>
-                                    </button>
-                                </a>
-
+                                    </a>
+                                </div>
                             </td>
                         </tr>
-                    {% endfor %}
-                    <tr>
-                        <td>
-                            <div class="pull-left">
-                                <a href="{% url 'bills' %}" class="btn btn-primary pull-left" role="button">
-                                    עוד
-                                    <span class="glyphicon glyphicon-plus"></span>
-                                </a>
-                            </div>
-                        </td>
-                    </tr>
 
-                </table>
+                    </table>
+                </section>
 
 
             </div>
-            <div class="col-md-6">
-                <h3>
-                    שרים
-                </h3>
-                {% for m in ministers %}
-                    {% if m.votes.count == 0 %}
-                        <div class="minister-photo disabled">
-
-                        <a href="#notCoop" data-toggle="modal">
-                    {% else %}
-                        <div class="minister-photo">
-
-                        <a href="{% url 'minister' m.id %}">
-                    {% endif %}
-                <img src="{{ MEDIA_URL }}{{ m.photo }}-s.jpg">
-                {{ m.name }}
-                </a>
-                </div>
+            <div class="cards col-md-6">
+                <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2>
+                            שרים
+                        </h2>
+                    </header>
+                <ul>
+                    <li>
+
+                    <div class="ministers">
+                    {% for m in ministers %}
+                        {% if m.votes.count == 0 %}
+                            <div class="minister-photo disabled">
+
+                            <a href="#notCoop" data-toggle="modal">
+                        {% else %}
+                            <div class="minister-photo">
+
+                            <a href="{% url 'minister' m.id %}">
+                        {% endif %}
+                    <img src="{{ MEDIA_URL }}{{ m.photo }}-s.jpg">
+                    {{ m.name }}
+                    </a>
+                    </div>
 
 
 
-                {% endfor %}
-                </div>
+                    {% endfor %}
+                        </div>
+                        </li>
+                </ul>
+                </section>
             </div>
         </div>
     </div>
+    </div>
     <div class="modal fade" id="notCoop" tabindex="-1" role="dialog" aria-labelledby="notCoopLabel" aria-hidden="true">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-body">
                     <p>
                         שר זה אינו חושף את הצבעותיו!
-                <button type="button" class="btn btn-primary pull-left" data-dismiss="modal">
-                    סגור
-                </button>
-                                    </p>
+                        <button type="button" class="btn btn-primary pull-left" data-dismiss="modal">
+                            סגור
+                        </button>
+                    </p>
 
                 </div>
 
diff --git a/committeeVotes/templates/committeeVotes/meetings.html b/committeeVotes/templates/committeeVotes/meetings.html
index 75031eb..fd30741 100644
--- a/committeeVotes/templates/committeeVotes/meetings.html
+++ b/committeeVotes/templates/committeeVotes/meetings.html
@@ -5,14 +5,13 @@
     <div class="container">
 
         <div class="row">
-            <div class="col-md-6">
+            <div class="cards col-md-12">
+                <section class="card card-list card-list-latest compact">
+                    <header>
                 <h2>
                     ישיבות הועדה
                 </h2>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-md-12">
+                        </header>
                 <table class="table table-hover">
                     <thead>
                     <tr>
@@ -33,6 +32,7 @@ <h2>
                         </tr>
                     {% endfor %}
                 </table>
+                </section>
 
             </div>
         </div>
diff --git a/committeeVotes/templates/committeeVotes/minister_detail.html b/committeeVotes/templates/committeeVotes/minister_detail.html
index 589b81d..726a90d 100644
--- a/committeeVotes/templates/committeeVotes/minister_detail.html
+++ b/committeeVotes/templates/committeeVotes/minister_detail.html
@@ -1,50 +1,54 @@
 {% extends "base.html" %}
 {% block content %}
-{% load staticfiles %}
+    {% load staticfiles %}
 
-<div class="container">
+    <div class="container">
 
 
-    <div class="row">
-        <div class="col-md-8">
-            <h2>
-                {{ minister.name }}
-            </h2>
-{% if minister.votes.count == 0 %}
-    <h3>
-                                שר זה אינו חושף את הצבעותיו!
-    </h3>
-{% else %}
-            <h3>
-                הצבעות
-            </h3>
+        <div class="row">
+            <div class="cards col-md-8">
+                <h1>
+                    {{ minister.name }}
+                </h1>
+                {% if minister.votes.count == 0 %}
+                    <h2>
+                        שר זה אינו חושף את הצבעותיו!
+                    </h2>
+                {% else %}
+                    <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2>
+                            הצבעות
+                        </h2>
+                    </header>
 
 
-            <table class="table table-hover">
-                <thead>
-                <th>
-                    שם ההצעה
-                </th>
-                <th>
-                    הצביע
-                </th>
-                </thead>
-                {% for v in votes %}
-                <tr>
-                    <td><a href="{% url 'bill' v.bill.id %}">{{v.bill}}</a></td>
-                    <td>{{v.vote}}</td>
-                </tr>
-                {% endfor %}
-            </table>
-{% endif %}
+                    <table class="table table-hover">
+                        <thead>
+                        <th>
+                            שם ההצעה
+                        </th>
+                        <th>
+                            הצביע
+                        </th>
+                        </thead>
+                        {% for v in votes %}
+                            <tr>
+                                <td><a href="{% url 'bill' v.bill.id %}">{{ v.bill }}</a></td>
+                                <td>{{ v.vote }}</td>
+                            </tr>
+                        {% endfor %}
+                    </table>
+                    </section>
+                {% endif %}
+            </div>
+            <div class="col-md-4">
+                <div class="pull-left">
+                    <img src="{{ MEDIA_URL }}{{ minister.photo }}.jpg">
+                </div>
+            </div>
         </div>
-    <div class="col-md-4">
-        <div class="pull-left">
-            <img src="{{ MEDIA_URL }}{{ minister.photo }}.jpg">
-        </div>
-    </div>
     </div>
-</div>
 
 
 {% endblock %}
\ No newline at end of file
diff --git a/committeeVotes/templates/committeeVotes/ministers.html b/committeeVotes/templates/committeeVotes/ministers.html
index 74b88ce..643fcc8 100644
--- a/committeeVotes/templates/committeeVotes/ministers.html
+++ b/committeeVotes/templates/committeeVotes/ministers.html
@@ -5,27 +5,34 @@
     <div class="container">
 
         <div class="row">
-            <div class="col-md-6">
-                <h2>
-                    שרי הממשלה
-                </h2>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-md-12">
-                {% for m in ministers %}
-            <div class="minister-big-photo {% if m.votes.count == 0 %} disabled {% endif %}">
-                <a href="{% url 'minister' m.id %}">
-                    <img src="{{ MEDIA_URL }}{{ m.photo }}.jpg">
-                    <h3 style="text-align: center">{{ m.name }}</h3>
-                </a>
-            </div>
-                {% endfor %}
+            <div class="cards col-md-12">
+                <section class="card card-list card-list-latest compact">
+                    <header>
+                        <h2>
+                            שרי הממשלה
+                        </h2>
+                    </header>
+                    <ul>
+                        <li>
+                            <div class="ministers">
+                                {% for m in ministers %}
+                                    <div class="minister-big-photo {% if m.votes.count == 0 %} disabled {% endif %}">
+                                        <a href="{% url 'minister' m.id %}">
+                                            <img src="{{ MEDIA_URL }}{{ m.photo }}.jpg">
 
+                                            <h2 style="text-align: center">{{ m.name }}</h2>
+                                        </a>
+                                    </div>
+                                {% endfor %}
+                            </div>
+                        </li>
+                    </ul>
+
+                </section>
             </div>
-        </div>
 
 
+        </div>
     </div>