Skip to content

Commit 27f1da7

Browse files
SkatoxSkatox
committed
Initial commit
0 parents  commit 27f1da7

File tree

9 files changed

+448
-0
lines changed

9 files changed

+448
-0
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.DS_Store
2+
node_modules

‎apple-touch-icon.png

22.5 KB
Loading

‎css/main.css

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
* {
2+
font-weight: 300;
3+
transition: color 0.7s; }
4+
5+
a {
6+
weight: 600; }
7+
8+
h1, h2, h3 {
9+
font-family: 'Open Sans', sans-serif !important;
10+
font-weight: 300;
11+
text-align: center; }
12+
13+
header {
14+
background-color: #000;
15+
background-image: url("../img/header.jpg");
16+
background-size: cover;
17+
color: #FFF;
18+
padding: 150px 60px; }
19+
header h1 {
20+
margin-bottom: 0;
21+
text-shadow: 0 0 1px #000; }
22+
header h1 span {
23+
font-weight: 600; }
24+
header h4 {
25+
font-size: 1em;
26+
text-align: center; }
27+
header .button-group {
28+
text-align: center; }
29+
header .button-group li {
30+
display: inline-block;
31+
font-size: 2rem;
32+
font-weight: 600; }
33+
@media (max-width: 640px) {
34+
header {
35+
padding: 60px; } }
36+
37+
.container {
38+
background: #FAFAFA;
39+
padding: 30px 0 30px; }
40+
.container h4 {
41+
font-size: 3.5rem; }
42+
@media (max-width: 640px) {
43+
.container h4 {
44+
font-size: 2rem; } }
45+
.container > p {
46+
font-size: 1.5rem; }
47+
@media (max-width: 640px) {
48+
.container > p {
49+
font-size: 1rem; } }
50+
.container h4, .container > p {
51+
margin: 2rem auto;
52+
text-align: center;
53+
width: 90%; }
54+
.container section {
55+
background: #FFF;
56+
border-radius: 5px;
57+
border: 1px solid #c2c2c2;
58+
margin: 30px auto;
59+
padding: 40px 20px;
60+
width: 80%; }
61+
.container section h2 {
62+
margin-bottom: 1.5rem; }
63+
@media (max-width: 640px) {
64+
.container section h2 {
65+
font-size: 2rem; } }
66+
.container section h3 {
67+
font-size: 1.8rem;
68+
color: #2199E8;
69+
font-weight: 300; }
70+
.container section h4 {
71+
color: #555;
72+
font-size: 1em;
73+
font-weight: 600;
74+
margin: 1rem 0;
75+
text-align: left; }
76+
.container section .row div {
77+
text-align: left; }
78+
.container section li a {
79+
color: #222; }
80+
.container section li a:hover {
81+
color: #009; }
82+
.container section li a:visited {
83+
color: #228; }
84+
85+
footer {
86+
color: #FFF;
87+
background: #4EAEED;
88+
font-size: 0.7rem;
89+
padding: 10px;
90+
border: 1px solid #0090FF;
91+
text-align: center; }
92+
footer a, footer a:visited {
93+
color: #DDDDFF;
94+
font-weight: 600; }
95+
footer a:hover, footer a:visited:hover {
96+
color: #FFF;
97+
text-shadow: 0 0 1px #AAA; }

‎css/main.scss

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
* {
2+
font-weight: 300;
3+
transition: color 0.7s;
4+
}
5+
6+
a { weight: 600; }
7+
8+
h1, h2, h3 {
9+
font-family: 'Open Sans', sans-serif !important;
10+
font-weight: 300;
11+
text-align: center;
12+
}
13+
14+
header {
15+
background-color: #000;
16+
background-image: url('../img/header.jpg');
17+
background-size: cover;
18+
color: #FFF;
19+
padding: 150px 60px;
20+
21+
h1 {
22+
margin-bottom: 0;
23+
span { font-weight: 600 }
24+
text-shadow: 0 0 1px #000;
25+
}
26+
h4 { font-size: 1em; text-align: center; }
27+
28+
.button-group {
29+
text-align: center;
30+
31+
li {
32+
display: inline-block;
33+
font-size: 2rem;
34+
font-weight: 600;
35+
}
36+
}
37+
38+
@media (max-width: 640px) {
39+
padding: 60px;
40+
}
41+
}
42+
43+
.container {
44+
background: #FAFAFA;
45+
padding: 30px 0 30px;
46+
47+
h4 {
48+
font-size: 3.5rem;
49+
@media (max-width: 640px) {
50+
font-size: 2rem;
51+
}
52+
}
53+
& > p {
54+
font-size: 1.5rem;
55+
@media (max-width: 640px) {
56+
font-size: 1rem;
57+
}
58+
}
59+
60+
h4, & > p {
61+
margin: 2rem auto;
62+
text-align: center;
63+
width: 90%;
64+
}
65+
66+
section {
67+
background: #FFF;
68+
border-radius: 5px;
69+
border: 1px solid #c2c2c2;
70+
margin: 30px auto;
71+
padding: 40px 20px;
72+
width: 80%;
73+
74+
h2 {
75+
margin-bottom: 1.5rem;
76+
77+
@media (max-width: 640px) {
78+
font-size: 2rem;
79+
}
80+
}
81+
h3 {
82+
font-size: 1.8rem;
83+
color: #2199E8;
84+
font-weight: 300;
85+
}
86+
87+
h4 {
88+
color: #555;
89+
font-size: 1em;
90+
font-weight: 600;
91+
margin: 1rem 0;
92+
text-align:left;
93+
}
94+
95+
.row {
96+
div {
97+
text-align: left;
98+
}
99+
}
100+
101+
li {
102+
a {
103+
color: #222;
104+
105+
&:hover {
106+
color: #009;
107+
}
108+
109+
&:visited {
110+
color: #228
111+
}
112+
}
113+
}
114+
}
115+
}
116+
117+
$azul: #4EAEED;
118+
119+
footer {
120+
color: #FFF;
121+
background: $azul;
122+
font-size: 0.7rem;
123+
padding: 10px;
124+
border: 1px solid #0090FF;
125+
text-align: center;
126+
127+
a, a:visited {
128+
color: #DDDDFF;
129+
font-weight: 600;
130+
&:hover {
131+
color: #FFF;
132+
text-shadow: 0 0 1px #AAA;
133+
}
134+
}
135+
}

‎favicon.ico

31.3 KB
Binary file not shown.

‎gulpfile.js

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
var gulp = require('gulp');
2+
var sass = require('gulp-sass');
3+
var livereload = require('gulp-livereload');
4+
var connect = require('gulp-connect');
5+
6+
gulp.task('default', ['connect','watch']);
7+
8+
gulp.task('connect', function() {
9+
connect.server({
10+
port: 80,
11+
livereload: true
12+
});
13+
});
14+
15+
gulp.task('html', function () {
16+
gulp.src('index.html')
17+
.pipe(connect.reload());
18+
});
19+
20+
gulp.task('jshint', function() {
21+
return gulp.src('source/javascript/**/*.js')
22+
.pipe(jshint())
23+
.pipe(jshint.reporter('jshint-stylish'));
24+
});
25+
26+
gulp.task('sass', function () {
27+
return gulp.src('./css/*.scss')
28+
.pipe(sass().on('error', sass.logError))
29+
.pipe(gulp.dest('./css'))
30+
.pipe(livereload());
31+
});
32+
33+
gulp.task('watch', function() {
34+
livereload.listen();
35+
gulp.watch('./js/*.js', ['jshint']);
36+
gulp.watch('./css/*.scss', ['sass']);
37+
gulp.watch(['index.html'], ['html']);
38+
});

‎img/header.jpg

737 KB
Loading

0 commit comments

Comments
 (0)