Merge pull request #9 from mathalav55/version-2.0

home-page modified
vamsikrishnamathala · Oct 12, 2019 · 9ca6c97 · 9ca6c97
2 parents 4de99ba + 06ef76e
commit 9ca6c97
Show file tree

Hide file tree

Showing 7 changed files with 117 additions and 49 deletions.
diff --git a/about.html b/about.html
@@ -39,7 +39,7 @@
 
 <body class="profile-page sidebar-collapse">
   <!-- Navbar -->
-  <nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300">
+  <nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="300">
     <div class="container">
       <div class="navbar-translate">
         <a class="navbar-brand grandhalay" 
@@ -126,7 +126,7 @@ <h3 class="title">Who we are?</h3>
                       <p class="card-text">We are a group of non governmental
                          and voluntary organisations from the city of destiny 
                          - Visakhapatnam with a common aim to improve the 
-                         standards of education facilities at government aided schools.</p>
+                         standards of education facilities at government schools.</p>
                         <a href="organisations.html">
                             <button type="button" class="btn btn-primary btn-round">
                               Organisations
@@ -140,10 +140,11 @@ <h3 class="title">Who we are?</h3>
                     <img class="card-img-top" src="assets/img/why.jpg" alt="Card image cap">
                     <div class="card-body">
                       <h3 class="title">What we do??</h3>
-                      <p class="card-text">There are library rooms in government 
-                        schools but are lacking with enough number of books.
-                         So, we the voluntary organisations united to help fill 
-                         the libraries in government school with required number of books.</p>
+                      <p class="card-text">
+                        Library rooms in government schools are lacking enough resources.
+                         United under the banner of GRANDHALAY, 
+                        we collect books from around city and make sure they reach 
+                        the right place(Government schools).</p>
                     </div>
                 </div>
             </div>
@@ -152,13 +153,12 @@ <h3 class="title">What we do??</h3>
                     <img class="card-img-top" src="assets/img/what.jpg" alt="Card image cap">
                     <div class="card-body">
                       <h3 class="title">Why are we doing?</h3>
-                      <p class="card-text">In this 21st century, it is so sad to hear that
-                         the education system became a business for many of the private
-                          and corporate institutions who are digging the assets and properties 
-                          of parents for their child to get educated. Whereas, the government
-                           schools are not too expensive and also have their standards almost 
-                           equivalent to private institutions. Due to lack of awareness, 
-                           the public aren't utilising the facilities provided by government aided schools.</p>
+                      <p class="card-text">
+                        Every school must and should have a library.
+                         Be it private or government. A child is a child everywhere.
+                          Knowledge should equally shared inspite of the caste, creed and status.
+                        So, our common aim is to set up libraries in government schools 
+                        which helps children spend enough time acquiring knowledge.</p>
                     </div>
                 </div>
             </div>
@@ -196,8 +196,9 @@ <h2 class="title">How we do?</h2>
                 <div class="card" style="width: 20rem;">
                   <img class="card-image-top" src="assets/img/daonation-box.jpg" alt="">
                     <div class="card-body">
-                      <p class="card-text">PEOPLE COME, DONATE AND ENTER 
-                        THEIR DETAILS IN THE REGISTER PROVIDED AT PICK UP POINT</p>
+                      <p class="card-text">WE SET UP PICKUP POINTS IN AND AROUND
+                        THE CITY
+                      </p>
                     </div>
                 </div>
             </div>
@@ -206,18 +207,18 @@ <h2 class="title">How we do?</h2>
                     <img class="card-image-top" src="assets/img/warehouse.jpg" alt="">
                     <div class="card-body">
                       <p class="card-text">THE BOOKS WILL BE PICKED UP AT
-                         CERTAIN INTERVAL FROM THE PICK UP POINTS AND 
-                         SENT TO THE WAREHOUSE</p>
+                         CERTAIN INTERVAL FROM THE PICK UP POINTS</p>
                     </div>
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="card" style="width: 20rem;">
                     <img class="card-image-top" src="assets/img/book_category.jpg" alt="">
                     <div class="card-body">
-                      <p class="card-text">THE BOOKS WILL BE CATEGORISED, 
-                        SUMMED UP AND DATA WILL BE ENTERED IN THE BOOKS 
-                        COLLECTION REGISTER</p>
+                      <p class="card-text">
+                           BOOKS WILL BE CATEGORIZED AND DISTRIBUTED
+                            TO GOVERNMENT SCHOOLS
+                      </p>
                         <button type="button" class="btn btn-primary btn-round" data-toggle="modal" data-target="#loginModal2">
                             Book Categories
                         </button>

diff --git a/assets/css/paper-kit.css b/assets/css/paper-kit.css
diff --git a/assets/demo/demo.css b/assets/demo/demo.css
@@ -4,4 +4,52 @@
 }
 #nav{
   color: black
-}
+}
+.space-filler{
+  padding : 180px;
+}
+/* responsive tags for space filler*/
+@media screen and ( min-width :0px){
+  .space-filler{
+    padding: 90px;
+  }
+  .project-text{
+    font-size: 15px;
+  }
+  .tag-line{
+    font-size: 1.6em;
+  }
+}
+@media screen and ( min-width : 374px){
+  .space-filler{
+    padding : 85px;
+  }
+}
+@media screen and ( min-width : 500px){
+  .space-filler{
+    padding: 100px;
+  }
+}
+@media screen and ( min-width : 767px){
+  .space-filler{
+    padding: 120px;
+  }
+}
+@media screen and ( min-width : 991px){
+  .space-filler{
+   padding: 140px; 
+  }
+}
+@media screen and ( min-width : 1023px){
+  .space-filler{
+    padding : 160px;
+  }
+}
+@media screen and ( min-width : 1367px){
+  .space-filler{
+    padding: 180px;
+  }
+  .project-text{
+    font-size: 1.5em;
+  }
+}
diff --git a/assets/img/main-bg.png b/assets/img/main-bg.png
diff --git a/index.html b/index.html
@@ -40,10 +40,11 @@
 
 <body class="landing-page sidebar-collapse">
 <!-- Navbar -->
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300">
+<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="300">
     <div class="container">
       <div class="navbar-translate">
-        <a class="navbar-brand grandhalay" href="#" rel="tooltip" >
+        <a class="navbar-brand grandhalay" href="#" rel="tooltip"
+        style = "color: black;" >
           Grandhalay
         </a>
         <button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
@@ -104,28 +105,30 @@
     </div>
   </nav>
     <!-- End Navbar -->
-  <div class="page-header" data-parallax="true" style="background-image: url('assets/img/kids.png');">
-    <div class="filter"></div>
-    <div class="container">
-      <div class="motto text-center">
-        <h1 
-        style="color: rgb(192, 17, 17) ;
-         font-weight: 900 ;
-         font-family: 'Poppins', sans-serif;
-         -webkit-filter: brightness(130%);
-         filter: brightness(130%)">
-          <b>Grandhalay 2k19</b>
-        </h1>
-        <h2>
-          Give the gift of LEARNING!
-        </h2>
-        <h3 style="color: rgb(228, 228, 228) ; font-weight: 400">This mission Grandhalay is to set up libraries in government
-            aided schools and help the students to 
-            improve their reading habits and knowledge</h3>
-        <br />
+    <div class="page-header" style="background-image: url('assets/img/main-bg.png');">
+      <div class="container">
+        <div class="motto text-center">
+            <h1 
+            style="color: rgb(192, 17, 17) ;
+             font-weight: 900 ;
+             font-family: 'Poppins', sans-serif;
+             -webkit-filter: brightness(130%);
+             filter: brightness(130%)">
+              <b>GRANDHALAY 2k19</b>
+            </h1>
+            <div class="space-filler">
+
+            </div>
+            <h2 style="color: black; font-weight: 450;" class="tag-line">
+              GIVE THE GIFT OF LEARNING!
+            </h2>
+            <h3 style="color: rgb(0, 0, 0) ; font-weight: 400 ;" class="project-text">
+              PROJECT GRANDHALAY is organized to set up libraries in government schools 
+              giving access to more resources which improvises the mental ability of the children.
+            </h3>
+        </div>
       </div>
     </div>
-  </div>
   <!--   Core JS Files   -->
   <script src="assets/js/core/jquery.min.js" type="text/javascript"></script>
   <script src="assets/js/core/popper.min.js" type="text/javascript"></script>

diff --git a/organisations.html b/organisations.html
@@ -123,11 +123,12 @@ <h4 class="card-title">Project Micra</h4>
                     </div>
                   </a>
                   <p class="card-description text-center">
-                      society; PROJECT MICRA ( managing & initiating change in rural areas ) 
-                      , a non profit voluntary based organisation is working on 
-                      designing and providing solutions to four key elements -
-                       education, healthcare, livelihood and sustainable development 
-                       of the villages.
+                    With a vision of building a self-reliant rural society; 
+                    PROJECT MICRA ( managing & initiating change in rural areas ) ,
+                     a non profit voluntary based organisation is working on 
+                     designing and providing solutions to four key elements -
+                      education, healthcare, livelihood and sustainable development 
+                      of the villages.
                   </p>
                 </div>
                 <div class="card-footer text-center">

diff --git a/test.html b/test.html
@@ -0,0 +1,15 @@
+<h1 
+        style="color: rgb(192, 17, 17) ;
+         font-weight: 900 ;
+         font-family: 'Poppins', sans-serif;
+         -webkit-filter: brightness(130%);
+         filter: brightness(130%)">
+          <b>GRANDHALAY 2k19</b>
+        </h1>
+        <h2 style="font-size: 25px;">
+          GIVE THE GIFT OF LEARNING
+        </h2>
+        <h3 style="color: rgb(228, 228, 228) ; font-weight: 400 ; font-size : 20px">
+          PROJECT GRANDHALAY is organized to set up libraries in government schools 
+          giving access to more resources which improvises the mental ability of the children.
+        </h3>