From b3a564796df8b753731960e88836190f442ef5eb Mon Sep 17 00:00:00 2001 From: Ravinder Date: Mon, 18 Mar 2019 02:35:36 -0700 Subject: [PATCH 1/2] [BUGS] --- index.css | 62 +++++++++++++++++++++++++++++++++++++++++++----------- index.html | 20 +++++++++++++----- 2 files changed, 65 insertions(+), 17 deletions(-) diff --git a/index.css b/index.css index 481f67c..433dc71 100644 --- a/index.css +++ b/index.css @@ -29,7 +29,7 @@ html { margin: 0; } html { - font-family: 'Roboto Condensed', sans-serif; + font-family: Overpass; } @@ -38,7 +38,7 @@ html { #mainnav { position: fixed; - font-family: 'Roboto Condensed', sans-serif; + font-family: Overpass; z-index: 1; } @@ -135,6 +135,7 @@ html, body, .hero { z-index: 2; } .svg{ + margin:0%; width: 30%; } @@ -156,7 +157,7 @@ h1 { font-size: 100px; text-align: center; font-weight: 700; - font-family: 'Roboto Condensed', sans-serif; + font-family: Overpass; color: #fff; width: 100%; position: absolute; @@ -208,6 +209,7 @@ h1 { } .parallax-window { + min-height: 1000px; background: transparent; text-align: center; @@ -216,11 +218,11 @@ h1 { } .parallax-window-2 { - min-height: 3500px; + min-height: 1000px; background: transparent; text-align: center; margin: 0px; - width: 100!important; + width: 100%!important; background-image: src('bg-3.png'); } @@ -236,6 +238,7 @@ h1 { } .para-2 { + color: #858585; font-size: 30px; } @@ -243,7 +246,7 @@ h1 { .content-2 { display: flex; flex-wrap: wrap; - justify-content: space-around; + justify-content:space-around; } .header-3 { @@ -255,9 +258,9 @@ h1 { margin-top: 3%; } .We-have-series-of-in { - width: 1343px; + width: 100%; height: 106px; - font-family: sans-serif; + font-family: Overpass; font-size: 42px; font-weight: bold; font-style: normal; @@ -269,7 +272,7 @@ h1 { } #container .box { margin:0px; - width:500px; + width:100%; height: 600px; display:inline-block; position:relative; @@ -285,7 +288,7 @@ h1 { } #container { - margin-bottom: -2000px; + margin-bottom: 0px; overflow-y:scroll; overflow-x:hidden; transform: rotate(270deg) translateX(-100%); @@ -405,7 +408,7 @@ h1 { } .We-have-series-of-in { width: 100%; - font-family: sans-serif; + font-family: Overpass; font-size: 30px; font-weight: bold; @@ -468,8 +471,27 @@ h1 { z-index: 2; } +#container .box { + margin:0px; + width:500px; + height: 600px; + display:inline-block; + position:relative; +} +#container .box > div { + margin-top: 10%; + width:50%; + font-size:100px; + color:#FFF; + position:relative; + white-space: normal; + + +} #container { - margin-bottom: 0px; + display: flex; + flex-wrap: wrap; + margin-bottom:0px; overflow-y:scroll; overflow-x:hidden; transform: rotate(270deg) translateX(-100%); @@ -479,6 +501,13 @@ h1 { width:100vh; height:100vw; } +#container2 { + transform: rotate(90deg) translateY(-100vh); + transform-origin: top left; + white-space:nowrap; + font-size:0; +} + .svg{ width: 100%; @@ -497,15 +526,23 @@ h1 { .paragraph{ width: 100%; + margin:2px; } +.content-2 { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} .br { display: none; } + .parallax-window-2 { + align-content: center; min-height: 1000px; } h1 { @@ -517,6 +554,7 @@ h1 { .para { font-size: 20px; margin-right: 20px; + align-self: center; } .para-2 { font-size: 20px; diff --git a/index.html b/index.html index b53edd4..463c019 100644 --- a/index.html +++ b/index.html @@ -54,7 +54,7 @@
- What's Zenith?











+ What's Zenith?





@@ -100,9 +100,19 @@

- Events










+ Events +
+
+
+
+
+
+
+
+
+

We have series of interesting and engaging fun and coding events in this year’s edition of zenith. Here is the list :- -

+






@@ -202,8 +212,8 @@ Reach Us
JCB University of Science and Technology, YMCA Faridabad, Sector 6, - Faridabad - Developers:- Sagar and Ravinder
+ Faridabad



+ Developers:-Ravinder and Saagar