From b6582b0fe203f206c2ceee1dd4df31d6221f1054 Mon Sep 17 00:00:00 2001
From: Gaurav <32545361+Jonax79409@users.noreply.github.com>
Date: Mon, 18 Mar 2019 14:18:47 +0530
Subject: [PATCH 1/3] Edits in Home page and About Page

---
 index.css  | 81 +++++++++++++++++++++++++++---------------------------
 index.html | 32 ++++++++++-----------
 2 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/index.css b/index.css
index dbe8e6b..18f0efe 100644
--- a/index.css
+++ b/index.css
@@ -1,3 +1,6 @@
+*{
+  font-family: 'Overpass', sans-serif;
+}
 /* width */
 ::-webkit-scrollbar {
   display: none;
@@ -102,14 +105,14 @@ html, body, .hero {
   width: 30%;
   z-index: 2;
 }
+.hero p{
+  margin:0;
+}
 .Where-innovation-mee {
   position: relative;
-  margin-bottom: -50px;
-  width: 585px;
-  height: 39px;
   text-shadow: 0 2px 4px #ffffff;
   font-family: Overpass;
-  font-size: 31px;
+  font-size: 25px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
@@ -121,11 +124,9 @@ html, body, .hero {
 }
 .th-April {
   position: relative;
-  width: 249px;
-  height: 63px;
   text-shadow: 0 2px 4px #ffffff;
   font-family: Overpass;
-  font-size: 50px;
+  font-size: 30px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
@@ -136,22 +137,31 @@ html, body, .hero {
   z-index: 2;
 }
 .svg{
-  width: 30%;
+  padding-top:3%;
+  width: 29%;
+  margin-left:16%;
 
 }
 .whatiszenith1{
-  margin-top: 70%;
-  width: 100%;
+
+  width: 37%;
+  margin-bottom:29%;
 }
 .whatiszenith2{
-  margin-left: 48%;
-  margin-top: -50%;
-  width: 50%;
+  margin-left: -19%;
+  width: 42%;
+  margin-top:12%;
 }
 
 .paragraph{
-  width: 45%;
-  margin-top: 0px;
+  width: 42%;
+  margin-right:11%;
+  margin-top: 3.5%;
+  font-size:19px;
+  text-align:justify;
+}
+.paragraph p{
+  margin:6%;
 }
 h1 {
   font-size: 100px;
@@ -209,11 +219,13 @@ h1 {
 }
 
 .parallax-window {
-    min-height: 1000px;
+    /*min-height: 1000px;*/
     background: transparent;
     text-align: center;
     margin: 0px;
     width: 100%!important;
+    height:100% !important;
+    padding-top:6%;
 }
 
 .parallax-window-2 {
@@ -226,9 +238,14 @@ h1 {
 }
 
 .header-2 {
-  color: White;
-  font-size: 90px;
+  color: #ffffff;
+  font-size: 60px;
   z-index: 999;
+  margin-top:2%;
+  font-weight: 700;
+}
+#header-2{
+  margin-top:2%;
 }
 
 .wraper {
@@ -236,15 +253,11 @@ h1 {
 }
 
 .para {
-  color: #ffa500;
-  font-size: 30px;
-  text-align: justify;
+  color:  #ffffff;
 }
 
 .para-2 {
-  color: #858585;
-  font-size: 30px;
-  text-align: justify;
+  color: #ffa500;
 }
 
 .content-2 {
@@ -459,9 +472,6 @@ h1 {
   z-index: 2;
 }
 .th-April {
-  
-  width: 100%;
-  height: 63px;
   text-shadow: 0 2px 4px #ffffff;
   font-family: Overpass;
   font-size: 50px;
@@ -475,18 +485,6 @@ h1 {
   z-index: 2;
 }
 
-#container {
-  margin-bottom: 0px;
-  overflow-y:scroll;
-  overflow-x:hidden;
-  transform: rotate(270deg) translateX(-100%);
-  transform-origin: top left;
-  background-color:transparent;
-  position:relative;
-  width:100vh;
-  height:100vw;
-}
-
 .svg{
   width: 100%;
 
@@ -497,12 +495,13 @@ h1 {
   width: 100%;
 }
 .whatiszenith2{
-  margin-left: 50%;
-  margin-top: -70%;
+  margin-left: 48%;
+  margin-top: -50%;
   width: 50%;
 }
 
 .paragraph{
+  margin-top:;
   width: 100%;
 
 }
diff --git a/index.html b/index.html
index 9fd466b..933f031 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  
     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700i" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="index.css">
+    <link href="https://fonts.googleapis.com/css?family=Overpass:400,700" rel="stylesheet">
     <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
     <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> -->
@@ -47,14 +48,14 @@
      </svg>
 
      <img class="zenith" src="./assets2/zenithlogo.png">
-     <img class="pc" src="./assets2/pc.png">
+     <img class="pc" src="./assets2/pc.png"><br><br>
      <p class="Where-innovation-mee">Where innovation meets implementation.</p>
-     <p class="th-April">7-8th April</p>
+     <p class="th-April">7-8th April</p><br>
   </div>
 
 <canvas id="bubble"></canvas>
-<div class="parallax-window" data-parallax="scroll" data-image-src="bg.png">
-  <span class="header-2" id="header-2">What is Zenith?</span><span class="br"><br><br><br><br></span><br><br><br><br><br><br><br><br>
+<div class="parallax-window" id="header-2" data-parallax="scroll" data-image-src="bg.png">
+  <span class="header-2" >What is Zenith?</span>
   <div class="content-2">
 
     <div class="svg">
@@ -75,23 +76,22 @@
       <p class="para">
       Zenith, a carnival of technofanatics, is
       a catalogue of events hosted by
-      Manan, the computer technical
-      society of JC Bose University, YMCA,
-      Faridabad. It is a blend of
+      Manan, the technical coding society
+      of JC Bose University, YMCA,
+      Faridabad . It is a blend of
       programming and gaming events
       which intend to ignite a spark in the
       minds of students with which they
       can explore their creative, technical
-      and innovative potential to maximum
-      extent possible.
-    </p><br>
+      and innovative potential to the
+      maximum extent possible.
+    </p>
     <p class="para-2">
-      The purpose of
-      event was to motivate students to
-      brainstorm and quickly develop a
-      real application prototype in
-      various domains like webVR,
-      webCompat, Extensions, IOT, etc.
+      The purpose of the
+      event is to inculcate the spirit of
+      coding and develop a healthy
+      competitive environment among
+      the participants.
     </p>
 
     </div>

From 211c7eabb698617d9ccbb687ffe0411956e7174a Mon Sep 17 00:00:00 2001
From: Gaurav <32545361+Jonax79409@users.noreply.github.com>
Date: Mon, 18 Mar 2019 15:05:39 +0530
Subject: [PATCH 2/3]  Removed white spaces between pages

---
 index.css  | 16 ++++++++++++++--
 index.html |  1 +
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/index.css b/index.css
index 18f0efe..6777d8b 100644
--- a/index.css
+++ b/index.css
@@ -31,6 +31,7 @@ html {
         body{
             padding: 0;
             margin: 0;
+
         }
      html {
   font-family: 'Roboto Condensed', sans-serif;
@@ -76,6 +77,7 @@ html {
 }
 html, body, .hero {
   height: 100%;
+  width:100%;
 }
 .hero {
   display: flex;
@@ -85,6 +87,7 @@ html, body, .hero {
   min-height: 600px;
   background:rgb(0,0,0);
   background-size: cover;
+  overflow: hidden;
 }
 .nineteen{
   position: relative;
@@ -136,6 +139,15 @@ html, body, .hero {
   color: #ffffff;
   z-index: 2;
 }
+.row-1 {
+  width: 100%;
+  height: 5%;
+  border: none;
+  color: black;
+  transform: translate(0px,-120px);
+  background-color: black;
+  z-index: 999;
+}
 .svg{
   padding-top:3%;
   width: 29%;
@@ -211,12 +223,12 @@ h1 {
             color: orange;
         }
 
-.hero-2 {
+/*.hero-2 {
   width: 100%;
   min-height: 900px;
   background-image:url(bg.png);
   background-size: cover;
-}
+}*/
 
 .parallax-window {
     /*min-height: 1000px;*/
diff --git a/index.html b/index.html
index 933f031..b4b538b 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,7 @@
 
 <canvas id="bubble"></canvas>
 <div class="parallax-window" id="header-2" data-parallax="scroll" data-image-src="bg.png">
+  <hr class="row-1">
   <span class="header-2" >What is Zenith?</span>
   <div class="content-2">
 

From 9fb40dc2d0b2a85cbd8cc309b0dbfb2f6976edde Mon Sep 17 00:00:00 2001
From: Gaurav <32545361+Jonax79409@users.noreply.github.com>
Date: Tue, 19 Mar 2019 00:34:57 +0530
Subject: [PATCH 3/3] Edits in contact page

---
 index.css  | 62 ++++++++++++++++++++++++++++++++++++++++--------------
 index.html | 47 ++++++++++++++++-------------------------
 2 files changed, 64 insertions(+), 45 deletions(-)

diff --git a/index.css b/index.css
index 6777d8b..730127d 100644
--- a/index.css
+++ b/index.css
@@ -280,18 +280,18 @@ h1 {
 
 .header-3 {
   z-index: 999;
-  color: white;
-  font-size: 130px;
-  float: left;
-  margin-left: 5%;
-  margin-top: 3%;
+  color: #ffffff;
+  font-family: 'Overpass', sans-serif !important;
+  font-size: 60px;
+  font-weight:700;
+  text-align:center;
 }
 .We-have-series-of-in {
-  width: 1343px;
-  height: 106px;
-  font-family: sans-serif;
-  font-size: 42px;
-  font-weight: bold;
+  width: 70%;
+  margin:auto;
+  font-family: 'Overpass', sans-serif;
+  font-size: 27px;
+  font-weight: 700;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
@@ -336,16 +336,17 @@ h1 {
 
 .code {
   float: right;
- 
   text-align: justify;
 }
 
 .code-head {
-  color: #ffa500;
-  font-size: 60px;
-  float: left;
+  color: #ffffff;
+  font-size: 50px;
+  text-align:center;
+  
+
 }
-.code-para:hover{
+.code-head:hover{
   color:#ffa500;
 }
 
@@ -356,6 +357,7 @@ h1 {
   text-align: justify;
   margin-right: 2%;
   margin-left: 2%;
+  font-family: 'Overpass', sans-serif !important;
 }
 
 .row {
@@ -371,7 +373,35 @@ h1 {
 .br {
   display: block;
 }
+.contact-container{
+  margin:auto;
+  width:50%;
+}
+#header-4 p{
+  text-align:center;
+  font-family: 'Overpass', sans-serif !important;
+  font-weight:700;
+  margin-bottom:10%;
 
+}
+.contact-heading{
+  font-size:60px !important;
+  color:#ffffff;
+  margin-top:0px;
+}
+.contact-numbers{
+  color:#ffffff;
+  font-size:27px;
+}
+.mailing-address{
+  color:#ffa500;
+  font-size:30px;
+}
+.address{
+  color:#ffffff;
+  font-size:27px;
+}
+/*
 .header-4 {
   font-size: 120px;
   color: white;
@@ -424,7 +454,7 @@ h1 {
   color: white;
   font-size: 40px;
 }
-
+*/
 @media only screen and (max-width: 600px){
   .hero {
   display: flex;
diff --git a/index.html b/index.html
index b4b538b..21492d9 100644
--- a/index.html
+++ b/index.html
@@ -99,10 +99,10 @@
    
   </div>
 </div>
-<div class="parallax-window-2" data-parallax="scroll" data-image-src="bg-3.jpg">
+<div class="parallax-window-2" id="header-3" data-parallax="scroll" data-image-src="bg-3.jpg">
   <hr class="row">
   <div class="wrapper">
-    <span class="header-3" id="header-3">Events</span><br><br><br><br><br><br><br><br><br><br><br>
+    <div class="header-3" >Events</div>
     <p class="We-have-series-of-in">We have series of interesting and engaging fun and coding events in this year’s edition of zenith. Here is the list :-
     </p>
   </div>
@@ -113,9 +113,7 @@
         <span class="code-head">Xunbao</span>
         
           <p class="code-para">Aren't you tempted by quizzes? Don't you enjoy searching answers for
-          those tricky questions? We all go bizarre to find and submit the answers
-          before our friends do. ‘XUNBAO' is brought to relive those gone days of
-          excitement and fun. It was an online treasure hunt.</p>
+          those tricky questions? We all go bizarre to find and submit the answers before our friends do.‘XUNBAO' is brought to relive those gone days of excitement and fun. It was an online treasure hunt.</p>
                 
       </div>
     </div>
@@ -123,52 +121,41 @@
       <div class="code">
         <span class="code-head">Presentation Event</span><br>
         <p class="code-para">Participants with their self-made projects will present their ideas and
-        compete for the prize. Confidence and creativity is the key. Manan
-        awaits many innovative ideas from you.</p>
+        compete for the prize. Confidence and creativity is the key. Manan awaits many innovative ideas from you.</p>
        </div>
      </div>
     <div class="box three">
       <div class="code">
         <span class="code-head">Code Relay</span><br>
         <p class="code-para">CodeRelay is a coding contest, in which an individual or a team of
-        two could participate. Participants were provided with some random
-        competitive questions, to which they have to answer with 16 minutes.
-        Lesser the time, more the marks awarded.</p>
+        two could participate. Participants were provided with some random competitive questions, to which they have to answer with 16 minutes. Lesser the time, more the marks awarded.</p>
       </div>
     </div>
     <div class="box four">
       <div class="code">
         <span class="code-head">VR Gaming</span><br>
         <p class="code-para">Wear the head mount device (HMD) and deep dive into the virtual world.
-        Lots of games were played there. Just at a nominal fee of Rs
-        10/-.Imaginations came out live and illusions were fantasised.</p>
+        Lots of games were played there. Just at a nominal fee of Rs 10/-.Imaginations came out live and illusions were fantasised.</p>
       </div>
     </div>
     <div class="box five">
       <div class="code">
         <span class="code-head">Hack On</span><br>
         <p class="code-para">This event is for those who have that hacking worm in them and who
-        craves to hack. A hacking event which provided challenges for
-        cryptography, hacking, encryption and much more. It was an online
-        pre-fest event</p>
+        craves to hack. A hacking event which provided challenges for cryptography, hacking, encryption and much more. It was an online pre-fest event</p>
       </div>
     </div>
     <div class="box six">
       <div class="code">
         <span class="code-head">AR Treasure Hunt</span><br>
         <p class="code-para">AR Treasure hunt is an event in which an individual or a team of 2 members
-        could participate where participants tried to find hidden objects or places
-        by following a series of clues using the Augmented Reality. The team who
-        found all clues in minimum time won the game</p>
+        could participate where participants tried to find hidden objects or places by following a series of clues using the Augmented Reality. The team who found all clues in minimum time won the game</p>
       </div>
     </div>
     <div class="box seven">
       <div class="code">
         <span class="code-head">CodeXplod</span><br>
-        <p class="code-para">CodeXplod is a coding event for team of two members, It is hosted
-        on Hackerearth platform in which each team is given 8 problems
-        which they have to solve in any of programming language in given
-        time. Each problem question comprise of 100 marks and the team
+        <p class="code-para">CodeXplod is a coding event for team of two members, It is hosted on Hackerearth platform in which each team is given 8 problems which they have to solve in any of programming language in given time. Each problem question comprise of 100 marks and the team
         which scored maximum marks in least time is declared as winner.</p>
       </div>
     </div>
@@ -176,17 +163,14 @@
       <div class="code">
         <span class="code-head">Mobile Gaming Tournament</span><br>
         <p class="code-para">PUBG, the game which nearly broke the Internet and is the current
-        obsession of the youth is getting a competitive make-over by Manan. It's an
-        individual event where gamers will come and battle for the prize. The one
-        who will survive till last will win the event</p>
+        obsession of the youth is getting a competitive make-over by Manan. It's an individual event where gamers will come and battle for the prize. The one who will survive till last will win the event</p>
       </div>
     </div>
     <div class="box nine">
       <div class="code">
         <span class="code-head">Web Development</span><br>
         <p class="code-para">A Website Design competition, in which an individual or a team of
-        two can participate.In this event participants have to design the
-        website on a particular theme and Internet usage is allowed. Crosscollege participation is allowed i.e both participants can be from different colleges.</p>
+        two can participate.In this event participants have to design the website on a particular theme and Internet usage is allowed. Crosscollege participation is allowed i.e both participants can be from different colleges.</p>
       </div>
     </div>
   </div>
@@ -195,8 +179,8 @@
   
 
 </div>
-<div class="parallax-window" data-parallax="scroll" data-image-src="bg-4.png">
-  <span class="header-4" id="header-4">Contact Us</span><br><br><br><br>
+<div class="parallax-window" id="header-4" data-parallax="scroll" data-image-src="bg-4.png">
+<!--  <span class="header-4" id="header-4">Contact Us</span><br><br><br><br>
   <span class="call">Call Us</span><br>
   <span class="number">Shubham Sharma : +91-7840844065</span><br>
   <span class="number">Prince Batra : +91-9953764100</span><br><br><br><br>
@@ -206,6 +190,11 @@
   <span class="ymca">JCB University of Science and
   Technology, YMCA Faridabad, Sector 6,
   Faridabad</span>
+--><div class="contact-container">
+  <p class="contact-heading">Contact Us</p>
+  <p class="contact-numbers">Shubham Sharma : +91-7840844065<br>Prince Batra : +91-9953764100</p>
+  <p class="mailing-address">Mail Us : <br>manantechnosurge@gmail.com</p>
+  <p class="address">Reach Us : <br>JCB University of Science and Technology, YMCA Faridabad, Sector 6, Faridabad </p>
   <span class="developers">Developers:- Saagar and Ravinder</span><br>
 </div>
 </body>