Skip to content

Commit 4ac10c6

Browse files
farazfazlifarazfazli
committed
New main page designed by Faraz, move to Bootstrap 4
1 parent 2a7759d commit 4ac10c6

Some content is hidden

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

61 files changed

+1138
-14599
lines changed

‎css/animate.css

Lines changed: 12 additions & 3391 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css

Lines changed: 6 additions & 6782 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css.map

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎css/cardio.css

Lines changed: 0 additions & 1116 deletions
This file was deleted.

‎css/et-icons.css

Lines changed: 0 additions & 1159 deletions
This file was deleted.

‎css/main.css

Lines changed: 343 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,343 @@
1+
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
2+
html,
3+
body {
4+
width: 100%;
5+
height: 100%;
6+
}
7+
8+
body {
9+
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
10+
color: #001A33;
11+
webkit-tap-highlight-color: #222;
12+
top:0;
13+
}
14+
15+
/* workaround modal-open padding issue */
16+
body.modal-open {
17+
padding-right:0 !important;
18+
}
19+
20+
hr {
21+
max-width: 120px;
22+
border-width: 3px;
23+
opacity: 0.08;
24+
margin-top: 25px;
25+
margin-bottom: 25px;
26+
}
27+
28+
hr.light {
29+
border-color: #fff;
30+
opacity: 1;
31+
}
32+
33+
hr.primary {
34+
border-color: #007FFF;
35+
opacity: 1;
36+
}
37+
38+
a {
39+
color: #007FFF;
40+
-webkit-transition: all .35s;
41+
-moz-transition: all .35s;
42+
transition: all .35s;
43+
}
44+
45+
a:hover,
46+
a:focus {
47+
color: #222;
48+
outline: 0;
49+
}
50+
51+
p {
52+
font-size: 17px;
53+
line-height: 1.7;
54+
margin-bottom: 20px;
55+
font-family:'Helvetica Neue',Arial,sans-serif;
56+
}
57+
58+
.text-normal {
59+
font-family:'Helvetica Neue',Arial,sans-serif;
60+
}
61+
62+
.wide-space {
63+
letter-spacing: 1.6px;
64+
}
65+
66+
.icon-lg {
67+
font-size: 50px;
68+
line-height: 18px;
69+
}
70+
71+
.bg-primary {
72+
background-color: #007FFF;
73+
}
74+
75+
.bg-alt {
76+
background-color: #fff;
77+
}
78+
79+
.text-faded {
80+
color: rgba(245,245,245,0.7);
81+
}
82+
83+
.text-dark {
84+
color: #001A33;
85+
}
86+
87+
.text-light {
88+
color: #fff;
89+
}
90+
91+
.text-light:hover,.text-light:focus {
92+
color: #eee;
93+
text-decoration:none;
94+
}
95+
96+
.text-primary {
97+
color: #007FFF;
98+
}
99+
100+
section {
101+
padding: 70px 0;
102+
}
103+
104+
aside {
105+
padding: 45px 0;
106+
}
107+
108+
footer {
109+
padding: 45px;
110+
padding-top: 40px;
111+
background-color: #e0e0e3;
112+
}
113+
114+
footer h4, footer h6 {
115+
color:#fff;
116+
}
117+
118+
.navbar-default {
119+
border-color: rgba(35,35,35,.05);
120+
background-color: #fff;
121+
-webkit-transition: all .4s;
122+
-moz-transition: all .4s;
123+
transition: all .4s;
124+
}
125+
126+
.navbar-brand {
127+
color: #007FFF;
128+
padding: 1px;
129+
line-height: 1.90em;
130+
-webkit-transition: padding .2s ease-in;
131+
-moz-transition: padding .2s ease-in;
132+
transition: padding .2s ease-in;
133+
float:none;
134+
}
135+
136+
.navbar-brand:hover,
137+
.navbar-brand:focus {
138+
color: #007FFF;
139+
}
140+
141+
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
142+
background-color: #001A33;
143+
}
144+
.navbar-default .navbar-toggle, .navbar-default .navbar-collapse {
145+
border-color: transparent;
146+
}
147+
148+
.navbar-default .nav > li>a,
149+
.navbar-default .nav>li>a:focus {
150+
font-size: 12px;
151+
color: #001A33;
152+
text-transform: uppercase;
153+
}
154+
155+
.navbar-default .nav>li>a:hover,
156+
.navbar-default .nav>li>a:focus:hover {
157+
color: #007FFF;
158+
}
159+
160+
.navbar-default .nav .nav-link.active,
161+
.navbar-default .nav .nav-link.active:focus {
162+
background-color: transparent;
163+
}
164+
165+
/* responsive nav */
166+
@media(max-width:48em) {
167+
.navbar-default .navbar-nav>.nav-item {
168+
float: none;
169+
margin-left: .1rem;
170+
}
171+
.navbar-default .navbar-nav {
172+
float:none !important;
173+
}
174+
}
175+
176+
@media(min-width:48em) {
177+
.navbar-default {
178+
border-color: transparent;
179+
background-color: #fff;
180+
min-height: 60px;
181+
}
182+
183+
.navbar-brand {
184+
color: #007FFF;
185+
float: left;
186+
padding: 9px;
187+
padding-left: 1px;
188+
}
189+
190+
.navbar-default .navbar-brand:hover,
191+
.navbar-default .navbar-brand:focus {
192+
color: #218FFE;
193+
}
194+
195+
.navbar-default .nav > li>a,
196+
.navbar-default .nav>li>a:focus {
197+
color: #007FFF;
198+
padding-left: 5px;
199+
padding-top: 21px;
200+
letter-spacing: 1.1px;
201+
}
202+
203+
.navbar-default .nav > li>a:hover,
204+
.navbar-default .nav>li>a:focus:hover {
205+
color: #218FFE;
206+
}
207+
208+
#topNav {
209+
background-color:#fff;
210+
}
211+
212+
}
213+
214+
header {
215+
position: relative;
216+
min-height: auto;
217+
text-align: center;
218+
color: #001A33;
219+
width: 100%;
220+
background-color: #fff;
221+
}
222+
223+
header .header-content {
224+
position: relative;
225+
width: 100%;
226+
padding: 100px 15px;
227+
text-align: center;
228+
z-index: 2;
229+
}
230+
231+
header .header-content .inner h1 {
232+
margin-top: 0;
233+
margin-bottom: 0;
234+
}
235+
236+
header .header-content .inner p {
237+
margin-bottom: 50px;
238+
font-size: 16px;
239+
font-weight: 300;
240+
color: #222;
241+
}
242+
243+
@media(min-width:34em) {
244+
.icon-lg {
245+
font-size: 80px;
246+
}
247+
248+
header {
249+
min-height: 100%;
250+
}
251+
252+
header .header-content {
253+
position: absolute;
254+
top: 50%;
255+
padding: 0 50px;
256+
-webkit-transform: translateY(-50%);
257+
-ms-transform: translateY(-50%);
258+
transform: translateY(-50%);
259+
}
260+
261+
header .header-content .inner {
262+
margin-right: auto;
263+
margin-left: auto;
264+
max-width: 1000px;
265+
}
266+
267+
header .header-content .inner h1 {
268+
font-size: 53px;
269+
}
270+
271+
header .header-content .inner p {
272+
margin-right: auto;
273+
margin-left: auto;
274+
max-width: 80%;
275+
font-size: 18px;
276+
}
277+
278+
section {
279+
min-height: 600px;
280+
padding: 100px 0;
281+
}
282+
283+
}
284+
285+
.list-group-item, .card-footer {
286+
background-color:transparent;
287+
}
288+
289+
textarea {
290+
resize: none;
291+
}
292+
293+
.call-to-action h2 {
294+
margin: 0 auto 20px;
295+
}
296+
297+
.btn.btn-primary {
298+
background-color: transparent;
299+
border:1px solid #007FFF;
300+
-webkit-transition: all .35s;
301+
-moz-transition: all .35s;
302+
transition: all .35s;
303+
color:#007FFF;
304+
}
305+
306+
.btn.btn-primary:hover {
307+
opacity: 0.7;
308+
}
309+
310+
.btn-primary-outline {
311+
border-color:#007FFF;
312+
color:#007FFF;
313+
}
314+
.btn-primary-outline:hover {
315+
background-color:#007FFF;
316+
}
317+
318+
.btn-xl {
319+
padding: 15px 30px;
320+
font-size: 20px;
321+
}
322+
323+
::-moz-selection {
324+
text-shadow: none;
325+
color: #fff;
326+
background: #222;
327+
}
328+
329+
::selection {
330+
text-shadow: none;
331+
color: #fff;
332+
background: #222;
333+
}
334+
335+
img::selection {
336+
color: #fff;
337+
background: 0 0;
338+
}
339+
340+
img::-moz-selection {
341+
color: #fff;
342+
background: 0 0;
343+
}

0 commit comments

Comments
 (0)