Makes site responsive on xs device (#13)(#9)

* solved the problem of dropdown

* made the site mobile responsive by using bootstrap grid

* added my name in CONTRIBUTORS.txt

* Left a line after my name entry

* zoom in/out allowed

* Removed all the dead links

* increased the size of image and decreased the size of the text

* made padding-top and padding-bottom and made all the changes in main.css and deleted style.css

Author: Tushar Malik

CONTRIBUTORS.txt

@@ -7,7 +7,8 @@ Code Contributors
  - Tanya Jain (gh: Tanya-Jain)
  - Saurabh Kumar (gh: theskumar)
  - Theodoros Ploumis (gh: theodorosploumis)
-
+ - Tushar Malik (gh: Tusharmalik)
+ 
 Special Thanks
 ==============
 

assets/css/main.css

@@ -99,8 +99,16 @@ footer {
 .row.content {
   padding-left: 15px;
   padding-right: 15px;
+  padding-top: 15px;
+  padding-bottom: 15px;
 }
 
 .navbar-brand {
   color: #FFFFFF;
 }
+
+@media screen and (max-width: 480px) {
+   .container img { width: 50%;}
+   .container p {font-size: 100%;}
+} 
+

index.html

@@ -30,12 +30,12 @@
     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
       <div class="container">
         <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+          <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
             <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
-          </button>
+          </button> -->
           <a class="navbar-brand" href="#">LinuxChix India</a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">
@@ -60,34 +60,34 @@ <h2>Welcome to Indian chapter of</h2>
         <h1>LinuxChix!</h1>
         <img class="logo-cover" src="assets/img/logo_transparent.png" />
         <p>LinuxChix is a community for women who like Linux and for anyone who wants to support women in computing. We aim to promote FOSS primarily Linux and related projects among women and other minorities in tech. We are a group of enthusiastic people ranging from students to professional experts willing to teach and foster the growth of Linux.</p>
-        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+        <!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p> -->
       </div>
     </div>
 
     <div class="container-fluid">
       <!-- Example row of columns -->
       <div class="row content">
-        <div class="col-md-4">
+        <div class="col-md-4 col-xs-12">
           <h2>About Us</h2>
           <div class="justify-text">
             <p>LinuxChix India is a regional chapter in India of LinuxChix, a global community for women who like Linux
             and for anyone who wants to support <strong>women in computing</strong>. We are an international group of Free Software
             users and developers, founded in 1999 with the aim of supporting women in Linux. It is not only for women.</p>
           </div>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          <!-- <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> -->
         </div>
-        <div class="col-md-4">
+        <div class="col-md-4 col-xs-12">
           <h2>Our Motto</h2>
           <p id="motto">Be Polite.</br>Be Helpful. </p>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-4 col-xs-12">
           <h2>Our Aim and Vision</h2>
           <div class="justify-text">
             <p>
               We aim to bring together women around India involved in various FOSS projects, enhance women participation in FOSS related activities, share knowledge and increase awareness. Our vision is to promote the usage of FOSS and to help women identify avenues for contribution.
             </p>
           </div>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          <!-- <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> -->
         </div>
       </div>
       <hr>