Skip to content

Commit 8c7e524

Browse files
caokcaok
committed
initialize
0 parents  commit 8c7e524

25 files changed

+484
-0
lines changed

‎css/main.css

Lines changed: 292 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,292 @@
1+
html, body {
2+
min-height: 100%;
3+
position: relative;
4+
}
5+
6+
*, *:before, *:after {
7+
-moz-box-sizing: border-box;
8+
-webkit-box-sizing: border-box;
9+
box-sizing: border-box;
10+
}
11+
12+
body {
13+
padding: 0;
14+
margin: 0;
15+
background: #F0F0F0;
16+
color: #444035;
17+
font-size: 100%;
18+
font-family: 'Open Sans', sans-serif;
19+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
20+
}
21+
22+
.container {
23+
width: 80%;
24+
margin: 0 auto;
25+
text-align: left;
26+
}
27+
28+
.clear {
29+
clear: both;
30+
}
31+
32+
.navbar {
33+
top: 0;
34+
right: 0;
35+
left: 0;
36+
position: fixed;
37+
z-index: 1000;
38+
height: 60px;
39+
text-align: center;
40+
background: url(../img/pattern-1.jpg) #efebe0;
41+
font-family: 'Bitter', serif;
42+
}
43+
44+
.navbar .brand {
45+
float: left;
46+
font-weight: bold;
47+
}
48+
49+
.navbar .brand a {
50+
color: #555555;
51+
font-size: 2.5em;
52+
line-height: 60px;
53+
text-decoration: none;
54+
}
55+
56+
.navbar .brand a:visited {
57+
color: #555555;
58+
}
59+
60+
.navbar ul {
61+
margin: 0;
62+
float: right;
63+
list-style: none;
64+
line-height: 60px
65+
}
66+
67+
.navbar ul li {
68+
float: left;
69+
margin-left: 2em;
70+
}
71+
72+
.navbar ul li a {
73+
color: #444035;
74+
text-decoration: none;
75+
font-family: 'Bitter', serif;
76+
font-weight: normal;
77+
font-size: 1.2em;
78+
}
79+
80+
.navbar ul li a:visited {
81+
color: #444035;
82+
}
83+
84+
.navbar ul li a:hover {
85+
background-color: transparent;
86+
color: #ff7454;
87+
}
88+
89+
.navbar ul li a.cur {
90+
color: red;
91+
}
92+
93+
.main {
94+
padding-top: 60px;
95+
}
96+
97+
.main .center {
98+
text-align: center;
99+
min-height: 480px;
100+
padding: 60px 0;
101+
}
102+
103+
.main h1 {
104+
margin: 0;
105+
font-size: 3.5em;
106+
font-family: 'Bitter', serif;
107+
}
108+
109+
.main .headline {
110+
font-family: 'Bitter', serif;
111+
}
112+
113+
.main .unit {
114+
padding: 60px 10% 0;
115+
}
116+
117+
#home {
118+
background: #8FDDDD url(../img/pattern-4.jpg) repeat;
119+
}
120+
121+
#home h1 {
122+
color: #308F8C;
123+
}
124+
125+
#home p {
126+
color: #3aaca9;
127+
text-shadow: 0 1px 0 #58FBF7;
128+
font-size: 25px;
129+
}
130+
131+
#ser {
132+
background: #EEEADF url(../img/pattern-1.jpg) repeat;
133+
}
134+
135+
#ser .title {
136+
text-align: center;
137+
margin: 20px 0 40px 0;
138+
}
139+
140+
#ser .title p {
141+
font-size: 1.3em;
142+
margin: 0;
143+
color: #a0977d;
144+
}
145+
146+
#ser .row {
147+
width: 100%
148+
}
149+
150+
#ser .row .block {
151+
float: left;
152+
width: 25.5em;
153+
max-width: 100%;
154+
margin: 0 1.5%;
155+
padding: 2em;
156+
text-align: center;
157+
}
158+
159+
#ser .row .block h3.title {
160+
font-size: 14px;
161+
color: #ff7454;
162+
margin: 20px 0 10px 0;
163+
font-family: 'Bitter', serif;
164+
}
165+
166+
#ser .row .block p {
167+
color: #444035;
168+
line-height: 20px;
169+
font-size: 13px;
170+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
171+
}
172+
173+
#por {
174+
background: #FE7757 url(../img/pattern-3.jpg) repeat;
175+
}
176+
177+
#por .title {
178+
text-align: center;
179+
margin: 20px 0 40px 0;
180+
}
181+
182+
#por .title h1 {
183+
color: #95412c;
184+
}
185+
186+
#por .title p {
187+
font-size: 1.3em;
188+
margin: 0;
189+
color: white;
190+
}
191+
192+
#por .row {
193+
width: 100%;
194+
}
195+
196+
#por .row .block {
197+
float: left;
198+
width: 21.3em;
199+
max-width: 100%;
200+
padding: 1%;
201+
text-align: center;
202+
}
203+
204+
#por .row .block img {
205+
margin: 0 auto;
206+
width: 90%;
207+
}
208+
209+
#por .row .block h3.title {
210+
margin: 15px 0 0 0;
211+
font-family: 'Bitter', serif;
212+
}
213+
214+
#por .row .block a {
215+
font-weight: bolder;
216+
color: #95412c;
217+
text-decoration: none;
218+
}
219+
220+
#team {
221+
background: #EEEADF url(../img/pattern-1.jpg) repeat;
222+
}
223+
224+
#team .title {
225+
text-align: center;
226+
margin: 20px 0 40px 0;
227+
}
228+
229+
#team .title p {
230+
font-size: 1.3em;
231+
color: #444035;
232+
margin: 0;
233+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
234+
}
235+
236+
#team .title p.headline {
237+
color: #a0977d;
238+
margin: 0 0 1.5em 0;
239+
}
240+
241+
#team .row {
242+
width: 100%
243+
}
244+
245+
#team .row .block {
246+
float: left;
247+
width: 25.5em;
248+
max-width: 100%;
249+
margin: 0 1.5%;
250+
padding: 2em;
251+
text-align: center;
252+
}
253+
254+
#team .row .block img {
255+
width: 60%;
256+
border-radius: 50%;
257+
}
258+
259+
#team .row .block a {
260+
font-weight: bolder;
261+
color: #ff7454;
262+
text-decoration: none;
263+
}
264+
265+
#contact {
266+
background: #F9CF6B url(../img/pattern-2.jpg) repeat;
267+
}
268+
269+
#contact .title {
270+
text-align: center;
271+
margin: 20px 0 40px 0;
272+
}
273+
274+
#contact .title h1 {
275+
color: #9f7000;
276+
}
277+
278+
#contact .title p.headline {
279+
color: #a9862b;
280+
margin: 0;
281+
font-size: 1.3em;
282+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
283+
}
284+
285+
#contact #socials {
286+
margin: 6em 0;
287+
}
288+
289+
#contact #socials a {
290+
text-decoration: none;
291+
margin: 1.5em;
292+
}

‎img/Facebook.png

2.05 KB
Loading

‎img/Github.png

3.57 KB
Loading

‎img/Stackoverflow.png

2.66 KB
Loading

‎img/Twitter.png

2.3 KB
Loading

‎img/email.png

2.2 KB
Loading

‎img/globe.png

5.57 KB
Loading

‎img/pattern-1.jpg

9.47 KB
Loading

‎img/pattern-2.jpg

1.45 KB
Loading

‎img/pattern-3.jpg

1.6 KB
Loading

0 commit comments

Comments
 (0)