diff --git a/public/css/style.css b/public/css/style.css
index 80de438..9a10f27 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -15,6 +15,10 @@ footer{
     background-size: cover;
 }
 
+#card-head{
+    background-color: purple;
+}
+
 /* .top-nav-collapse {
     background-color: #3f51b5 !important;
 } */
diff --git a/public/dashboard.html b/public/dashboard.html
index 1c9dfa8..4a0ffac 100644
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -14,12 +14,13 @@
     <link rel="stylesheet" href="css/mdb.min.css">
 
     <!-- Your custom styles (optional) -->
+    <link rel="stylesheet" href="css/style.css">
     <style>
         
     </style>
 </head>
 
-<body class="fixed-sn white-skin">
+<body class="fixed-sn deep-purple-skin">
 
     <!--Main Navigation-->
     <header>
@@ -46,95 +47,20 @@
             <!--/.Search Form-->
             <!-- Side navigation links -->
             <li>
-                <ul class="collapsible collapsible-accordion">
-                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-tachometer"></i> Dashboards<i class="fa fa-angle-down rotate-icon"></i></a>
-                        <div class="collapsible-body">
-                            <ul>
-                                <li><a href="../dashboards/v-1.html" class="waves-effect">Version 1</a>
-                                </li>
-                                <li><a href="../dashboards/v-2.html" class="waves-effect">Version 2</a>
-                                </li>
-                                <li><a href="../dashboards/v-3.html" class="waves-effect">Version 3</a>
-                                </li>
-                                <li><a href="../dashboards/v-4.html" class="waves-effect">Version 4</a>
-                                </li>
-                                <li><a href="../dashboards/v-5.html" class="waves-effect">Version 5</a>
-                                </li>
-                                <li><a href="../dashboards/v-6.html" class="waves-effect">Version 6</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </li>
-                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-photo"></i> Pages<i class="fa fa-angle-down rotate-icon"></i></a>
-                        <div class="collapsible-body">
-                            <ul>
-                                <li><a href="../pages/login.html" class="waves-effect">Login</a>
-                                </li>
-                                <li><a href="../pages/register.html" class="waves-effect">Register</a>
-                                </li>
-                                <li><a href="../pages/pricing.html" class="waves-effect">Pricing</a>
-                                </li>
-                                <li><a href="../pages/about.html" class="waves-effect">About us</a>
-                                </li>
-                                <li><a href="../pages/single.html" class="waves-effect">Single post</a>
-                                </li>
-                                <li><a href="../pages/post.html" class="waves-effect">Post listing</a>
-                                </li>
-                                <li><a href="../pages/landing.html" class="waves-effect">Landing page</a>
-                                </li>
-                                <li><a href="../pages/customers.html" class="waves-effect">Cusomers</a>
-                                </li>
-                                <li><a href="../pages/invoice.html" class="waves-effect">Invoice</a>
-                                </li>
-                                <li><a href="../pages/page-creator.html" class="waves-effect">Page Creator</a>
-                                </li>
-                                <li><a href="../pages/support.html" class="waves-effect">Support</a>
-                                </li>
-                                <li><a href="../pages/chat.html" class="waves-effect">Chat</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </li>
-                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-user"></i> Profile<i class="fa fa-angle-down rotate-icon"></i></a>
-                        <div class="collapsible-body">
-                            <ul>
-                                <li><a href="../profile/basic-1.html" class="waves-effect">Basic 1</a>
-                                </li>
-                                <li><a href="../profile/basic-2.html" class="waves-effect">Basic 2</a>
-                                </li>
-                                <li><a href="../profile/extended.html" class="waves-effect">Extended</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </li>
-                  
-                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-map"></i> Maps<i class="fa fa-angle-down rotate-icon"></i></a>
-                        <div class="collapsible-body">
-                            <ul>
-                                <li><a href="../maps/google.html" class="waves-effect">Google Maps</a>
-                                </li>
-                                <li><a href="../maps/full.html" class="waves-effect">Full screen map</a>
-                                </li>
-                                <li><a href="../maps/vector.html" class="waves-effect">Vector world map</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </li>
-                    <!-- Simple link -->
-                    <li><a href="../alerts/alerts.html" class="collapsible-header waves-effect"><i class="fa fa-bell-o"></i> Alerts</a></li>
-
-                    <li><a href="../modals/modals.html" class="collapsible-header waves-effect"><i class="fa fa-bolt"></i> Modals</a></li>
-
-                    <li><a href="../charts/charts.html" class="collapsible-header waves-effect"><i class="fa fa-pie-chart"></i> Charts</a></li>
-
-                    <li><a href="../calendar/calendar.html" class="collapsible-header waves-effect"><i class="fa fa-calendar-check-o"></i> Calendar</a></li>
-
-                    <li><a href="../sections/sections.html" class="collapsible-header waves-effect"><i class="fa fa-th-large"></i> Sections</a></li>
-
+                    <ul class="collapsible collapsible-accordion">
+             <!-- Simple link -->
+                        <li><a href="../alerts/alerts.html" class="collapsible-header waves-effect"><i class="fa fa-tachometer"></i> Dashboard</a></li>
+    
+                        <li><a href="/profile" class="collapsible-header waves-effect"><i class="fa fa-user"></i> Profile</a></li>
+    
+                        <li><a href="../alerts/alerts.html" class="collapsible-header waves-effect"><i class="fa fa-bell-o"></i> Notifications</a></li>
+    
+                        <li><a href="modals.html" class="collapsible-header waves-effect"><i class="fa fa-calendar-check-o"></i> My Matches</a></li>
+    
+                    </ul>
+                </li>
+                <!--/. Side navigation links -->
                 </ul>
-            </li>
-            <!--/. Side navigation links -->
-            </ul>
             <div class="sidenav-bg mask-strong"></div>
         </div>
         <!--/. Sidebar navigation -->
@@ -163,17 +89,17 @@
                     <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
                         <a class="dropdown-item" href="#">
                             <i class="fa fa-money mr-2" aria-hidden="true"></i>
-                            <span>New order received</span>
+                            <span>New match received</span>
                             <span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 13 min</span>
                         </a>
                         <a class="dropdown-item" href="#">
                             <i class="fa fa-money mr-2" aria-hidden="true"></i>
-                            <span>New order received</span>
+                            <span>New money received</span>
                             <span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 33 min</span>
                         </a>
                         <a class="dropdown-item" href="#">
                             <i class="fa fa-line-chart mr-2" aria-hidden="true"></i>
-                            <span>Your campaign is about to end</span>
+                            <span>Your challenge is about to end</span>
                             <span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 53 min</span>
                         </a>
                     </div>
@@ -206,7 +132,7 @@
     <main>
 
         <div class="container-fluid">
-
+                
             <!-- First row -->
             <div class="row mt-lg-5">
                 <!-- First column -->
@@ -216,7 +142,7 @@
 
                         <!--Card Data-->
                         <div class="admin-up">
-                            <i class="fa fa-money primary-color"></i>
+                            <!--<i class="fa fa-money primary-color"></i>-->
                             <div class="data">
                                 <p>FIT CASH</p>
                                 <h3 class="font-bold dark-grey-text">$406</h3>
@@ -230,7 +156,7 @@ <h3 class="font-bold dark-grey-text">$406</h3>
                                 <div class="progress-bar bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                             <!--Text-->
-                            <p class="card-text">Better than last week (25%)</p>
+                            <p class="card-text">Better than last week! Keep it Up! (25%)</p>
                         </div>
                         <!--/.Card content-->
 
@@ -245,10 +171,10 @@ <h3 class="font-bold dark-grey-text">$406</h3>
 
                         <!--Card Data-->
                         <div class="admin-up">
-                            <i class="fa fa-line-chart warning-color"></i>
+                            <!-- <i class="fa fa-line-chart warning-color"></i> -->
                             <div class="data">
-                                <p>SUBSCRIPTIONS</p>
-                                <h3 class="font-bold dark-grey-text">375</h3>
+                                <p>Total Gym Workouts This Month</p>
+                                <h3 class="font-bold dark-grey-text">27</h3>
                             </div>
                         </div>
                         <!--/.Card Data-->
@@ -259,7 +185,7 @@ <h3 class="font-bold dark-grey-text">375</h3>
                                 <div class="progress-bar grey darken-2" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                             <!--Text-->
-                            <p class="card-text">Worse than last week (25%)</p>
+                            <p class="card-text">Worse than last week! Get back to it! (25%)</p>
                         </div>
                         <!--/.Card content-->
 
@@ -274,10 +200,10 @@ <h3 class="font-bold dark-grey-text">375</h3>
 
                         <!--Card Data-->
                         <div class="admin-up">
-                            <i class="fa fa-pie-chart light-blue lighten-1"></i>
+                            <!-- <i class="fa fa-pie-chart light-blue lighten-1"></i> -->
                             <div class="data">
-                                <p>TRAFFIC</p>
-                                <h3 class="font-bold dark-grey-text">21 479</h3>
+                                <p>Total Challenges Joined</p>
+                                <h3 class="font-bold dark-grey-text">10</h3>
                             </div>
                         </div>
                         <!--/.Card Data-->
@@ -288,7 +214,7 @@ <h3 class="font-bold dark-grey-text">21 479</h3>
                                 <div class="progress-bar grey darken-2" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                             <!--Text-->
-                            <p class="card-text">Worse than last week (75%)</p>
+                            <p class="card-text">Join more challenges! You got this! (75%)</p>
                         </div>
                         <!--/.Card content-->
 
@@ -303,10 +229,9 @@ <h3 class="font-bold dark-grey-text">21 479</h3>
 
                         <!--Card Data-->
                         <div class="admin-up">
-                            <i class="fa fa-bar-chart red accent-2"></i>
-                            <div class="data">
-                                <p>ORGANIC TRAFFIC</p>
-                                <h3 class="font-bold dark-grey-text">4 567</h3>
+                            <!-- <i class="fa fa-bar-chart red accent-2"></i> -->
+                            <div class="data">Challenges Won this Month</p>
+                                <h3 class="font-bold dark-grey-text">5 </h3>
                             </div>
                         </div>
                         <!--/.Card Data-->
@@ -324,7 +249,7 @@ <h3 class="font-bold dark-grey-text">4 567</h3>
                     </div>
                     <!--/.Card-->
                 </div>
-            </div>
+            </section>
             <!-- /.First row -->
 
             <!-- Second row -->
@@ -337,32 +262,32 @@ <h3 class="font-bold dark-grey-text">4 567</h3>
 
                     <!--Panel-->
                     <div class="card mb-r">
-                        <div class="card-header white-text primary-color">
-                            Recent comments and replies
+                        <div class="card-header white-text primary-color" id= "card-header1">
+                            Community Motivation Messages
                         </div>
                         <div class="card-body">
 
                             <table class="table no-header mt-1">
                                 <tbody>
                                     <tr>
-                                        <td>John Doe</td>
-                                        <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</td>
+                                        <td>Pam Beasley</td>
+                                        <td>Yaaasss! Y'all are burning them calories!</td>
                                         <td class="hour"><small><span class="grey-text float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
                                     </tr>
                                     <tr>
-                                        <td>Merry Joe</td>
-                                        <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</td>
+                                        <td>Jim Halpert</td>
+                                        <td>I totally need more of that FITCASH!!!</td>
                                         <td class="hour"><small><span class="grey-text float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
                                     </tr>
                                     <tr>
-                                        <td>Jessie Doe</td>
-                                        <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</td>
+                                        <td>Michael Scott</td>
+                                        <td>FITNESS FITNESS FITNESS.</td>
                                         <td class="hour"><small><span class="grey-text float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
                                     </tr>
                                 </tbody>
                             </table>
 
-                            <button class="btn-flat grey lighten-3 btn-rounded waves-effect font-bold dark-grey-text float-right">View full report</button>
+                            <button class="btn-flat grey lighten-3 btn-rounded waves-effect font-bold dark-grey-text float-right">See all messages</button>
 
                         </div>
                     </div>
@@ -372,7 +297,7 @@ <h3 class="font-bold dark-grey-text">4 567</h3>
 
                     <div class="card mb-r">
                         <div class="card-header white-text primary-color">
-                            Issues
+                            Fitness Challenges
                         </div>
                         <div class="card-body">
                             <div class="table-responsive">
@@ -382,35 +307,35 @@ <h3 class="font-bold dark-grey-text">4 567</h3>
                                     <thead>
                                         <tr>
                                             <th class="font-bold dark-grey-text">Status</th>
-                                            <th class="font-bold dark-grey-text">Title</th>
-                                            <th class="font-bold dark-grey-text">User</th>
+                                            <th class="font-bold dark-grey-text">Challenge</th>
+                                            <th class="font-bold dark-grey-text">Lead</th>
                                             <th class="font-bold dark-grey-text">Date</th>
                                         </tr>
                                     </thead>
                                     <tbody>
                                         <tr>
                                             <td><span class="badge green">Open</span></td>
-                                            <td>Lorem ipsum dolor</td>
+                                            <td>Work week Hustle</td>
                                             <td>John Doe</td>
-                                            <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
+                                            <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 30 min ago</span></small></td>
                                         </tr>
                                         <tr>
                                             <td><span class="badge green">Open</span></td>
-                                            <td>Lorem ipsum dolor</td>
-                                            <td>John Doe</td>
+                                            <td>Weekend Warrior</td>
+                                            <td>Jane Doe</td>
                                             <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
                                         </tr>
                                         <tr>
                                             <td><span class="badge warning-color">In progress</span></td>
-                                            <td>Lorem ipsum dolor</td>
-                                            <td>John Doe</td>
+                                            <td>Steps Challenege</td>
+                                            <td>Stanley Hudson</td>
                                             <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
                                         </tr>
                                         <tr>
                                             <td><span class="badge red">Closed</span></td>
-                                            <td>Lorem ipsum dolor</td>
-                                            <td>John Doe</td>
-                                            <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 12 min</span></small></td>
+                                            <td>Stair Master</td>
+                                            <td>Kevin Malone</td>
+                                            <td class="hour"><small><span class="grey-text"><i class="fa fa-clock-o" aria-hidden="true"></i> 45 min</span></small></td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -431,27 +356,27 @@ <h3 class="font-bold dark-grey-text">4 567</h3>
                     <!--Panel-->
                     <div class="card mb-r">
                         <div class="card-header white-text primary-color">
-                            Users activity
+                            User activity
                         </div>
                         <div class="card-body">
                             <div class="row mb-1">
                                 <div class="col-4">
-                                    <small class="grey-text">Pages/Visits</small>
-                                    <h4>139 419</h4>
+                                    <small class="grey-text">Total Users</small>
+                                    <h4>139</h4>
                                 </div>
                                 <div class="col-4">
-                                    <small class="grey-text">New visitors</small>
+                                    <small class="grey-text">New users</small>
                                     <h4>51.94%</h4>
                                 </div>
                                 <div class="col-4">
                                     <small class="grey-text">Last week</small>
-                                    <h4>51 932</h4>
+                                    <h4>51</h4>
                                 </div>
                             </div>
                             <div class="row mb-1">
                                 <div class="col-4">
-                                    <small class="grey-text">Pages/Visits</small>
-                                    <h4>139 419</h4>
+                                    <small class="grey-text">Total Gym Visits</small>
+                                    <h4>419</h4>
                                 </div>
                                 <div class="col-4">
                                     <small class="grey-text">New visitors</small>
@@ -459,14 +384,14 @@ <h4>51.94%</h4>
                                 </div>
                                 <div class="col-4">
                                     <small>Last week</small>
-                                    <h4>51 932</h4>
+                                    <h4>932</h4>
                                 </div>
                             </div>
 
                             <div class="row mb-1">
                                 <div class="col-4">
-                                    <small class="grey-text">Pages/Visits</small>
-                                    <h4>139 419</h4>
+                                    <small class="grey-text">Total Challenges</small>
+                                    <h4>85</h4>
                                 </div>
                                 <div class="col-4">
                                     <small class="grey-text">New visitors</small>
@@ -474,7 +399,7 @@ <h4>51.94%</h4>
                                 </div>
                                 <div class="col-4">
                                     <small class="grey-text">Last week</small>
-                                    <h4>51 932</h4>
+                                    <h4>51</h4>
                                 </div>
                             </div>
 
