Skip to content

Commit fdad72c

Browse files
committed
feat: implementing colors
1 parent 335e018 commit fdad72c

File tree

2 files changed

+39
-0
lines changed

2 files changed

+39
-0
lines changed

starter/05-Design/UsefulLinks.txt

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,10 @@ Typeface toolbox
77

88
Color toolbox
99
OC- Open Color
10+
https://yeun.github.io/open-color/
1011
tailwindcss
1112
FLAT UI COLORS 2
1213
palleton.com
1314
coolors
15+
https://coolors.co/contrast-checker/112a46-acc8e5
1416
Tint & Shade Generator

starter/05-Design/style.css

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ FONT SIZE SYSTEM (px)
66
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
77
*/
88

9+
/* MAIN COLOR: #087f5b */
10+
/* TINT COLOR: #20c997 #12b886 #0ca678 #099268*/
11+
/* GRAY COLOR: #343a40 */
12+
913
* {
1014
margin: 0;
1115
padding: 0;
@@ -18,6 +22,8 @@ FONT SIZE SYSTEM (px)
1822
body {
1923
/* * Use 'Inter' first, if not possible use 'sans-serif' */
2024
font-family: "Inter", sans-serif;
25+
color: #343a40;
26+
border-bottom: 8px solid #087f5b;
2127
}
2228

2329
.container {
@@ -43,6 +49,30 @@ h2 {
4349
column-gap: 80px;
4450
}
4551

52+
.btn:link,
53+
.btn:visited {
54+
background-color: #087f5b;
55+
color: #fff;
56+
text-decoration: none;
57+
text-transform: uppercase;
58+
display: inline-block;
59+
font-weight: 500;
60+
}
61+
62+
.btn:hover,
63+
.btn:active {
64+
background-color: #0ca678;
65+
}
66+
67+
.btn--big {
68+
font-size: 18px;
69+
padding: 16px 32px;
70+
}
71+
.btn--small {
72+
font-size: 14px;
73+
padding: 8px 12px;
74+
}
75+
4676
/* ------------------------ */
4777
/* COMPONENT STYLES */
4878
/* ------------------------ */
@@ -153,4 +183,11 @@ footer {
153183
margin-bottom: 48px;
154184
/* 12 / 14 / 16 */
155185
font-size: 14px;
186+
color: #495057;
187+
}
188+
189+
.testimonial-section {
190+
background-color: #087f5b;
191+
color: #fff;
192+
padding: 24px;
156193
}

0 commit comments

Comments
 (0)