Skip to content

Commit f5a7667

Browse files
lucthienphong1120lucthienphong1120
authored
Add files via upload
1 parent 7abf9dd commit f5a7667

File tree

13 files changed

+301
-0
lines changed

13 files changed

+301
-0
lines changed

‎css/reset.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/* Minimal CSS Reset */
2+
3+
html {
4+
box-sizing: border-box;
5+
font-size: 12px;
6+
}
7+
8+
*, *:before, *:after {
9+
box-sizing: inherit;
10+
}
11+
12+
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
13+
margin: 0;
14+
padding: 0;
15+
font-weight: normal;
16+
}
17+
18+
ol, ul {
19+
list-style: none;
20+
}
21+
22+
img {
23+
max-width: 100%;
24+
height: auto;
25+
}

‎css/styles.css‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
/* Typography */
2+
3+
html {
4+
font-family: 'Roboto', sans-serif;
5+
}
6+
7+
@media (min-width: 576px) {
8+
html {
9+
font-size: 14px;
10+
}
11+
}
12+
13+
@media (min-width: 768px) {
14+
html {
15+
font-size: 16px;
16+
}
17+
}
18+
19+
@media (min-width: 992px) {
20+
html {
21+
font-size: 18px;
22+
}
23+
}
24+
25+
@media (min-width: 1200px) {
26+
html {
27+
font-size: 20px;
28+
}
29+
}
30+
31+
.icons-social i {
32+
font-size: 3em;
33+
}
34+
35+
/* Custom Styles */
36+
37+
main {
38+
display: flex;
39+
flex-direction: column;
40+
min-height: 100vh;
41+
justify-content: center;
42+
padding: 0 30px;
43+
text-align: center;
44+
}
45+
46+
main > .intro {
47+
font-family: 'Reem Kufi', sans-serif;
48+
font-size: 3.5em;
49+
font-weight: 600;
50+
}
51+
52+
main > .tagline {
53+
font-size: 2rem;
54+
margin: 1.5rem 0;
55+
font-weight: 100;
56+
}
57+
58+
.icons-social i {
59+
padding: 10px;
60+
}
61+
62+
.icons-social a {
63+
text-decoration: none;
64+
}
65+
66+
.devto {
67+
margin-bottom: -0.20rem;
68+
}
69+
70+
.devto svg {
71+
margin-bottom: -0.20rem;
72+
margin-left: 0.675rem;;
73+
width: 2.65rem;
74+
height: 2.65rem;
75+
}

‎css/themes/green-white.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #43A047;
5+
color: #FAFAFA;
6+
}
7+
8+
.icons-social a {
9+
color: #FAFAFA;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #FAFAFA;
14+
}

‎css/themes/grey-white.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #485564;
5+
color: #FAFAFA;
6+
}
7+
8+
.icons-social a {
9+
color: #FAFAFA;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #FAFAFA;
14+
}

‎css/themes/indigo-white.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #303F9F;
5+
color: #FAFAFA;
6+
}
7+
8+
.icons-social a {
9+
color: #FAFAFA;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #FAFAFA;
14+
}

‎css/themes/red-white.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #AF3D4E;
5+
color: #FAFAFA;
6+
}
7+
8+
.icons-social a {
9+
color: #FAFAFA;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #FAFAFA;
14+
}

‎css/themes/white-blue.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #FAFAFA;
5+
color: #0277BD;
6+
}
7+
8+
.icons-social a {
9+
color: #0277BD;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #0277BD;
14+
}

‎css/themes/white-grey.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #EDEDED;
5+
color: #4B5658;
6+
}
7+
8+
.icons-social a {
9+
color: #4B5658;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #4B5658;
14+
}

‎css/themes/white-indigo.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #E8EAF6;
5+
color: #303F9F;
6+
}
7+
8+
.icons-social a {
9+
color: #303F9F;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #303F9F;
14+
}

‎css/themes/white-red.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* Theme */
2+
3+
main {
4+
background: #EDEDED;
5+
color: #AF3D4E;
6+
}
7+
8+
.icons-social a {
9+
color: #AF3D4E;
10+
}
11+
12+
.icons-social a svg path{
13+
fill: #AF3D4E;
14+
}

0 commit comments

Comments
 (0)