Skip to content

Commit a796a57

Browse files
kerolexkerolex
committed
Added main files for the webpage
1 parent 3694064 commit a796a57

18 files changed

+1835
-0
lines changed

‎css/skel-noscript.css

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */
2+
3+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
4+
5+
/* Box Model */
6+
7+
*, *:before, *:after {
8+
-moz-box-sizing: border-box;
9+
-webkit-box-sizing: border-box;
10+
-o-box-sizing: border-box;
11+
-ms-box-sizing: border-box;
12+
box-sizing: border-box;
13+
}
14+
15+
/* Container */
16+
17+
body {
18+
min-width: 1200px;
19+
}
20+
21+
.container {
22+
width: 1200px;
23+
margin-left: auto;
24+
margin-right: auto;
25+
}
26+
27+
/* Modifiers */
28+
29+
.container.small {
30+
width: 900px;
31+
}
32+
33+
.container.big {
34+
width: 100%;
35+
max-width: 1500px;
36+
min-width: 1200px;
37+
}
38+
39+
/* Grid */
40+
41+
/* Cells */
42+
43+
.\31 2u { width: 100% }
44+
.\31 1u { width: 91.6666666667% }
45+
.\31 0u { width: 83.3333333333% }
46+
.\39 u { width: 75% }
47+
.\38 u { width: 66.6666666667% }
48+
.\37 u { width: 58.3333333333% }
49+
.\36 u { width: 50% }
50+
.\35 u { width: 41.6666666667% }
51+
.\34 u { width: 33.3333333333% }
52+
.\33 u { width: 25% }
53+
.\32 u { width: 16.6666666667% }
54+
.\31 u { width: 8.3333333333% }
55+
.\-11u { margin-left: 91.6666666667% }
56+
.\-10u { margin-left: 83.3333333333% }
57+
.\-9u { margin-left: 75% }
58+
.\-8u { margin-left: 66.6666666667% }
59+
.\-7u { margin-left: 58.3333333333% }
60+
.\-6u { margin-left: 50% }
61+
.\-5u { margin-left: 41.6666666667% }
62+
.\-4u { margin-left: 33.3333333333% }
63+
.\-3u { margin-left: 25% }
64+
.\-2u { margin-left: 16.6666666667% }
65+
.\-1u { margin-left: 8.3333333333% }
66+
67+
.row > * {
68+
padding: 50px 0 0 50px;
69+
float: left;
70+
-moz-box-sizing: border-box;
71+
-webkit-box-sizing: border-box;
72+
-o-box-sizing: border-box;
73+
-ms-box-sizing: border-box;
74+
box-sizing: border-box;
75+
}
76+
77+
.row + .row > * {
78+
padding-top: 50px;
79+
}
80+
81+
.row {
82+
margin-left: -50px;
83+
}
84+
85+
/* Rows */
86+
87+
.row:after {
88+
content: '';
89+
display: block;
90+
clear: both;
91+
height: 0;
92+
}
93+
94+
.row:first-child > * {
95+
padding-top: 0;
96+
}
97+
98+
.row > * {
99+
padding-top: 0;
100+
}
101+
102+
/* Modifiers */
103+
104+
/* Flush */
105+
106+
.row.flush {
107+
margin-left: 0;
108+
}
109+
110+
.row.flush > * {
111+
padding: 0 !important;
112+
}
113+
114+
/* Quarter */
115+
116+
.row.quarter > * {
117+
padding: 12.5px 0 0 12.5px;
118+
}
119+
120+
.row.quarter + .row.quarter > * {
121+
padding-top: 12.5px;
122+
}
123+
124+
.row.quarter {
125+
margin-left: -12.5px;
126+
}
127+
128+
/* Half */
129+
130+
.row.half > * {
131+
padding: 25px 0 0 25px;
132+
}
133+
134+
.row.half + .row.half > * {
135+
padding-top: 25px;
136+
}
137+
138+
.row.half {
139+
margin-left: -25px;
140+
}
141+
142+
/* One and (a) Half */
143+
144+
.row.oneandhalf > * {
145+
padding: 75px 0 0 75px;
146+
}
147+
148+
.row.oneandhalf + .row.oneandhalf > * {
149+
padding-top: 75px;
150+
}
151+
152+
.row.oneandhalf {
153+
margin-left: -75px;
154+
}
155+
156+
/* Double */
157+
158+
.row.double > * {
159+
padding: 100px 0 0 100px;
160+
}
161+
162+
.row.double + .row.double > * {
163+
padding-top: 100px;
164+
}
165+
166+
.row.double {
167+
margin-left: -100px;
168+
}

‎css/style-desktop.css

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
/*
2+
Ex Machina by TEMPLATED
3+
templated.co @templatedco
4+
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
5+
*/
6+
7+
/*********************************************************************************/
8+
/* Basic */
9+
/*********************************************************************************/
10+
11+
body
12+
{
13+
}
14+
15+
body,input,textarea,select
16+
{
17+
font-size: 11pt;
18+
}
19+
20+
/*********************************************************************************/
21+
/* Banner */
22+
/*********************************************************************************/
23+
24+
#banner
25+
{
26+
padding: 6em 0em;
27+
}
28+
29+
.homepage #banner
30+
{
31+
padding: 12em 0em;
32+
}
33+
34+
/*********************************************************************************/
35+
/* Main */
36+
/*********************************************************************************/
37+
38+
#page
39+
{
40+
padding: 2em 0em 6em 0em;
41+
}
42+
43+
.homepage #page
44+
{
45+
padding: 1em 0em;
46+
}
47+
48+
#main
49+
{
50+
margin-top: 3em;
51+
padding-top: 2em;
52+
border-top: none;
53+
}
54+
55+
.homepage #main
56+
{
57+
margin-top: 6em;
58+
padding-top: 0em;
59+
}
60+
61+
/*********************************************************************************/
62+
/* Footer */
63+
/*********************************************************************************/
64+
65+
#footer
66+
{
67+
padding: 0em 0em 4em 0em;
68+
}
69+
70+
/*********************************************************************************/
71+
/* Featured */
72+
/*********************************************************************************/
73+
74+
#featured
75+
{
76+
padding: 4em 0em;
77+
}
78+
79+
80+
#featured .divider
81+
{
82+
padding: 2em 0em;
83+
}
84+
85+
/*********************************************************************************/
86+
/* Blocks */
87+
/*********************************************************************************/
88+
89+
/* #block1
90+
{
91+
position: relative;
92+
padding: 0em 0em;
93+
background-color: #0051b4;
94+
height: 55vh;
95+
}
96+
97+
#block2
98+
{
99+
position: relative;
100+
padding: 0em 0em;
101+
background-color: #FFF;
102+
height: 55vh;
103+
}
104+
105+
#block3
106+
{
107+
position: relative;
108+
padding: 0em 0em;
109+
background-color: rgb(224, 224, 224, 1.0);
110+
height: 55vh;
111+
}
112+
*/
113+
/****************************************************************************/
114+
/* Achievements
115+
/****************************************************************************/
116+
117+
ul.style1 .container-li {
118+
display:flex;
119+
align-items:center;
120+
justify-content:top;
121+
flex-wrap: wrap;
122+
}
123+
124+
ul.style1 .container-li .text {
125+
width: 70%;
126+
text-align: justify;
127+
float: left;
128+
padding-right: 40px;
129+
flex: 0 0 auto;
130+
/* justify-content:top;*/
131+
}
132+
133+
ul.style1 .container-li .image-li {
134+
float: left;
135+
width: 30%;
136+
background-position: center;
137+
background-repeat: no-repeat;
138+
background-size: cover;
139+
}
140+
141+
@media screen and (max-width:640px) {
142+
ul.style1 .container-li {
143+
flex-wrap: wrap-row;
144+
}
145+
146+
ul.style1 .container-li .text {
147+
display: block;
148+
order: 1;
149+
width: 100%;
150+
}
151+
152+
ul.style1 .container-li .image-li {
153+
display: block;
154+
order: 2;
155+
width: 75%;
156+
}
157+
}

0 commit comments

Comments
 (0)