Skip to content

Commit 4841095

Browse files
ibrahimrahmanibrahimrahman
committed
website redesign
1 parent 1762e53 commit 4841095

File tree

12 files changed

+873
-28
lines changed

12 files changed

+873
-28
lines changed

‎css/style.css

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
body {
2+
font-family: 'Roboto', sans-serif;
3+
color: #333333;
4+
}
5+
6+
.monodark::selection {
7+
background: #333333; /* WebKit/Blink Browsers */
8+
color: white;
9+
}
10+
11+
body.monodark::-moz-selection {
12+
background: #333333; /* Gecko Browsers */
13+
color: white;
14+
}
15+
.monolight::selection {
16+
background: #BDBDBD; /* WebKit/Blink Browsers */
17+
color: white;
18+
}
19+
20+
.monolight::-moz-selection {
21+
background: #BDBDBD; /* Gecko Browsers */
22+
color: white;
23+
}
24+
25+
.red::selection {
26+
background: #EB5757; /* WebKit/Blink Browsers */
27+
color: white;
28+
}
29+
30+
.red::-moz-selection {
31+
background: #EB5757; /* Gecko Browsers */
32+
color: white;
33+
}
34+
35+
.green::selection {
36+
background: #27AE60; /* WebKit/Blink Browsers */
37+
color: white;
38+
}
39+
40+
.green::-moz-selection {
41+
background: #27AE60; /* Gecko Browsers */
42+
color: white;
43+
}
44+
45+
.blue::selection {
46+
background: #2F80ED; /* WebKit/Blink Browsers */
47+
color: white;
48+
}
49+
50+
.blue::-moz-selection {
51+
background: #2F80ED; /* Gecko Browsers */
52+
color: white;
53+
}
54+
55+
.bluedark::selection {
56+
background: #4F4F4F; /* WebKit/Blink Browsers */
57+
color: white;
58+
}
59+
60+
.bluedark::-moz-selection {
61+
background: #4F4F4F; /* Gecko Browsers */
62+
color: white;
63+
}
64+
65+
section {
66+
min-height: 30rem;
67+
position: relative;
68+
display: table;
69+
width: 100%;
70+
height: 100vh;
71+
padding-top: 8rem;
72+
padding-bottom: 8rem;
73+
}
74+
75+
.content {
76+
display: table-cell;
77+
position: relative;
78+
vertical-align: middle;
79+
text-align: center;
80+
}
81+
82+
.logo {
83+
max-width: 100%;
84+
padding-bottom: 15px;
85+
pointer-events: none;
86+
user-select: none;
87+
-moz-user-select: none;
88+
-webkit-user-select: none;
89+
-ms-user-select: none;
90+
}
91+
92+
.intro {
93+
font-family: 'museo_sans500', sans-serif;
94+
95+
}
96+
97+
.about {
98+
height: 100%;
99+
}
100+
101+
.fas{
102+
padding: 20px;
103+
font-size: 20px;
104+
text-decoration: none;
105+
border-radius: 50%;
106+
}
107+
108+
.fab{
109+
padding: 20px;
110+
font-size: 20px;
111+
text-decoration: none;
112+
border-radius: 50%;
113+
}
114+
115+
a:link,
116+
a:hover,
117+
a:visited,
118+
a:active {
119+
color: #4A4A4A;
120+
-o-transition:color .2s ease-out;
121+
-ms-transition:color .2s ease-out;
122+
-moz-transition:color .2s ease-out;
123+
-webkit-transition:color .2s ease-out;
124+
transition:color .2s ease-out;
125+
text-decoration: none;
126+
127+
}
128+
129+
a:hover {
130+
color: #333333;
131+
}
132+
133+
footer {
134+
color: #333333;
135+
-webkit-user-select: none; /* Safari */
136+
-moz-user-select: none; /* Firefox */
137+
-ms-user-select: none; /* IE10+/Edge */
138+
user-select: none; /* Standard */
139+
}

‎favicon.ico

751 Bytes
Binary file not shown.

‎fonts/webfontkit/MuseoSans_500-webfont.woff

31.8 KB
Binary file not shown.

‎fonts/webfontkit/MuseoSans_500-webfont.woff2

24.1 KB
Binary file not shown.

‎fonts/webfontkit/specimen_files/grid_12-825-55-15.css

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
/*Notes about grid:
2+
Columns: 12
3+
Grid Width: 825px
4+
Column Width: 55px
5+
Gutter Width: 15px
6+
-------------------------------*/
7+
8+
9+
10+
.section {margin-bottom: 18px;
11+
}
12+
.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
13+
.section {*zoom: 1;}
14+
15+
.section .firstcolumn,
16+
.section .firstcol {margin-left: 0;}
17+
18+
19+
/* Border on left hand side of a column. */
20+
.border {
21+
padding-left: 7px;
22+
margin-left: 7px;
23+
border-left: 1px solid #eee;
24+
}
25+
26+
/* Border with more whitespace, spans one column. */
27+
.colborder {
28+
padding-left: 42px;
29+
margin-left: 42px;
30+
border-left: 1px solid #eee;
31+
}
32+
33+
34+
35+
/* The Grid Classes */
36+
.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
37+
{margin-left: 15px;float: left;display: inline; overflow: hidden;}
38+
39+
40+
.width1, .grid1, .span-1 {width: 55px;}
41+
.width1_2cols,.grid1_2cols {width: 20px;}
42+
.width1_3cols,.grid1_3cols {width: 8px;}
43+
.width1_4cols,.grid1_4cols {width: 2px;}
44+
.input_width1 {width: 49px;}
45+
46+
.width2, .grid2, .span-2 {width: 125px;}
47+
.width2_3cols,.grid2_3cols {width: 31px;}
48+
.width2_4cols,.grid2_4cols {width: 20px;}
49+
.input_width2 {width: 119px;}
50+
51+
.width3, .grid3, .span-3 {width: 195px;}
52+
.width3_2cols,.grid3_2cols {width: 90px;}
53+
.width3_4cols,.grid3_4cols {width: 37px;}
54+
.input_width3 {width: 189px;}
55+
56+
.width4, .grid4, .span-4 {width: 265px;}
57+
.width4_3cols,.grid4_3cols {width: 78px;}
58+
.input_width4 {width: 259px;}
59+
60+
.width5, .grid5, .span-5 {width: 335px;}
61+
.width5_2cols,.grid5_2cols {width: 160px;}
62+
.width5_3cols,.grid5_3cols {width: 101px;}
63+
.width5_4cols,.grid5_4cols {width: 72px;}
64+
.input_width5 {width: 329px;}
65+
66+
.width6, .grid6, .span-6 {width: 405px;}
67+
.width6_4cols,.grid6_4cols {width: 90px;}
68+
.input_width6 {width: 399px;}
69+
70+
.width7, .grid7, .span-7 {width: 475px;}
71+
.width7_2cols,.grid7_2cols {width: 230px;}
72+
.width7_3cols,.grid7_3cols {width: 148px;}
73+
.width7_4cols,.grid7_4cols {width: 107px;}
74+
.input_width7 {width: 469px;}
75+
76+
.width8, .grid8, .span-8 {width: 545px;}
77+
.width8_3cols,.grid8_3cols {width: 171px;}
78+
.input_width8 {width: 539px;}
79+
80+
.width9, .grid9, .span-9 {width: 615px;}
81+
.width9_2cols,.grid9_2cols {width: 300px;}
82+
.width9_4cols,.grid9_4cols {width: 142px;}
83+
.input_width9 {width: 609px;}
84+
85+
.width10, .grid10, .span-10 {width: 685px;}
86+
.width10_3cols,.grid10_3cols {width: 218px;}
87+
.width10_4cols,.grid10_4cols {width: 160px;}
88+
.input_width10 {width: 679px;}
89+
90+
.width11, .grid11, .span-11 {width: 755px;}
91+
.width11_2cols,.grid11_2cols {width: 370px;}
92+
.width11_3cols,.grid11_3cols {width: 241px;}
93+
.width11_4cols,.grid11_4cols {width: 177px;}
94+
.input_width11 {width: 749px;}
95+
96+
.width12, .grid12, .span-12 {width: 825px;}
97+
.input_width12 {width: 819px;}
98+
99+
/* Subdivided grid spaces */
100+
.emptycols_left1, .prepend-1 {padding-left: 70px;}
101+
.emptycols_right1, .append-1 {padding-right: 70px;}
102+
.emptycols_left2, .prepend-2 {padding-left: 140px;}
103+
.emptycols_right2, .append-2 {padding-right: 140px;}
104+
.emptycols_left3, .prepend-3 {padding-left: 210px;}
105+
.emptycols_right3, .append-3 {padding-right: 210px;}
106+
.emptycols_left4, .prepend-4 {padding-left: 280px;}
107+
.emptycols_right4, .append-4 {padding-right: 280px;}
108+
.emptycols_left5, .prepend-5 {padding-left: 350px;}
109+
.emptycols_right5, .append-5 {padding-right: 350px;}
110+
.emptycols_left6, .prepend-6 {padding-left: 420px;}
111+
.emptycols_right6, .append-6 {padding-right: 420px;}
112+
.emptycols_left7, .prepend-7 {padding-left: 490px;}
113+
.emptycols_right7, .append-7 {padding-right: 490px;}
114+
.emptycols_left8, .prepend-8 {padding-left: 560px;}
115+
.emptycols_right8, .append-8 {padding-right: 560px;}
116+
.emptycols_left9, .prepend-9 {padding-left: 630px;}
117+
.emptycols_right9, .append-9 {padding-right: 630px;}
118+
.emptycols_left10, .prepend-10 {padding-left: 700px;}
119+
.emptycols_right10, .append-10 {padding-right: 700px;}
120+
.emptycols_left11, .prepend-11 {padding-left: 770px;}
121+
.emptycols_right11, .append-11 {padding-right: 770px;}
122+
.pull-1 {margin-left: -70px;}
123+
.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
124+
.pull-2 {margin-left: -140px;}
125+
.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
126+
.pull-3 {margin-left: -210px;}
127+
.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
128+
.pull-4 {margin-left: -280px;}
129+
.push-4 {margin-right: -280px;margin-left: 18px;float: right;}

0 commit comments

Comments
 (0)