Skip to content

Commit 9426452

Browse files
sairamraavisairamraavi
committed
Added files for the website
1 parent 848a56e commit 9426452

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

74 files changed

+49715
-0
lines changed

‎css/grayscale.css

Lines changed: 285 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,285 @@
1+
body {
2+
font-family: 'Lora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3+
position: relative;
4+
width: 100%;
5+
height: 100%;
6+
color: white;
7+
background-color: black;
8+
}
9+
10+
html {
11+
width: 100%;
12+
height: 100%;
13+
}
14+
15+
h1,
16+
h2,
17+
h3,
18+
h4,
19+
h5,
20+
h6 {
21+
font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
22+
font-weight: 700;
23+
margin: 0 0 35px;
24+
letter-spacing: 1px;
25+
text-transform: uppercase;
26+
}
27+
28+
p {
29+
font-size: 16px;
30+
line-height: 1.5;
31+
margin: 0 0 25px;
32+
}
33+
34+
@media (min-width: 768px) {
35+
p {
36+
font-size: 18px;
37+
line-height: 1.6;
38+
margin: 0 0 35px;
39+
}
40+
}
41+
42+
a {
43+
-webkit-transition: all 0.2s ease-in-out;
44+
-moz-transition: all 0.2s ease-in-out;
45+
transition: all 0.2s ease-in-out;
46+
color: #42DCA3;
47+
}
48+
49+
a:focus, a:hover {
50+
text-decoration: none;
51+
color: #1d9b6c;
52+
}
53+
54+
#mainNav {
55+
font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
56+
margin-bottom: 0;
57+
text-transform: uppercase;
58+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
59+
background-color: black;
60+
}
61+
62+
#mainNav .navbar-toggler {
63+
font-size: 14px;
64+
padding: 11px;
65+
color: white;
66+
border: 1px solid white;
67+
}
68+
69+
#mainNav .navbar-brand {
70+
font-weight: 700;
71+
}
72+
73+
#mainNav a {
74+
color: white;
75+
}
76+
77+
#mainNav .navbar-nav .nav-item {
78+
-webkit-transition: background 0.3s ease-in-out;
79+
-moz-transition: background 0.3s ease-in-out;
80+
transition: background 0.3s ease-in-out;
81+
}
82+
83+
#mainNav .navbar-nav .nav-item:hover {
84+
color: fade(white, 80%);
85+
outline: none;
86+
background-color: transparent;
87+
}
88+
89+
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
90+
outline: none;
91+
background-color: transparent;
92+
}
93+
94+
@media (min-width: 992px) {
95+
#mainNav {
96+
padding-top: 20px;
97+
padding-bottom: 20px;
98+
-webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
99+
-moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
100+
transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
101+
letter-spacing: 1px;
102+
border-bottom: none;
103+
background: transparent;
104+
}
105+
#mainNav.navbar-shrink {
106+
padding-top: 10px;
107+
padding-bottom: 10px;
108+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
109+
background: black;
110+
}
111+
#mainNav .nav-link.active {
112+
outline: none;
113+
background-color: rgba(255, 255, 255, 0.3);
114+
}
115+
#mainNav .nav-link.active:hover {
116+
color: white;
117+
}
118+
}
119+
120+
.masthead {
121+
display: table;
122+
width: 100%;
123+
height: auto;
124+
padding: 200px 0;
125+
text-align: center;
126+
color: white;
127+
background: url("../img/intro-bg.jpg") no-repeat bottom center scroll;
128+
background-color: black;
129+
-webkit-background-size: cover;
130+
-moz-background-size: cover;
131+
-o-background-size: cover;
132+
background-size: cover;
133+
}
134+
135+
.masthead .intro-body {
136+
display: table-cell;
137+
vertical-align: middle;
138+
}
139+
140+
.masthead .intro-body .brand-heading {
141+
font-size: 50px;
142+
}
143+
144+
.masthead .intro-body .intro-text {
145+
font-size: 18px;
146+
}
147+
148+
@media (min-width: 768px) {
149+
.masthead {
150+
height: 100%;
151+
padding: 0;
152+
}
153+
.masthead .intro-body .brand-heading {
154+
font-size: 100px;
155+
}
156+
.masthead .intro-body .intro-text {
157+
font-size: 22px;
158+
}
159+
}
160+
161+
.btn-circle {
162+
font-size: 26px;
163+
width: 55px;
164+
height: 55px;
165+
margin-top: 15px;
166+
line-height: 45px;
167+
-webkit-transition: background 0.3s ease-in-out;
168+
-moz-transition: background 0.3s ease-in-out;
169+
transition: background 0.3s ease-in-out;
170+
color: white;
171+
border: 2px solid white;
172+
border-radius: 100% !important;
173+
background: transparent;
174+
}
175+
176+
.btn-circle:focus, .btn-circle:hover {
177+
color: white;
178+
outline: none;
179+
background: rgba(255, 255, 255, 0.1);
180+
}
181+
182+
183+
/*
184+
.content-section {
185+
padding-top: 150px;
186+
padding-bottom: 150px;
187+
}
188+
189+
.download-section {
190+
color: white;
191+
background: url("../img/downloads-bg.jpg") no-repeat center center scroll;
192+
background-color: black;
193+
-webkit-background-size: cover;
194+
-moz-background-size: cover;
195+
-o-background-size: cover;
196+
background-size: cover;
197+
}
198+
199+
#map {
200+
width: 100%;
201+
height: 300px;
202+
}
203+
204+
@media (min-width: 992px) {
205+
.content-section {
206+
padding-top: 200px;
207+
padding-bottom: 200px;
208+
}
209+
#map {
210+
height: 350px;
211+
}
212+
}
213+
*/
214+
.btn {
215+
font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
216+
font-weight: 400;
217+
-webkit-transition: all 0.3s ease-in-out;
218+
-moz-transition: all 0.3s ease-in-out;
219+
transition: all 0.3s ease-in-out;
220+
text-transform: uppercase;
221+
border-radius: 0;
222+
}
223+
224+
.btn-default {
225+
color: #42DCA3;
226+
border: 1px solid #42DCA3;
227+
background-color: transparent;
228+
}
229+
230+
.btn-default:focus, .btn-default:hover {
231+
color: black;
232+
border: 1px solid #42DCA3;
233+
outline: none;
234+
background-color: #42DCA3;
235+
}
236+
237+
ul.banner-social-buttons {
238+
margin-top: 0;
239+
}
240+
241+
@media (max-width: 1199px) {
242+
ul.banner-social-buttons {
243+
margin-top: 15px;
244+
}
245+
}
246+
247+
@media (max-width: 767px) {
248+
ul.banner-social-buttons li {
249+
display: block;
250+
margin-bottom: 20px;
251+
padding: 0;
252+
}
253+
ul.banner-social-buttons li:last-child {
254+
margin-bottom: 0;
255+
}
256+
}
257+
258+
footer {
259+
padding: 50px 0;
260+
}
261+
262+
footer p {
263+
font-size: 14px;
264+
margin: 0;
265+
}
266+
267+
::-moz-selection {
268+
background: #fcfcfc;
269+
background: rgba(255, 255, 255, 0.2);
270+
text-shadow: none;
271+
}
272+
273+
::selection {
274+
background: #fcfcfc;
275+
background: rgba(255, 255, 255, 0.2);
276+
text-shadow: none;
277+
}
278+
279+
img::selection {
280+
background: transparent;
281+
}
282+
283+
img::-moz-selection {
284+
background: transparent;
285+
}

‎css/grayscale.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)