diff --git a/index.html b/index.html
index fd005ad..3e49695 100644
--- a/index.html
+++ b/index.html
@@ -50,23 +50,24 @@ <h4 class="pull-right"></h4>
                 </div>
               </div>
             </div>
-            <a id="" class="more click" >More info</a>
-            <a class="register" href="">Register</a>
+            <span></span>
+            <a role="button" id="" class="more click" tabindex="0">More info</a>
+            <a role="button" class="register" href="" tabindex="0">Register</a>
           </figcaption>
         </figure>
       </li>
     </script>
     <script id="single-template" type=text/html>
       <div>
-        <section class="info col-xs-12 col-sm-12 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
+        <section class="info col-xs-12 col-sm-12 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8" tabindex="0">
           <h1 class="text-center"></h1>
           <h3 class="pull-left"><br></h3>
           <h3 class="pull-right">Start Time:<br><br>End Time:</h3>
           <!-- <h3 class="pull-right"></h3> -->
           <p></p>
           <div class="buttons">
-            <a class="reg" href=""><button id="registersingle" type="button" class="btn btn-primary btn-lg pull-left">Register Here</button></a>
-            <a class="meetup" href=""><button id="meetupsingle" type="button" class="btn btn-info btn-lg pull-right">Meetup Page</button></a>
+            <a class="reg" href="" role="button"><button id="registersingle" type="button" class="btn btn-primary btn-lg pull-left">Register Here</button></a>
+            <a class="meetup" href=""><button id="meetupsingle" type="button" class="btn btn-info btn-lg pull-right" role="button">Meetup Page</button></a>
           </div>
         </section>
       </div>
@@ -78,7 +79,7 @@ <h3 class="pull-right">Start Time:<br><br>End Time:</h3>
       <header id="masthead" class="col-md-12">
         <div class="container col-md-8 col-md-offset-2">
           <div id="tabzilla">
-              <a href="https://www.mozilla.org/">Mozilla</a>
+            <a href="https://www.mozilla.org/">mozilla</a>  
           </div>
           <nav id="nav-main" role="navigation">
             <span class="toggle" role="button" aria-controls="nav-main-menu" tabindex="0">Menu</span>
@@ -94,18 +95,20 @@ <h3 class="pull-right">Start Time:<br><br>End Time:</h3>
       <!-- Sticky Events section goes here -->
       <h3 class="text-center">This is Alpha v0.2.1 of Mozpacers powered by MozAwesomeness ;)</h3>
       <!-- Hero Image goes here -->
-      <section id="Hero_Image">
+      <section id="Hero_Image" aria-labelledby="mozpacers-group-photo-h">
+        <h1 class="sr-only" id="mozpacers-group-photo-h">Mozpacers Group Photo</h1>
         <div class ="row">
           <div id ="hero_col" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
-            <img id="hero_main" src="src/client/img/hero/back2.jpg" class ="img-responsive animated fadeInDown" />
-            <img id="hero_logo" src="src/client/img/hero/logo2.png" class="img-responsive col-xs-3 col-sm-2 col-md-2 col-lg-2 animated fadeInDown"  />
+            <img id="hero_main" src="src/client/img/hero/back2.jpg" class ="img-responsive animated fadeInDown" alt="Mozpacers Group Photo" />
+            <img id="hero_logo" src="src/client/img/hero/logo2.png" class="img-responsive col-xs-3 col-sm-2 col-md-2 col-lg-2 animated fadeInDown" alt="Mozilla Delhi Logo"  />
           </div>
         </div>
       </section>
       <!-- Hero Image ends Here -->
 
       <!-- Firefox Download section goes here -->
-      <section id="download-section">
+      <section id="download-section" role="banner" aria-labelledby="firefox-download-h">
+        <h1 class="sr-only" id="firefox-download-h">Firefox Download Banner</h1>
         <div class="container">
           <div class="row">
             <div class="col-md-8 col-sm-12">
@@ -128,37 +131,14 @@ <h1 id="ff-download-btn-h" class="col-sm-12">
           </div><!-- Row End -->
         </div><!-- Container End -->
       </section>
-      <!-- Events section goes here -->
-      <section id="events" class="container-fluid">
-        <div class="row grid">
-          <header>
-            <h1 class="text-center">Upcoming events</h1>
-          </header>
-        </div>
-        <div class="row">
-          <ul class="grid cs-style-3 event future">
-          </ul>
-        </div>
-        <div class="row grid">
-          <button id="future-more" type="button" class="click btn btn-default btn-lg col-xs-offset-4 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">More events</button>
-        </div>
-        <div class="row grid">
-          <header>
-            <h1 class="text-center">Past events</h1>
-          </header>
-        </div>
-        <div class="row">
-          <ul class="grid cs-style-3 event past">
-          </ul>
-        </div>
-        <div class="row grid">
-          <button id="past-more" type="button" class="click btn btn-default btn-lg col-xs-offset-4 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">More events</button>
-        </div>
-      </section>
-      <section id="testcase" class="container-fluid testing">
-        <div class="row grid">
-          <div class="container-back">
-          <a class="back"><i class="fa fa-4x fa-chevron-left"></i></a>
+      <div role="main">
+        <!-- Events section goes here -->
+        <section id="events" class="container-fluid" aria-labelledby="events-h">
+          <h1 id="events-h" class="sr-only">Events</h1>
+          <div class="row grid">
+            <header>
+              <h1 class="text-center" >Upcoming events</h1>
+            </header>
           </div>
         </div>
         <div class="row">
@@ -166,198 +146,213 @@ <h1 class="text-center">Past events</h1>
           </ul>
           <div class="single-event col-xs-12 col-sm-12 col-md-12 col-lg-12">
           </div>
-        </div>
-      </section>
-      <!-- Slider goes here -->
-      <section class="pillars">
-        <ul class="accordion">
-          <li id="panel-friends" class="panel" tabindex="0">
-            <h2 class="panel-title">Firefox Friends</h2>
-            <div class="panel-inner">
-              <div class="panel-content">
-                <a href="http://friends.mozilla.org" target="_blank">
+          <div class="row grid">
+            <button id="future-more" type="button" class="click btn btn-default btn-lg col-xs-offset-4 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">More events</button>
+          </div>
+          <div class="row grid">
+            <header>
+              <h1 class="text-center">Past events</h1>
+            </header>
+          </div>
+          <div class="row">
+            <ul class="grid cs-style-3 event past">
+            </ul>
+          </div>
+          <div class="row grid">
+            <button id="past-more" type="button" class="click btn btn-default btn-lg col-xs-offset-4 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">More events</button>
+          </div>
+        </section>
+        <section id="testcase" class="container-fluid testing">
+          <div class="row grid">
+            <div class="container-back">
+            <a class="back" role="button" tabindex="0"><i title="back to main page" class="fa fa-4x fa-chevron-left"></i></a>
+            </div>
+          </div>
+          <div class="row">
+            <ul class="grid cs-style-3 event-view">
+            </ul>
+            <div class="single-event col-xs-12 col-sm-12 col-md-12 col-lg-12">
+            </div>
+          </div>
+        </section>
+        <!-- Slider goes here -->
+        <section class="pillars" role="slider" aria-labelledby="slider-h">
+          <h1 id="slider-h" class="sr-only">Interactive Slider</h1>
+          <ul class="accordion">
+            <li id="panel-friends" class="panel" tabindex="0">
+              <h2 class="panel-title">Firefox Friends</h2>
+              <div class="panel-inner">
+                <div class="panel-content">
                   <h3>Join The Innovators</h3>
                   <p>
                     Firefox Friends is our ever-growing team of social-sharers and word-spreaders. By joining, you’ll be helping us bring an open and innovative Web to people everywhere.
                   </p>
                   <p class="go">
-                    Visit Firefox Friends
+                    <a href="http://friends.mozilla.org" target="_blank">Visit Firefox Friends</a>
                   </p>
-                </a>
+                </div>
               </div>
-            </div>
-          </li>
-          <li id="panel-webmaker" class="panel" tabindex="0">
-            <h2 class="panel-title"><i>The Web</i> You Want</h2>
-            <div class="panel-inner">
-              <div class="panel-content">
-                <a href="https://www.webmaker.org" hreflang="en-US" target="_blank">
+            </li>
+            <li id="panel-webmaker" class="panel" tabindex="0">
+              <h2 class="panel-title"><i>The Web</i> You Want</h2>
+              <div class="panel-inner">
+                <div class="panel-content">
                   <h3>Make The Web You Want</h3>
                   <p>
                     Join us at Mozilla Web Maker and help shape the web you want. Web Maker helps you to create your own web.
                   </p>
                   <p class="go">
-                    Mozilla Web Maker
+                    <a href="https://www.webmaker.org" hreflang="en-US" target="_blank">Mozilla Web Maker</a>
                   </p>
-                </a>
+                </div>
               </div>
-            </div>
-          </li>
-          <li id="panel-FSA" class="panel" tabindex="0">
-            <h2 class="panel-title"><i>Firefox Student</i> Ambassador</h2>
-            <div class="panel-inner">
-              <div class="panel-content">
-                <a href="https://www.mozilla.org/en-US/contribute/studentambassadors/" target="_blank">
+            </li>
+            <li id="panel-FSA" class="panel" tabindex="0">
+              <h2 class="panel-title"><i>Firefox Student</i> Ambassador</h2>
+              <div class="panel-inner">
+                <div class="panel-content">
                   <h3>Help Change the Web</h3>
                   <p>
                     Individuals who are passionate about Mozilla and raise awareness about many benefits of firefox
                     and other Mozilla products.
                   </p>
                   <p class="go">
-                    Become a student ambassador
+                    <a href="https://www.mozilla.org/en-US/contribute/studentambassadors/" target="_blank">Become a student ambassador</a>
                   </p>
-                </a>
+                </div>
               </div>
-            </div>
-          </li>
-          <li id="panel-fxos" class="panel" tabindex="0">
-            <h2 class="panel-title"><i>Discover </i><br> Firefox OS</h2>
-            <div class="panel-inner">
-              <div class="panel-content">
-                <a href="https://www.mozilla.org/en-US/firefox/os/2.0/" target="_blank">
+            </li>
+            <li id="panel-fxos" class="panel" tabindex="0">
+              <h2 class="panel-title"><i>Discover </i><br> Firefox OS</h2>
+              <div class="panel-inner">
+                <div class="panel-content">
                   <h3>Discover Firefox OS</h3>
                   <p>
                     Designed to give you what you need, just when you need it. Firefox OS is an open source OS based on web
                     technologies to bring you the best experience.
                   </p>
                   <p class="go">
-                    Get Firefox OS
+                    <a href="https://www.mozilla.org/en-US/firefox/os/2.0/" target="_blank">Get Firefox OS</a>
                   </p>
-                </a>
+                </div>
               </div>
-            </div>
-          </li>
-          <li id="panel-reps" class="panel" tabindex="0">
-            <h2 class="panel-title"><i>Mozilla</i> Representatives</h2>
-            <div class="panel-inner">
-              <div class="panel-content">
-                <a href="https://www.mozilla.org/fr/mission/" target="_blank">
+            </li>
+            <li id="panel-reps" class="panel" tabindex="0">
+              <h2 class="panel-title"><i>Mozilla</i> Representatives</h2>
+              <div class="panel-inner">
+                <div class="panel-content">
                   <h3>Mozilla Representatives</h3>
                   <p>
                     The program aims at those enthusiastic volunteers of Mozilla who want to become official representatives of Mozilla in
                     their locale/region.
                   </p>
                   <p class="go">
-                    Join the Mozilla Mission
+                    <a href="https://www.mozilla.org/fr/mission/" target="_blank">Join the Mozilla Mission</a>
                   </p>
-                </a>
+                </div>
               </div>
-            </div>
-          </li>
-        </ul>
-      </section>
-      <!-- About us goes here -->
-      <section id="About">
-        <div class="container">
-          <div class="row">
-            <div id="AboutUs" class="col-md-12">
-              <h1>Who are Mozpacers?</h1>
-              <p>Mozpacers are the active Mozillians of the Delhi Mozilla Community. 2 ReMos Anup Kumar Mishra and Ajay Kumar, along with Bhuvnesh Dogra took up initiatives in early 2014, to ameliorate the existing Delhi Mozilla Community. Ever since then, the Community has been deluged with contributors from diverse disciplines.</p>
-              <p>We strongly believe in building up an Open and dynamic community, who will contribute actively to achieve Mozilla’s Mission i.e. <i>Making a better Web.</i></p>
-              <h1>Regions Covered:</h1>
-              <p>Apart from Delhi and NCR , we also propagate the idea of Open source Community and Mozilla in various other North Indian states viz <strong>Himachal Pradesh, Rajasthan, Punjab</strong> etc, through various workshops, seminars and events.</p>
-              <h1>Structure of the Community:</h1>
-              <p>Two major groups constitute the Community. These are:</p>
-              <ul>
-                <li>Technical Contributors</li>
-                <li>Non technical Contributors</li>
-              </uL>
-              <p>But, an individual contributing in a technical project , can also be an active part of another non technical project and vice versa. We make sure , that everyone gets the opportunity to take up various leadership and managerial roles. We heartily welcome any type of contributor and they can opt to be a part of any of the project, depending on his/her field of interest.</p>
-            </div>
-            <div id="coreContributers" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
-            <ul class="ContributerImages">
-              <h1 id="contributors">Meet the team</h1>
-              <li>
-                <div class="ch-item ch-img-1">
-                  <div class="ch-info">
-                    <h3>Ajay Kumar</h3>
-                    <p>Community Mentor<a href="https://reps.mozilla.org/u/ajaysinghi1188/">View on Reps</a></p>
+            </li>
+          </ul>
+        </section>
+        <!-- About us goes here -->
+        <section id="About" aria-labelledby="about-us-h">
+          <h1 class="sr-only" id="about-us-h">About Us</h1>
+          <div class="container">
+            <div class="row">
+              <div id="AboutUs" class="col-md-12">
+                <h1>Who are Mozpacers?</h1>
+                <p>Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from diverse backgrounds to better contribute the making of better web, as is mission of Mozilla.</p>
+                <h1>Regions Covered:</h1>
+                <p>The fragrance is not just in Delhi and NCR zone but we also conduct various campaigns and workshops in North India states viz. Haryana, Himachal Pradesh, Punjab etc. This way we get to teach a lot of people about web and Mozilla’s mission and in the same time get potential people in the community.</p>
+                <h1>Structure of the Community:</h1>
+                <p>We are mainly divided into Technical and Non-technical teams. We try that all the members get to take various leadership and managerial roles in various projects and events. We are open to the way of contributions and anybody can contribute in whichever positions he/she are comfortable in. </p>
+              </div>
+              <div id="coreContributers" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+              <ul class="ContributerImages">
+                <h1>Meet the team</h1>
+                <li>
+                  <div class="ch-item ch-img-1">
+                    <div class="ch-info">
+                      <h2>Ajay Kumar</h2>
+                      <p>Community Mentor<a href="https://reps.mozilla.org/u/ajaysinghi1188/">View on Reps</a></p>
+                    </div>
                   </div>
-                </div>
-              </li>
-              <li>
-                <div class="ch-item ch-img-2">
-                  <div class="ch-info">
-                    <h3>Anup Mishra</h3>
-                    <p>Community Mentor<a href="https://reps.mozilla.org/u/anupkumarmishra29/">View on Reps</a></p>
+                </li>
+                <li>
+                  <div class="ch-item ch-img-2">
+                    <div class="ch-info">
+                      <h2>Anup Mishra</h2>
+                      <p>Community Mentor<a href="https://reps.mozilla.org/u/anupkumarmishra29/">View on Reps</a></p>
+                    </div>
                   </div>
-                </div>
-              </li>
-              <li>
-                <div class="ch-item ch-img-3">
-                  <div class="ch-info">
-                    <h3>Bhuvnesh Kumar</h3>
-                    <p>Community Mentor<a href="https://mozillians.org/en-US/u/BhuvneshDogra/">View on Mozillians</a></p>
+                </li>
+                <li>
+                  <div class="ch-item ch-img-3">
+                    <div class="ch-info">
+                      <h2>Bhuvnesh Kumar</h2>
+                      <p>Community Mentor<a href="https://mozillians.org/en-US/u/BhuvneshDogra/">View on Mozillians</a></p>
+                    </div>
                   </div>
-                </div>
-              </li>
-            </ul>
+                </li>
+              </ul>
+              </div>
             </div>
           </div>
-        </div>
-      </section>
-      <!--  About(Community) goes here  -->
-      <section id="community">
-        <div class="container">
-          <div class="row">
-            <div class="col-sm-4 col-md-4 col-lg-4">
-              <span class="spanContributer">
-                <i class="fa fa-users fa-lg"></i>
-                 10,554
-              </span>
-              <br>
-              <span class='content'>
-                active Mozillians
-                 <br>
-                worldwide
-              </span>
-            </div>
-            <div class="col-sm-4 col-md-4 col-lg-4">
-              <span class="spanOrganiser">
-                <i class="fa fa-heart fa-lg"></i>
-                 121
-              </span>
-              <br>
-              <span class='content'>
-                upcoming events
+        </section>
+        <!--  About(Community) goes here  -->
+        <section id="community" role="banner" aria-labelledby="community-h">
+          <h1 class="sr-only" id="community-h">Mozilla Community</h1>
+          <div class="container">
+            <div class="row">
+              <div class="col-sm-4 col-md-4 col-lg-4">
+                <span class="spanContributer">
+                  <i class="fa fa-users fa-lg"></i>
+                   10,554
+                </span>
                 <br>
-                around the globe
-              </span>
-            </div>
-            <div class="col-sm-4 col-md-4 col-lg-4">
-              <span class="statCountries">
-                <i class="fa fa-globe fa-lg"></i>
-                 87
-              </span>
-              <br>
-              <span class='content'>
-                languages and counting,
+                <span class='content'>
+                  active Mozillians
+                   <br>
+                  worldwide
+                </span>
+              </div>
+              <div class="col-sm-4 col-md-4 col-lg-4">
+                <span class="spanOrganiser">
+                  <i class="fa fa-heart fa-lg"></i>
+                   121
+                </span>
                 <br>
-                on every continent
-              </span>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
-              <a class="contribute-btn" href="https://www.mozilla.org/en-US/contribute/" data-element-location="button-click" data-link-type="Get Involved with Mozilla today">Get Involved with Mozilla today</a>
+                <span class='content'>
+                  upcoming events
+                  <br>
+                  around the globe
+                </span>
+              </div>
+              <div class="col-sm-4 col-md-4 col-lg-4">
+                <span class="statCountries">
+                  <i class="fa fa-globe fa-lg"></i>
+                   87
+                </span>
+                <br>
+                <span class='content'>
+                  languages and counting,
+                  <br>
+                  on every continent
+                </span>
+              </div>
+              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+                <a class="contribute-btn" href="https://www.mozilla.org/en-US/contribute/" data-element-location="button-click" data-link-type="Get Involved with Mozilla today">Get Involved with Mozilla today</a>
+              </div>
             </div>
           </div>
-        </div>
-      </section>
+        </section>
+      </div>
       <!-- Contact Form goes here -->
-      <section id="contact_form" class="contact">
+      <section id="contact_form" class="contact" role="form" aria-labelledby="contact-h">
         <div class="container">
           <div class="row">
             <div class="col-lg-12 text-center">
-              <h2 style="color:white" class="section-heading">Contact Us</h2>
+              <h2 class="section-heading" id="contact-h">Contact Us</h2>
             </div>
           </div>
             <div class="row">
@@ -365,10 +360,12 @@ <h2 style="color:white" class="section-heading">Contact Us</h2>
                 <div class="row">
                   <div class="col-lg-offset-2 col-lg-8 col-md-offset-2 col-md-8">
                     <div class="form-group">
+                      <label class="sr-only" for="name">Name</label>
                       <input class="form-control" type="text" name="name" id="name" placeholder="Name*" />
                       <span class="error" id="error_name"></span>
                     </div>
                     <div class="form-group">
+                     <label class="sr-only" for="email">Email</label>
                      <input class="form-control" type="email" name="email" id="email" placeholder="Email Address*" />
                      <span class="error" id="error_email"></span>
                     </div>
@@ -378,6 +375,7 @@ <h2 style="color:white" class="section-heading">Contact Us</h2>
                     </div>
                     <div class="form_group">
                       <div class="row">
+                        <label class="sr-only" for="message">Message</label>
                         <span id="success" class="col-xs-4"></span>
                         <input type="submit" name="send" id="send" value="Send" class="col-sm-8 btn btn-lg btn-info send-button" >
                       </div>
@@ -390,7 +388,7 @@ <h2 style="color:white" class="section-heading">Contact Us</h2>
       </section>
     </div>
       <!-- Footer goes here -->
-      <footer class="navbar-static-bottom clearfix" >
+      <footer class="navbar-static-bottom clearfix" role="contentinfo" >
         <div class="container">
           <div class="row">
             <div class="text-center col-xs-12 col-sm-12 col-md-3 col-lg-3">
@@ -430,33 +428,45 @@ <h2 style="color:white" class="section-heading">Contact Us</h2>
             <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
               <div class="row" id="social_icons">
                 <div class="col-xs-12 text-center">
-                  <h2> Connect with us </h2>
+                  <h2 id="connect-h"> Connect with us </h2>
                 </div>
               </div>
               <div class="row">
                 <div class="col-xs-12 text-center">
-                  <a target="_blank" href="https://github.com/mozpacers">
-                    <i class="fa fa-github fa-3x"></i>
-                  </a>
-                  <a target="_blank" href="https://www.facebook.com/mozpacers">
-                    <i class="fa fa-facebook fa-3x"></i>
-                  </a>
-                  <a target="_blank" href="https://twitter.com/mozpacers">
-                    <i class="fa fa-twitter fa-3x"></i>
-                  </a>
-                  <a target="_blank" href="https://www.youtube.com/channel/UCeT3xFmGkKhvjUMjNCiBLkg">
-                    <i class="fa fa-youtube fa-3x"></i>
-                  </a>
-                  <a target="_blank" href="https://mozpacers.slack.com/">
-                    <i class="fa fa-slack fa-3x"></i>
-                  </a>
+                  <ul id="social-links" aria-labelledby="connect-h">
+                    <li>
+                      <a target="_blank" href="https://github.com/mozpacers">
+                        <i class="fa fa-github fa-3x" title="Mozpacers on Github"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a target="_blank" href="https://www.facebook.com/mozpacers">
+                        <i class="fa fa-facebook fa-3x" title="Mozpacers on Facebook"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a target="_blank" href="https://twitter.com/mozpacers">
+                        <i class="fa fa-twitter fa-3x" title="Mozpacers on Twitter"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a target="_blank" href="https://www.youtube.com/channel/UCeT3xFmGkKhvjUMjNCiBLkg">
+                        <i class="fa fa-youtube fa-3x" title="Mozpacers on Youtube"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a target="_blank" href="https://mozpacers.slack.com/">
+                        <i class="fa fa-slack fa-3x" title="Mozpacers on Slack"></i>
+                      </a>
+                    </li>
+                  </ul>
                 </div>
               </div> <!--Social Icon's END -->
             </div> <!--Connect with us END -->
           </div>
         </div>
       </footer>
-      <section id="copyright">
+      <section id="copyright" role="banner">
         <div class="row">
           <div class="col-xs-12 text-center">
           <p><b>©Mozilla Delhi 2015 </b>| Powered by <b>Mozpacers</b></p>
diff --git a/src/client/css/style.css b/src/client/css/style.css
index 4750c6e..c330261 100644
--- a/src/client/css/style.css
+++ b/src/client/css/style.css
@@ -317,7 +317,7 @@ section#About{
 	transform: scale(0);
 	backface-visibility: hidden;
 }
-.ch-info h3 {
+.ch-info h2 {
 	color: #fff;
 	text-transform: uppercase;
 	position: relative;
@@ -1088,6 +1088,9 @@ section#community .fa-globe{
 #send{
   margin-bottom:15px;
 }
+#contact-h {
+  color:white;
+}
 
 
 .contact {
@@ -1245,6 +1248,14 @@ footer a:hover, a:focus{
   transform: scaleX(1);
 }
 
+#social-links {
+  list-style-type:none;
+}
+
+#social-links > li {
+  display:inline;
+}
+
 /*Footer End*/
 
 /* Copyright Text */
@@ -1450,6 +1461,56 @@ section#copyright{
   visibility:visible;
   transition:height 0.4s,opacity 0.4s,visibility 0.4s;
 }
+/* Keyboard accessability for events card */
+.cs-style-3 figcaption .more:focus , .cs-style-3 figcaption .register:focus {
+  opacity:1;
+  visibility:visible;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s;
+}
+.cardfigure:focus figcaption .more {
+  height:initial;
+  visibility: visible;
+  opacity: 1;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s   
+}
+.cardfigure:hover figcaption .register {
+  visibility: visible;
+  height: initial;
+  opacity:1;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s
+}
+.cardfigure:focus figcaption .register {
+  visibility: visible;
+  height: initial;
+  opacity:1;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s
+}
+.cardfigure figcaption .more:focus + .register {
+  visibility: visible;
+  height: initial;
+  opacity:1;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s
+}
+.cardfigure figcaption .more:focus {
+  height:initial;
+}
+.cardfigure figcaption .register:focus {
+  height:initial;
+}
+.cs-style-3 figure:focus figcaption 
+{
+  transition: height 0.4s;
+}
+.cs-style-3 figure:focus figcaption p
+{
+  height:60%;
+  opacity:1;
+  visibility:visible;
+  transition:height 0.4s,opacity 0.4s,visibility 0.4s;
+}
+/* Keyboard accessability for events card */
+
+
 .cs-style-3 figure:hover figcaption .more, .cs-style-3 figure:hover figcaption .register
 {
   height:initial;
@@ -1490,7 +1551,7 @@ section#copyright{
   background-color: #363636;
   color: #E0E4CC;
 }
-.cardfigure a:hover{
+.cardfigure a:hover, .cardfigure a:focus{
   color:#363636;
   background-color:#E0E4CC;
   text-decoration: none;
diff --git a/src/client/js/script.js b/src/client/js/script.js
index 747ef78..a2add92 100644
--- a/src/client/js/script.js
+++ b/src/client/js/script.js
@@ -1382,6 +1382,17 @@ $(document).ready(function() {
       function() {
         $(this).find("figcaption").css("height","120px");
     });
+  /* Keyboard accessability for events card */
+  $(document.body).on('focusin', '.cardfigure',
+      function() {
+        var height = $(this).css( "height" );
+        $(this).find("figcaption").css("height",height);
+    });
+  $(document.body).on('focusout', '.cardfigure',
+      function() {
+        $(this).find("figcaption").css("height","100px");
+    });
+  /* Keyboard accessabilty for events card */
   var requestupcoming = $.ajax({
               url: "http://stormy-gorge-8134.herokuapp.com/api/events/?time=future",
               method: "GET",