Merge branch 'master' of https://github.com/Aniket-Mishra/codezoned.com

Aniket-Mishra · Aniket-Mishra · commit 6e576f4394f9 · 2018-09-21T03:07:23.000+05:30
diff --git a/index.html b/index.html
@@ -1,5 +1,18 @@
 <html class="">
 <head>
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125870124-1"></script>
+      <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'UA-125870124-1');
+      </script>
+
+      <title>Codezoned - Home</title>
+
+      <meta name="description" content="A community of amazing individuals focused on building open source solutions which have a direct social impact in today's society" />
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
       <link rel="stylesheet" href="assets/bootstrap.min.css">
@@ -30,9 +43,9 @@
 
         a span{
           background-color: transparent;
-          margin: 5px 2%; 
-          padding: 5px 2%; 
-          font-size: 20px; 
+          margin: 5px 2%;
+          padding: 5px 2%;
+          font-size: 20px;
           /*box-shadow: 2px 2px 2px #353535; */
           color: white;
         }
@@ -46,14 +59,14 @@
           border-bottom-style: none;
           list-style: none;
           color: red;
-        } 
+        }
         div a{
           color: #222222;
         }
         div a:hover {
           color: red;
           text-decoration:  none;
-        } 
+        }
         .button-container {
             display: flex;
 
@@ -89,26 +102,26 @@
             -webkit-appearance: none;
             -moz-appearance:    none;
             appearance:         none;
-           
+
             justify-content: center;
             align-items: center;
             flex: 0 0 160px;
-            
+
             box-shadow: 2px 5px 10px var(--color-smoke);
 
-            
+
           }
           .button:hover {
               transition: all 150ms linear;
 
               opacity: .85;
             }
-            
+
             .button:active {
               transition: all 150ms linear;
               opacity: .75;
             }
-            
+
             .button:focus {
               outline: 1px dotted #959595;
               outline-offset: -4px;
@@ -117,19 +130,19 @@
           .button.-regular {
             color: #202129;
             background-color: #f2f2f2;
-       
+
           }
           .button.-regular:hover {
               color: red;
               background-color: #e1e2e2;
               opacity: 1;
             }
-            
+
             .button.-regular:active {
               background-color: #d5d6d6;
               opacity: 1;
             }
-           
+
             .box-centerside {
               background: url("") repeat-x scroll center top transparent;
               float: left;
@@ -159,15 +172,16 @@
 <body data-gr-c-s-loaded="true">
   <header>
         <nav class="navbar navbar-toggleable-sm navbar-fixed-top" style="background-color: black;">
-          <div><a href="http://www.codezoned.com" class="navbar-brand mb-0" style=""><img src="assets/img/CZmainsmall.png" style="width: 12%; min-width: 150px;"></a></div>
 
+          <div><a href="http://www.codezoned.com" class="navbar-brand mb-0" style=""><img src="assets/img/CZmainsmall.png" style="width: 12%; min-width: 150px;"></a></div>
+          
           <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#headerNav" aria-controls="headerNav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
           </button>
 
           <div id="headerNav" class="navbar-collapse justify-content-end collapse" aria-expanded="false" style="">
             <ul class="navbar-nav">
-              
+
               <li class="nav-item">
                 <a class="nav-link" href="https://github.com/codezoned/join_codezoned" target="_blank">Join</a>
               </li>
@@ -190,8 +204,10 @@
         </nav>
     </header>
    <br>
+
         <section class="hero">  
           <div class="jumbotron jumbotron-fluid mb-0" style="text-align: center;">
+
           <div class="container">
             <div class="row justify-content-center text-center">
               <div class="col-md-10 col-lg-6  animated bounceInDown" id="animate1" style="vertical-align: middle; text-align: center;">
@@ -204,35 +220,35 @@ <h1 class="display-5" style="font-family: profontwindows; word-spacing: -8px; fo
                  </div>
               </div>
             </div>
-          </div>  
-          </div>   
+          </div>
+          </div>
       </section>
 
       <section id="sec-about" class="sec-about pt-5 pb-5">
           <div class="container">
             <div class="row justify-content-center text-center">
-              <div class="col-md-10 col-lg-8 animated bounceInLeft" id="animate2">                
+              <div class="col-md-10 col-lg-8 animated bounceInLeft" id="animate2">
                 <p class="mt-4 mb-4" style="">
-                
+
                   Codezoned is an opensource NPO which is targeting on educating and spreading it's core belief by making college and school students to contribute to opensource. We develop FOSS for NGOs, Conduct Hackathons across colleges and organisations and give digital literacy education to less privileged children.
                   <br><br>
                   We are an organization that strives towards building a community of enthusiastic and passionate individuals who want to share their love for creativity and imagination by building open source projects that have a positive impact on the society, making the world a better place.<br><br>
                   We are completely opensource. We make our own stuff and help everyone make theirs. Your contributions are welcome!
                 </p>
               </div>
             </div>
-          </div>           
+          </div>
       </section>
 
+
       <section class="hero">        
           <div class="container">
             <div class="row justify-content-center text-center">
               <div class="col-md-10 col-lg-6 animated bounceInRight" id="animate3">
                 
                   <h1 class="display-5" style="font-family: profontwindows; word-spacing: -8px;">Hackathons</h1>
 
-                  <h3 class="lead">These are some of the events we are honoured to have organised/be a part of.</h3><br>
-                  
+                  <h3 class="lead">These are some of the events we are honoured to have organised/be a part of.</h3><br>                  
                   
                   <a href="http://uhack.in"><img src="assets/img/uhack_sticker.png" style="width: 45%;min-width: 125px; opacity: 7;"></a><br>
                   <span style="color: black; font-size: 22px;">UHack 2018</span><br><br>
@@ -241,10 +257,7 @@ <h3 class="lead">These are some of the events we are honoured to have organised/
               </div>
             </div>
           </div>
-       
-      </section>
-
-        <section class="hero">
+ <section class="hero">
           <div class="jumbotron jumbotron-fluid mb-0" style="vertical-align: middle;">
             <div class="container row justify-content-center text-center" style="">
               <!-- <div class="" style=""> -->
@@ -264,8 +277,7 @@ <h3 class="lead">These are some of the events we are honoured to have organised/
           </div>
       </section>
 
-
-       <section id="sec-about" class="sec-about pt-5 pb-5">
+      <section id="sec-about" class="sec-about pt-5 pb-5">
                 <!-- <div class="container"> -->
                   <div class="row justify-content-center text-center" style="">
                     <div class="col-md-4 col-lg-8 animated bounceInLeft" id="animate2">                
@@ -330,22 +342,22 @@ <h5 style="color: darkgray;">And many more...</h5>
       <ul class="list-inline mb-0 text-center">
 
         <li class="list-inline-item">
-          <a href="" target="_blank"><span class="fa fa-facebook"></span></a>
+          <a href="https://www.facebook.com/codezoned/" target="_blank"><span class="fa fa-facebook"></span></a>
         </li>
-        
+
         <li class="list-inline-item">
           <a href="https://github.com/codezoned" target="_blank"><span class="fa fa-github-square"></span></a>
         </li>
-      
+
         <li class="list-inline-item">
           <a href="https://www.linkedin.com/company/codezoned/" target="_blank"><span class="fa fa-linkedin"></span></a>
         </li>
-        
+
         <li class="list-inline-item">
           <a href="https://www.instagram.com/codezoned/" target="_blank"><span class="fa fa-instagram"></span></a>
         </li>
         <li class="list-inline-item">
-          <a href="" target="_blank"><span class="fa fa-discord"></span></a>
+          <a href="https://discordapp.com/invite/aMZY22" target="_blank"><span class="fa fa-discord"></span></a>
         </li>
       </ul>
   </footer> -->
@@ -377,14 +389,14 @@ <h5 style="color: darkgray;">And many more...</h5>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
   <script>
-      
+
           $(window).scroll(function(event) {
-  
+
             $("#animate1").each(function(i, el) {
               var el = $(el);
               if (el.visible(true)) {
-                el.addClass("animated bounceInDown"); 
-              } 
+                el.addClass("animated bounceInDown");
+              }
             });
 
             var animationEnd = (function(el) {
@@ -410,12 +422,12 @@ <h5 style="color: darkgray;">And many more...</h5>
         });
 
           $(window).scroll(function(event) {
-  
+
             $("#animate2").each(function(i, el) {
               var el = $(el);
               if (el.visible(true)) {
-                el.addClass("animated bounceInLef"); 
-              } 
+                el.addClass("animated bounceInLef");
+              }
             });
 
             var animationEnd = (function(el) {
@@ -442,12 +454,12 @@ <h5 style="color: darkgray;">And many more...</h5>
 
 
           $(window).scroll(function(event) {
-  
+
             $("#animate3").each(function(i, el) {
               var el = $(el);
               if (el.visible(true)) {
-                el.addClass("animated bounceInRight"); 
-              } 
+                el.addClass("animated bounceInRight");
+              }
             });
 
             var animationEnd = (function(el) {
@@ -474,12 +486,12 @@ <h5 style="color: darkgray;">And many more...</h5>
 
 
           $(window).scroll(function(event) {
-  
+
             $("#animate4").each(function(i, el) {
               var el = $(el);
               if (el.visible(true)) {
-                el.addClass("animated bounceInUp"); 
-              } 
+                el.addClass("animated bounceInUp");
+              }
             });
 
             var animationEnd = (function(el) {
@@ -503,7 +515,7 @@ <h5 style="color: darkgray;">And many more...</h5>
           });
 
         });
-    
+
   </script>
 
 </body>
