Skip to content

Commit 57f025a

Browse files
pavan-choudharypavan-choudhary
committedSep 1, 2017
below 320px resolved
1 parent 8b3a17f commit 57f025a

23 files changed

+1762
-197
lines changed
 

‎basic_images/menu.png

-959 Bytes
Loading

‎css/phone.css

+55-26
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ body{overflow:hidden;}
66

77
#overlay{height:100%;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,0);text-align:center;}
88
[id^="circle"]{
9-
position:absolute; top:1em; left:calc(50% - 130px);
9+
position:absolute; top:1em; left:calc(50% - 9em);
1010
}
1111
#circle31{background:rgba();
12-
width:16em;height:16em;
13-
border-radius:30em;
14-
margin:1..75em;
12+
width:15em;height:15em;
13+
border-radius:50%;
14+
margin:1.5em;
1515
animation:spin 3s infinite linear;
1616
}
1717
#circle31::before,#circle31::after{position: absolute;content:''; }
@@ -26,37 +26,37 @@ body{overflow:hidden;}
2626
border-color:#68fff4 rgba(0,0,0,0) #68fff4 rgba(0,0,0,0);
2727
border-width:3px;
2828
border-style:dotted;
29-
width:18em;height:18em;
30-
border-radius:30em;
29+
width:17em;height:17em;
30+
border-radius:50%;
3131
margin:0.5em;
3232
animation:spin2 14s infinite linear;
3333
}
3434
#circle1{font-size:1em;
3535
border-color:#68fff4 rgba(0,0,0,0) #68fff4 rgba(0,0,0,0);
3636
border-width:4px;
3737
border-style:solid;
38-
width:19em;height:19em;
39-
border-radius:30em;
38+
width:18em;height:18em;
39+
border-radius:50%;
4040
animation:spin1 18s infinite linear;
4141
}
42-
#intro-wrap{ position: absolute;left:26%;top:4.5em; }
42+
#intro-wrap{ position: absolute;left:calc(50% - 5.8em);top:4.5em; }
4343
#intro-wrap h1{font-size:1.5em;}
4444
#clg span{font-size: 0.5em;margin-bottom:-5px;}
4545
#date{font-size:1em;}
4646

47-
.menu-left{position:absolute; left:10px; top:18.5em; transform:skewX(0deg);perspective:100px}
48-
.menu-left ul li{ transform:rotateY(15deg); animation:none;}
47+
.menu-left{position:absolute; left:0; top:18.5em;margin-left:10px; transform:skewX(0deg);perspective:100px}
48+
.menu-left ul li{width:140px; transform:rotateY(14deg); animation:none;}
4949
.menu-left ul li:nth-child(1){margin-left:0px; }
5050
.menu-left ul li:nth-child(2){margin-left:10px;}
5151
.menu-left ul li:nth-child(3){margin-left:0px; }
52-
.menu-left ul li button{ transform:skewX(0deg);font-size:0.8em; }
52+
.menu-left ul li button{ transform:skewX(0deg);font-size:0.85em; }
5353

54-
.menu-right{position:absolute;left:52%; right:0; top:18.5em; transform:skewX(0deg);perspective:100px}
55-
.menu-right ul li{ transform:rotateY(-15deg); animation:none;}
54+
.menu-right{position:absolute;right:0; top:18.5em;margin-right:10px; transform:skewX(0deg);perspective:100px}
55+
.menu-right ul li{ width:140px; transform:rotateY(-14deg); animation:none;}
5656
.menu-right ul li:nth-child(1){margin-left:0px;}
5757
.menu-right ul li:nth-child(2){margin-left:-10px;}
5858
.menu-right ul li:nth-child(3){margin-left:0px;}
59-
.menu-right ul li button{ transform:skewX(0deg);font-size:0.8em; }
59+
.menu-right ul li button{ transform:skewX(0deg);font-size:0.85em; }
6060
#home{left:50%; right:0;top:60px;width:48%;}
6161

6262
nav{z-index:100; }
@@ -68,23 +68,25 @@ nav{z-index:100; }
6868
100%{ top:0; }
6969
}
7070
#phone-nav-back{background:rgba(0,0,0,0.8); width:100%;height:100%;position:absolute;top:0;z-index:3;display:none;}
71-
#navigation button{position:absolute;top:20px;left:20px;visibility:visible;}
72-
71+
#navigation button{position:absolute;top:20px;left:10px;visibility:visible;}
7372

7473
.btn-top{margin-top:0;}
7574
.btn-space{padding-left:0px;}
7675
#btns ul li{font-size:1.3em;}
77-
#btns{bottom:0;}
78-
#btns #about-btn{float:left;margin-left:0px;transform:skewX(-30deg);}
79-
#about-btn .main-btn div{transform:skewX(30deg);}
80-
#about-btn .main-btn ,#contact-btn .main-btn{ height: 25px;}
76+
#btns{bottom:3em;margin:0;}
77+
#btns #about-btn{float:left;margin-left:-15px;transform:skewX(30deg);}
78+
#btns #about-btn .main-btn{box-shadow:2px -2px 0px #7cf4ff;margin:0;}
79+
#about-btn .main-btn div{transform:skewX(-30deg);padding-left:20px;}
8180

82-
#btns #contact-btn{transform:skewX(30deg);margin-right:5px;position:absolute;bottom:3.2em;right:0;}
81+
#btns #contact-btn{transform:skewX(30deg);margin-right:-20px;position:absolute;right:0;bottom:-15px;}
8382
#contact-btn .main-btn div{transform:skewX(-30deg);}
8483

85-
#btns #campus-btn{transform:rotateX(30deg);}
86-
#campus-btn .main-btn{ height: 30px;box-shadow:2px 2px 0px #7cf4ff;}
87-
#campus-btn div{left:1.9em;perspective:200px;transform:rotateX(-30deg) scaleY(1.4);left:15%;}
84+
#about-btn .main-btn ,#contact-btn .main-btn{ height: 25px;width:178px;}
85+
86+
#btns #campus-btn{transform:rotateX(30deg);margin-left:-3em;}
87+
#campus-btn .main-btn{ width:340px;height:30px;box-shadow:2px -2px 0px #7cf4ff;border-bottom:1px solid #7cf4ff;padding:13px;}
88+
#campus-btn div{perspective:200px;transform:rotateX(-30deg) scaleY(1.35) scaleX(1.1);left:20%;top:0px;}
89+
8890
@keyframes fall4 {
8991
0% {
9092
transform: translateY(50em);
@@ -94,6 +96,33 @@ nav{z-index:100; }
9496
.main-btn {
9597
padding: 0px 20px 0px 20px;
9698
margin-bottom: 1em;}
97-
9899
}
99100

101+
@media only screen and (max-width: 320px) {
102+
[id^="circle"]{
103+
position:absolute; top:1em; left:calc(50% - 7.8em);
104+
}
105+
#circle31{ width:14em;height:14em;margin:1em;
106+
}
107+
#circle2{
108+
width:15em;height:15em;
109+
}
110+
#circle1{
111+
border-width:3px;
112+
width:16em;height:16em;
113+
}
114+
#intro-wrap{left:calc(50% - 5.5em);top:3.2em; }
115+
#intro-wrap h1{font-size:1.5em;}
116+
.menu-left, .menu-right{top:16.6em;}
117+
.menu-left ul li button , .menu-right ul li button{font-size:0.8em; }
118+
.menu-right ul li , .menu-left ul li{padding:0px;}
119+
120+
#btns{bottom:0.5em;}
121+
#btns ul li{font-size:1em;}
122+
123+
#about-btn .main-btn ,#contact-btn .main-btn{width:140px;margin:0;}
124+
#contact-btn .main-btn{margin-bottom:1.6em;bottom:-4px}
125+
126+
#campus-btn div{left:27%;top:0px;}
127+
128+
}

‎css/style.css

+14-16
Original file line numberDiff line numberDiff line change
@@ -37,11 +37,11 @@ canvas{ display:block; vertical-align:bottom;}
3737
100% {background:#03559e;background-image:linear-gradient(to top,rgba(5,5,5,.8),rgba(0,0,0,0));}
3838
}
3939

40-
#wait-circle{position:absolute;left:33%; top:50px;}
41-
#wait-title{width:100%;margin-left:65%;margin-top:76%;}
40+
#wait-circle{position:absolute;left:calc(50% - 11.5em); top:50px;}
41+
#wait-title{width:100%;margin-left:calc(50% - 8.5em);margin-top:76%;}
4242
#overlay{height:100%;position:absolute;top:0;right:0;left:0;text-align:center;z-index:0;}
4343
[id^="circle"]{
44-
position:absolute;left:36%; top:2em;z-index:1;
44+
position:absolute;left:calc(50% - 11.5em); top:2em;z-index:1;
4545
}
4646
#circle31{
4747
width:20em;height:20em;
@@ -104,7 +104,7 @@ canvas{ display:block; vertical-align:bottom;}
104104
}
105105

106106
nav{z-index:10;}
107-
.menu-left{position:absolute; right:64%; top:9em; transform:skewX(30deg);}
107+
.menu-left{position:absolute; left:16%; top:9em; transform:skewX(30deg);}
108108
.menu-left ul li{ background:white;margin:20px 0px 20px 20px;
109109
width:155px;padding:0.5px;
110110
box-shadow:-4px -4px 0px teal;}
@@ -119,7 +119,7 @@ nav{z-index:10;}
119119
border-top:3px solid red;}
120120
#home button{background:none;border:none;padding:0;color:black;font-family:'Aldrich';font-weight:bold;}
121121

122-
.menu-right{position:absolute; left:65%; top:9em;transform:skewX(-30deg);}
122+
.menu-right{position:absolute; right:18%; top:9em;transform:skewX(-30deg);}
123123
.menu-right ul li{background:white;margin:20px 0px 20px 20px;
124124
width:155px;padding:0.5px;
125125
box-shadow:4px -4px 0px teal;}
@@ -142,7 +142,7 @@ nav{z-index:10;}
142142
#navigation{visibility:hidden;z-index:100;}
143143

144144

145-
#intro-wrap{ position: absolute;left:39%;top:7.5em; }
145+
#intro-wrap{ position: absolute;left:calc(50% - 8.5em);top:7.5em; }
146146
#intro-wrap h1{font-size:2.3em;}
147147

148148
#intro-wrap h2{font-family: "Lato"; text-shadow: 0 2px 0.1em black; }
@@ -164,15 +164,13 @@ nav{z-index:10;}
164164
100%{ opacity:1; }
165165
}
166166
/* BTNS */
167-
.btn-space{padding-left:10%;}
168-
169-
.btn-top{margin-top:-5em;}
167+
.btn-space{padding-left:12%;}
168+
.btn-top{margin-top:-4em;}
170169
#btns{-webkit-perspective:300px; /* Chrome, Safari, Opera */
171-
perspective:300px;position:absolute;bottom:5em;width:100%;}
170+
perspective:300px;position:absolute;bottom:5em;margin-left:20px;width:100%;}
172171
#btns ul li{display: inline-block;font-size:1.5em;text-align: center;}
173172

174-
#btns #about-btn{-webkit-transform:skewX(-60deg);
175-
transform:skewX(-60deg);}
173+
#btns #about-btn{-webkit-transform:skewX(-60deg); transform:skewX(-60deg);}
176174
#about-btn .main-btn{ width:150px;height: 30px; box-shadow:2px 2px 0px #7cf4ff;}
177175
#about-btn .main-btn div{-webkit-transform:skewX(60deg);
178176
transform:skewX(60deg); left:15px;}
@@ -185,12 +183,12 @@ nav{z-index:10;}
185183

186184
#btns #campus-btn{-webkit-transform:rotateX(60deg);
187185
transform:rotateX(60deg);}
188-
#campus-btn .main-btn{ width:350px;
186+
#campus-btn .main-btn{ width:320px;
189187
-webkit-perspective:200px; /* Chrome, Safari, Opera */
190-
perspective:200px;height:40px;box-shadow:2px 2px 0px #7cf4ff;}
188+
perspective:200px;height:50px;box-shadow:2px 2px 0px #7cf4ff;}
191189
#campus-btn div{-webkit-transform:rotateX(-30deg) scaleY(2.6) scaleX(1.2) skewX(5deg);
192-
transform:rotateX(-30deg) scaleY(2.6) scaleX(1.2) skewX(5deg); left:50px;
193-
left:50px;}
190+
transform:rotateX(-30deg) scaleY(2.4) scaleX(1.1) skewX(5deg); top:10px;
191+
left:40px;}
194192

195193
@-moz-document url-prefix() {
196194
#campus-btn .main-btn{ width:320px;}

‎dist/css/lightslider.css

+395
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,395 @@
1+
/*! lightslider - v1.1.6 - 2016-10-25
2+
* https://github.com/sachinchoolur/lightslider
3+
* Copyright (c) 2016 Sachin N; Licensed MIT */
4+
/*! lightslider - v1.1.3 - 2015-04-14
5+
* https://github.com/sachinchoolur/lightslider
6+
* Copyright (c) 2015 Sachin N; Licensed MIT */
7+
/** /!!! core css Should not edit !!!/**/
8+
9+
.lSSlideOuter {
10+
overflow: hidden;
11+
-webkit-touch-callout: none;
12+
-webkit-user-select: none;
13+
-khtml-user-select: none;
14+
-moz-user-select: none;
15+
-ms-user-select: none;
16+
user-select: none
17+
}
18+
.lightSlider:before, .lightSlider:after {
19+
content: " ";
20+
display: table;
21+
}
22+
.lightSlider {
23+
overflow: hidden;
24+
margin: 0;
25+
}
26+
.lSSlideWrapper {
27+
max-width: 100%;
28+
overflow: hidden;
29+
position: relative;
30+
}
31+
.lSSlideWrapper > .lightSlider:after {
32+
clear: both;
33+
}
34+
.lSSlideWrapper .lSSlide {
35+
-webkit-transform: translate(0px, 0px);
36+
-ms-transform: translate(0px, 0px);
37+
transform: translate(0px, 0px);
38+
-webkit-transition: all 1s;
39+
-webkit-transition-property: -webkit-transform,height;
40+
-moz-transition-property: -moz-transform,height;
41+
transition-property: transform,height;
42+
-webkit-transition-duration: inherit !important;
43+
transition-duration: inherit !important;
44+
-webkit-transition-timing-function: inherit !important;
45+
transition-timing-function: inherit !important;
46+
}
47+
.lSSlideWrapper .lSFade {
48+
position: relative;
49+
}
50+
.lSSlideWrapper .lSFade > * {
51+
position: absolute !important;
52+
top: 0;
53+
left: 0;
54+
z-index: 9;
55+
margin-right: 0;
56+
width: 100%;
57+
}
58+
.lSSlideWrapper.usingCss .lSFade > * {
59+
opacity: 0;
60+
-webkit-transition-delay: 0s;
61+
transition-delay: 0s;
62+
-webkit-transition-duration: inherit !important;
63+
transition-duration: inherit !important;
64+
-webkit-transition-property: opacity;
65+
transition-property: opacity;
66+
-webkit-transition-timing-function: inherit !important;
67+
transition-timing-function: inherit !important;
68+
}
69+
.lSSlideWrapper .lSFade > *.active {
70+
z-index: 10;
71+
}
72+
.lSSlideWrapper.usingCss .lSFade > *.active {
73+
opacity: 1;
74+
}
75+
/** /!!! End of core css Should not edit !!!/**/
76+
77+
/* Pager */
78+
.lSSlideOuter .lSPager.lSpg {
79+
margin: 10px 0 0;
80+
padding: 0;
81+
text-align: center;
82+
}
83+
.lSSlideOuter .lSPager.lSpg > li {
84+
cursor: pointer;
85+
display: inline-block;
86+
padding: 0 5px;
87+
}
88+
.lSSlideOuter .lSPager.lSpg > li a {
89+
background-color: #222222;
90+
border-radius: 30px;
91+
display: inline-block;
92+
height: 8px;
93+
overflow: hidden;
94+
text-indent: -999em;
95+
width: 8px;
96+
position: relative;
97+
z-index: 99;
98+
-webkit-transition: all 0.5s linear 0s;
99+
transition: all 0.5s linear 0s;
100+
}
101+
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
102+
background-color: #428bca;
103+
}
104+
.lSSlideOuter .media {
105+
opacity: 0.8;
106+
}
107+
.lSSlideOuter .media.active {
108+
opacity: 1;
109+
}
110+
/* End of pager */
111+
112+
/** Gallery */
113+
.lSSlideOuter .lSPager.lSGallery {
114+
list-style: none outside none;
115+
padding-left: 0;
116+
margin: 0;
117+
overflow: hidden;
118+
transform: translate3d(0px, 0px, 0px);
119+
-moz-transform: translate3d(0px, 0px, 0px);
120+
-ms-transform: translate3d(0px, 0px, 0px);
121+
-webkit-transform: translate3d(0px, 0px, 0px);
122+
-o-transform: translate3d(0px, 0px, 0px);
123+
-webkit-transition-property: -webkit-transform;
124+
-moz-transition-property: -moz-transform;
125+
-webkit-touch-callout: none;
126+
-webkit-user-select: none;
127+
-khtml-user-select: none;
128+
-moz-user-select: none;
129+
-ms-user-select: none;
130+
user-select: none;
131+
}
132+
.lSSlideOuter .lSPager.lSGallery li {
133+
overflow: hidden;
134+
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
135+
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
136+
}
137+
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
138+
border-radius: 5px;
139+
}
140+
.lSSlideOuter .lSPager.lSGallery img {
141+
display: block;
142+
height: auto;
143+
max-width: 100%;
144+
}
145+
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
146+
content: " ";
147+
display: table;
148+
}
149+
.lSSlideOuter .lSPager.lSGallery:after {
150+
clear: both;
151+
}
152+
/* End of Gallery*/
153+
154+
/* slider actions */
155+
.lSAction > a {
156+
width: 32px;
157+
display: block;
158+
top: 50%;
159+
height: 32px;
160+
background-image: url('../img/controls.png');
161+
cursor: pointer;
162+
position: absolute;
163+
z-index: 99;
164+
margin-top: -16px;
165+
opacity: 0.5;
166+
-webkit-transition: opacity 0.35s linear 0s;
167+
transition: opacity 0.35s linear 0s;
168+
}
169+
.lSAction > a:hover {
170+
opacity: 1;
171+
}
172+
.lSAction > .lSPrev {
173+
background-position: 0 0;
174+
left: 10px;
175+
}
176+
.lSAction > .lSNext {
177+
background-position: -32px 0;
178+
right: 10px;
179+
}
180+
.lSAction > a.disabled {
181+
pointer-events: none;
182+
}
183+
.cS-hidden {
184+
height: 1px;
185+
opacity: 0;
186+
filter: alpha(opacity=0);
187+
overflow: hidden;
188+
}
189+
190+
191+
/* vertical */
192+
.lSSlideOuter.vertical {
193+
position: relative;
194+
}
195+
.lSSlideOuter.vertical.noPager {
196+
padding-right: 0px !important;
197+
}
198+
.lSSlideOuter.vertical .lSGallery {
199+
position: absolute !important;
200+
right: 0;
201+
top: 0;
202+
}
203+
.lSSlideOuter.vertical .lightSlider > * {
204+
width: 100% !important;
205+
max-width: none !important;
206+
}
207+
208+
/* vertical controlls */
209+
.lSSlideOuter.vertical .lSAction > a {
210+
left: 50%;
211+
margin-left: -14px;
212+
margin-top: 0;
213+
}
214+
.lSSlideOuter.vertical .lSAction > .lSNext {
215+
background-position: 31px -31px;
216+
bottom: 10px;
217+
top: auto;
218+
}
219+
.lSSlideOuter.vertical .lSAction > .lSPrev {
220+
background-position: 0 -31px;
221+
bottom: auto;
222+
top: 10px;
223+
}
224+
/* vertical */
225+
226+
227+
/* Rtl */
228+
.lSSlideOuter.lSrtl {
229+
direction: rtl;
230+
}
231+
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
232+
padding-left: 0;
233+
list-style: none outside none;
234+
}
235+
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
236+
padding-right: 0;
237+
}
238+
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
239+
float: left;
240+
}
241+
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
242+
float: right !important;
243+
}
244+
/* Rtl */
245+
246+
@-webkit-keyframes rightEnd {
247+
0% {
248+
left: 0;
249+
}
250+
251+
50% {
252+
left: -15px;
253+
}
254+
255+
100% {
256+
left: 0;
257+
}
258+
}
259+
@keyframes rightEnd {
260+
0% {
261+
left: 0;
262+
}
263+
264+
50% {
265+
left: -15px;
266+
}
267+
268+
100% {
269+
left: 0;
270+
}
271+
}
272+
@-webkit-keyframes topEnd {
273+
0% {
274+
top: 0;
275+
}
276+
277+
50% {
278+
top: -15px;
279+
}
280+
281+
100% {
282+
top: 0;
283+
}
284+
}
285+
@keyframes topEnd {
286+
0% {
287+
top: 0;
288+
}
289+
290+
50% {
291+
top: -15px;
292+
}
293+
294+
100% {
295+
top: 0;
296+
}
297+
}
298+
@-webkit-keyframes leftEnd {
299+
0% {
300+
left: 0;
301+
}
302+
303+
50% {
304+
left: 15px;
305+
}
306+
307+
100% {
308+
left: 0;
309+
}
310+
}
311+
@keyframes leftEnd {
312+
0% {
313+
left: 0;
314+
}
315+
316+
50% {
317+
left: 15px;
318+
}
319+
320+
100% {
321+
left: 0;
322+
}
323+
}
324+
@-webkit-keyframes bottomEnd {
325+
0% {
326+
bottom: 0;
327+
}
328+
329+
50% {
330+
bottom: -15px;
331+
}
332+
333+
100% {
334+
bottom: 0;
335+
}
336+
}
337+
@keyframes bottomEnd {
338+
0% {
339+
bottom: 0;
340+
}
341+
342+
50% {
343+
bottom: -15px;
344+
}
345+
346+
100% {
347+
bottom: 0;
348+
}
349+
}
350+
.lSSlideOuter .rightEnd {
351+
-webkit-animation: rightEnd 0.3s;
352+
animation: rightEnd 0.3s;
353+
position: relative;
354+
}
355+
.lSSlideOuter .leftEnd {
356+
-webkit-animation: leftEnd 0.3s;
357+
animation: leftEnd 0.3s;
358+
position: relative;
359+
}
360+
.lSSlideOuter.vertical .rightEnd {
361+
-webkit-animation: topEnd 0.3s;
362+
animation: topEnd 0.3s;
363+
position: relative;
364+
}
365+
.lSSlideOuter.vertical .leftEnd {
366+
-webkit-animation: bottomEnd 0.3s;
367+
animation: bottomEnd 0.3s;
368+
position: relative;
369+
}
370+
.lSSlideOuter.lSrtl .rightEnd {
371+
-webkit-animation: leftEnd 0.3s;
372+
animation: leftEnd 0.3s;
373+
position: relative;
374+
}
375+
.lSSlideOuter.lSrtl .leftEnd {
376+
-webkit-animation: rightEnd 0.3s;
377+
animation: rightEnd 0.3s;
378+
position: relative;
379+
}
380+
/*/ GRab cursor */
381+
.lightSlider.lsGrab > * {
382+
cursor: -webkit-grab;
383+
cursor: -moz-grab;
384+
cursor: -o-grab;
385+
cursor: -ms-grab;
386+
cursor: grab;
387+
}
388+
.lightSlider.lsGrabbing > * {
389+
cursor: move;
390+
cursor: -webkit-grabbing;
391+
cursor: -moz-grabbing;
392+
cursor: -o-grabbing;
393+
cursor: -ms-grabbing;
394+
cursor: grabbing;
395+
}

‎dist/css/lightslider.min.css

+3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/img/Thumbs.db

4.5 KB
Binary file not shown.

‎dist/img/controls.png

2.19 KB
Loading

‎dist/js/lightslider.js

+1,143
Large diffs are not rendered by default.

‎dist/js/lightslider.min.js

+4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎images/invento/IMG_9359.JPG ‎images/invento/1.JPG

File renamed without changes.

‎images/invento/IMG_9440.JPG ‎images/invento/2.JPG

File renamed without changes.

‎images/invento/IMG_9832.JPG ‎images/invento/3.JPG

File renamed without changes.

‎images/invento/inv (22).JPG ‎images/invento/4.JPG

File renamed without changes.

‎images/invento/IMG_9452.JPG ‎images/invento/5.JPG

File renamed without changes.

‎images/invento/IMG_9432.JPG ‎images/invento/6.JPG

File renamed without changes.

‎images/invento/DSC00002.JPG ‎images/invento/7.JPG

File renamed without changes.

‎images/invento/inv (24).JPG ‎images/invento/8.JPG

File renamed without changes.

‎images/team/ayushi.jpeg

172 KB
Loading

‎images/team/ayushi.png

-2.56 KB
Binary file not shown.

‎js/sub-section.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ function closepop(){
3434
$('.pop-up').fadeOut(500);
3535
$('#overlay').fadeIn(1000);
3636
if($(window).width()<700){
37-
$(".menur ,.menul").css({'display':'block','top':'19em'});
37+
$(".menur ,.menul").css({'display':'block','top':'18.5em'});
3838
$(".menul ul li").css({'transform':'rotateY(15deg)','padding':'1px'});
3939
$(".menur ul li").css({'transform':'rotateY(-15deg)','padding':'1px'});
4040
}

‎subsection/contact.html

+8-7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<link rel="stylesheet" media="screen" href="css/social.css">
12
<div class="header">
23
<span class="title">Get in touch</span>
34
<button onclick="closepop()" class="close-btn">
@@ -7,7 +8,7 @@
78
<div class="content">
89
<div class="row">
910
<div class="col-md-3 " style="font-size: 25px ;color:#E8D0A9;">
10-
<h2 style="color:#ACD1E9;font-weight:bold;" >Conatct Us Here</h2>
11+
<h2 style="color:#ACD1E9;font-weight:bold;" >Contact Us Here</h2>
1112
<br/>
1213
<div >
1314
Mobile No.<br/>
@@ -28,12 +29,12 @@ <h2 style="color:#ACD1E9;font-weight:bold;" >Conatct Us Here</h2>
2829
<center>
2930
<h2 style="color:#ACD1E9;font-weight:bold;">Connect With Us Here</h2>
3031
<br/>
31-
<ul class="icon_list">
32-
<li><a href="https://www.facebook.com/InventoIET/" target="blank"><i class="fa fa-facebook"></i></a></li>
33-
<li><a href=""><i class="fa fa-twitter"></i></a></li>
34-
<li><a href=""><i class="fa fa-linkedin"></i></a></li>
35-
<li><a href=""><i class="fa fa-instagram"></i></a></li>
36-
</ul>
32+
<div class="social-links">
33+
<ul class="social-network social-circle">
34+
<li><a href="https://www.facebook.com/InventoIET/" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
35+
<li><a href="https://twitter.com/search?q=%23Invento2k17" class="icoFacebook" title="Twitter" target="blank"><i class="fa fa-twitter"></i></a></li>
36+
</ul>
37+
</div>
3738
</center>
3839
</div>
3940

‎subsection/gallery.html

+68-77
Original file line numberDiff line numberDiff line change
@@ -1,83 +1,74 @@
1-
<div class="header">
2-
<span class="title">Gallery</span>
3-
<button onclick="closepop()" class="close-btn">
4-
<img src="images/close_btn_image.png" alt="X"/>
5-
</button>
6-
</div>
7-
<div class="content">
8-
<p>
9-
<div class="modal fade" id="enlargeImageModal" tabindex="-1" role="dialog" aria-labelledby="enlargeImageModal" aria-hidden="true">
10-
<div class="modal-dialog modal-lg" role="document">
11-
<div class="modal-content">
12-
<div class="modal-header">
13-
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
14-
</div>
15-
<div class="modal-body">
16-
<img src="" class="enlargeImageModalSource" style="width: 100%;">
17-
</div>
18-
</div>
19-
</div>
20-
</div>
21-
22-
<div id="myCarousel" class="carousel slide" data-ride="carousel">
23-
<!-- Indicators -->
24-
<ol class="carousel-indicators">
25-
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
26-
<li data-target="#myCarousel" data-slide-to="1"></li>
27-
<li data-target="#myCarousel" data-slide-to="2"></li>
28-
<li data-target="#myCarousel" data-slide-to="3"></li>
29-
<li data-target="#myCarousel" data-slide-to="4"></li>
30-
<li data-target="#myCarousel" data-slide-to="5"></li>
31-
<li data-target="#myCarousel" data-slide-to="6"></li>
32-
<li data-target="#myCarousel" data-slide-to="7"></li>
33-
</ol>
34-
<center>
35-
<!-- Wrapper for slide -->
36-
<div class="carousel-inner">
1+
<!-- Image Slider -->
2+
<link rel="stylesheet" href="dist/css/lightslider.css"/>
3+
<script src="dist/js/lightslider.min.js"></script>
4+
<style>
5+
ul{
6+
list-style: none outside none;
7+
padding-left: 0;
8+
margin: 0;
9+
}
10+
</style>
3711

38-
<div class="item active">
39-
<img src="images/invento/IMG_9832.JPG" alt="Invento Images" style="width:70%; height: 400px;">
40-
</div>
12+
<script>
13+
$(document).ready(function() {
14+
$("#content-slider").lightSlider({
15+
loop:true,
16+
keyPress:true
17+
});
18+
$('#image-gallery').lightSlider({
19+
gallery:true,
20+
item:1,
21+
thumbItem:5,
22+
slideMargin: 0,
23+
speed:500,
24+
auto:true,
25+
loop:true,
26+
onSliderLoad: function() {
27+
$('#image-gallery').removeClass('cS-hidden');
28+
}
29+
});
30+
});
31+
</script>
4132

42-
<div class="item">
43-
<img src="images/invento/DSC00002.JPG" alt="Invento Images" style="width:70%; height: 400px;">
44-
</div>
4533

46-
<div class="item">
47-
<img src="images/invento/IMG_9359.JPG" alt="Invento Images" style="width:70%; height: 400px;">
48-
</div>
34+
<div class="header">
35+
<span class="title">Gallery</span>
36+
<button onclick="closepop()" class="close-btn">
37+
<img src="images/close_btn_image.png" alt="X"/>
38+
</button>
39+
</div>
4940

50-
<div class="item">
51-
<img src="images/invento/IMG_9432.JPG" alt="Invento Images" style="width:70%; height: 400px;">
52-
</div>
41+
<div class="content">
42+
<!--start-->
43+
<div class="gallery-section" style="max-width: 448px; margin:auto;">
44+
<ul id="image-gallery" class="gallery list-unstyled cS-hidden">
45+
<li data-thumb="images/invento/1.JPG">
46+
<img src="images/invento/1.JPG" />
47+
</li>
48+
<li data-thumb="images/invento/2.JPG">
49+
<img src="images/invento/2.JPG" />
50+
</li>
51+
<li data-thumb="images/invento/3.JPG">
52+
<img src="images/invento/3.JPG" />
53+
</li>
54+
<li data-thumb="images/invento/4.JPG">
55+
<img src="images/invento/4.JPG" />
56+
</li>
57+
<li data-thumb="images/invento/5.JPG">
58+
<img src="images/invento/5.JPG" />
59+
</li>
60+
<li data-thumb="images/invento/6.JPG">
61+
<img src="images/invento/6.JPG" />
62+
</li>
63+
<li data-thumb="images/invento/7.JPG">
64+
<img src="images/invento/7.JPG" />
65+
</li>
66+
<li data-thumb="images/invento/8.JPG">
67+
<img src="images/invento/8.JPG" />
68+
</li>
69+
</ul>
70+
</div>
71+
<!--end-->
5372

54-
<div class="item">
55-
<img src="images/invento/IMG_9452.JPG" alt="Invento Images" style="width:70%; height: 400px;">
56-
</div>
5773

58-
<div class="item">
59-
<img src="images/invento/IMG_9440.JPG" alt="Invento Images" style="width:70%; height: 400px;">
60-
</div>
61-
62-
<div class="item">
63-
<img src="images/invento/inv (22).JPG" alt="Invento Images" style="width:70%; height: 400px;">
64-
</div>
65-
66-
<div class="item">
67-
<img src="images/invento/inv (24).JPG" alt="Invento Images" style="width:70%; height: 400px;">
68-
</div>
69-
70-
</div>
71-
</center>
72-
<!-- Left and right controls -->
73-
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
74-
<span class="glyphicon glyphicon-chevron-left"></span>
75-
<span class="sr-only">Previous</span>
76-
</a>
77-
<a class="right carousel-control" href="#myCarousel" data-slide="next">
78-
<span class="glyphicon glyphicon-chevron-right"></span>
79-
<span class="sr-only">Next</span>
80-
</a>
81-
</div>
82-
</p>
83-
</div><!-- content // -->
74+
</div>

‎subsection/team.html

+71-70
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,75 @@
11
<link rel="stylesheet" media="screen" href="css/social.css">
2-
<div class="header" style="padding:0">
3-
<span class="title">TEAM</span>
4-
<button onclick="closepop()" class="close-btn">
5-
<img src="images/close_btn_image.png" alt="X"/>
6-
</button>
7-
</div>
8-
<div class="content" style="overflow-x:hidden;">
9-
<h3 style="margin-top:-10px">The web team</h3>
10-
<div class="row">
11-
<div class="col-md-offset-1 col-xs-offset-1 col-md-3 col-xs-5 col-sm-6 align-center contact">
12-
<img src="images/team/pavan.jpg" alt="Image" class="img img-responsive" />
13-
<p class="name">Pavan Choudhary</p>
14-
<div class="social-links col-md-12"">
15-
<ul class="social-network social-circle">
16-
<li><a href="https://www.facebook.com/pvn6396" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
17-
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
18-
<li><a href="https://github.com/pvn6396" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
19-
</ul>
20-
</div>
21-
</div>
22-
<div class="col-md-3 col-sm-6 col-xs-5 align-center contact">
23-
<img src="images/team/mohit.jpeg" alt="Image" class="img img-responsive" />
24-
<p class="name">Mohit Khandelwal</p>
25-
<div class="social-links col-md-12">
26-
<ul class="social-network social-circle">
27-
<li><a href="http://www.facebook.com/mohit.khandelwal.72" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
28-
<li><a href="http://www.linkedin.com/in/mohitkh7" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
29-
<li><a href="http://www.github.com/mohitkh7" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
30-
</ul>
31-
</div>
32-
</div>
33-
<div class="col-md-3 col-sm-6 col-xs-6 col-xs-offset-3 col-md-offset-0 align-center contact">
34-
<img src="images/team/ayushi.png" alt="Image" class="img img-responsive" style="width:90px;height:90px;" />
35-
<p class="name">Ayushi Ghatt</p>
36-
<div class="social-links col-md-12">
37-
<ul class="social-network social-circle">
38-
<li><a href="https://www.facebook.com/ayushi.ghatt" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
39-
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
40-
<li><a href="#" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
41-
</ul>
42-
</div>
43-
</div>
44-
</div>
45-
<h3>The Team</h3>
46-
<div class="row">
47-
<div class="col-md-4 col-sm-6 align-center contact" style="padding-left: 50px;">
48-
<img src="images/team/mayank.jpg" alt="Image" class="img img-responsive" />
49-
<p class="name">Mayank Jain</p>
50-
<div class="social-links col-md-12">
51-
<ul class="social-network social-circle">
52-
<li><a href="https://www.facebook.com/mayank.jain.5030" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
53-
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
54-
<li><a href="#" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
55-
</ul>
56-
</div>
57-
</div>
58-
<div class="col-md-4 col-sm-6 align-center contact">
59-
<img src="images/team/kalpit.jpg" alt="Image" class="img img-responsive" />
60-
<p class="name">Kalpit Tiwari</p>
61-
<div class="social-links col-md-12">
62-
<ul class="social-network social-circle">
63-
<li><a href="#" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
64-
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
65-
<li><a href="#" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
66-
</ul>
67-
</div>
68-
</div>
69-
</div>
70-
<br><br><br><br>
71-
</div><!-- content // -->
2+
<div class="header" style="padding:0;">
3+
<span class="title">TEAM</span>
4+
<button onclick="closepop()" class="close-btn">
5+
<img src="images/close_btn_image.png" alt="X"/>
6+
</button>
7+
</div>
8+
<div class="content" style="overflow-x:hidden;">
9+
<h3 style="margin-top:-10px">The Web Warriors</h3>
10+
<div class="row">
11+
<div class="col-md-4 col-sm-6 align-center contact">
12+
<img src="images/team/pavan.jpg" alt="Image" class="img img-responsive" />
13+
<p class="name">< Pavan Choudhary /></p>
14+
<div class="social-links col-md-12"">
15+
<ul class="social-network social-circle">
16+
<li><a href="https://www.facebook.com/pvn6396" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
17+
<li><a href="https://www.linkedin.com/in/pavan-choudhary-063886121/" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
18+
<li><a href="https://github.com/pvn6396" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
19+
</ul>
20+
</div>
21+
</div>
22+
<div class="col-md-4 col-sm-6 align-center contact">
23+
<img src="images/team/mohit.jpeg" alt="Image" class="img img-responsive" />
24+
<p class="name">< Mohit Khandelwal /></p>
25+
<div class="social-links col-md-12">
26+
<ul class="social-network social-circle">
27+
<li><a href="http://www.facebook.com/mohit.khandelwal.72" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
28+
<li><a href="http://www.linkedin.com/in/mohitkh7" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
29+
<li><a href="http://www.github.com/mohitkh7" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
30+
</ul>
31+
</div>
32+
</div>
33+
<div class="col-md-4 col-sm-12 align-center contact">
34+
<img src="images/team/ayushi.jpeg" alt="Image" class="img img-responsive"/>
35+
<p class="name">< Ayushi Ghatt /></p>
36+
<div class="social-links col-md-12">
37+
<ul class="social-network social-circle">
38+
<li><a href="https://www.facebook.com/ayushi.ghatt" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
39+
<li><a href="https://www.linkedin.com/in/ayushi-ghatt-10883312b" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
40+
<li><a href="http://github.com/ayushighatt" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
41+
</ul>
42+
</div>
43+
</div>
44+
</div>
45+
46+
<h3>Geek of Geeks</h3>
47+
<div class="row">
48+
<div class="col-md-6 col-sm-6 align-center contact">
49+
<img src="images/team/mayank.jpg" alt="Image" class="img img-responsive" />
50+
<p class="name">Mayank Jain</p>
51+
<div class="social-links col-md-12">
52+
<ul class="social-network social-circle">
53+
<li><a href="https://www.facebook.com/mayank.jain.5030" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
54+
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
55+
<li><a href="#" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
56+
</ul>
57+
</div>
58+
</div>
59+
<div class="col-md-6 col-sm-6 align-center contact">
60+
<img src="images/team/kalpit.jpg" alt="Image" class="img img-responsive" />
61+
<p class="name">Kalpit Tiwari</p>
62+
<div class="social-links col-md-12">
63+
<ul class="social-network social-circle">
64+
<li><a href="#" class="icoFacebook" title="Facebook" target="blank"><i class="fa fa-facebook"></i></a></li>
65+
<li><a href="#" class="icoLinkedin" title="Linkedin" target="blank"><i class="fa fa-linkedin"></i></a></li>
66+
<li><a href="#" class="icoGithub" title="Github" target="blank"><i class="fa fa-github"></i></a></li>
67+
</ul>
68+
</div>
69+
</div>
70+
</div>
71+
<br><br><br><br>
72+
</div><!-- content // -->
7273

7374
<!-- styling -->
7475
<style>

0 commit comments

Comments
 (0)
Please sign in to comment.