diff --git a/challenges/images/image-header-desktop.jpg b/challenges/images/image-header-desktop.jpg new file mode 100644 index 00000000..1d490672 Binary files /dev/null and b/challenges/images/image-header-desktop.jpg differ diff --git a/challenges/images/image-header-mobile.jpg b/challenges/images/image-header-mobile.jpg new file mode 100644 index 00000000..73dfe51b Binary files /dev/null and b/challenges/images/image-header-mobile.jpg differ diff --git a/challenges/stats_preview_card_component/index.html b/challenges/stats_preview_card_component/index.html index 044c9a12..d9818a51 100644 --- a/challenges/stats_preview_card_component/index.html +++ b/challenges/stats_preview_card_component/index.html @@ -27,36 +27,94 @@ /> + - +
-
- Frontend Mentor challenge +
+
+
+

+ Get insights that help + your business grow. +

+

+ Discover the benefits of data analytics and make better + decisions regarding revenue, customer experience, and overall + efficiency. +

+
+
+
+ 10k+ + companies +
+
+ 314templates +
+
+ 12m+ + queries +
+
+
+
+
+ three ladies at work + +
+
-
- for - Optimum BH - Internship. -
+
+
+ Frontend Mentor challenge +
+
+ for + Optimum BH + Internship. +
-
- Source code +
+ Source code +
diff --git a/challenges/stats_preview_card_component/style.css b/challenges/stats_preview_card_component/style.css index b5c61c95..42a1de16 100644 --- a/challenges/stats_preview_card_component/style.css +++ b/challenges/stats_preview_card_component/style.css @@ -1,3 +1,4 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Kumbh+Sans:wght@400;700&family=Manrope:wght@600;800&family=Outfit:wght@400;700&family=Overpass:wght@300;600&family=Red+Hat+Display:wght@500;700;800&family=Ubuntu:ital,wght@0,700;1,400&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; diff --git a/challenges/stats_preview_card_component/tailwind.config.js b/challenges/stats_preview_card_component/tailwind.config.js index 9e4a7ff5..5b64e08e 100644 --- a/challenges/stats_preview_card_component/tailwind.config.js +++ b/challenges/stats_preview_card_component/tailwind.config.js @@ -5,6 +5,15 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'very-dark-blue': 'hsl(233, 47%, 7%)', + 'soft-violet': 'hsl(277, 64%, 61%)', + 'dark-desaturated-blue': 'hsl(244, 38%, 16%)', + white: 'hsl(0, 0%, 100%)', + 'slightly-transparent-whites': 'hsla(0, 0%, 100%, 0.75)', + 'slightly-transparent-white': 'hsla(0, 0%, 100%, 0.6)', + }, + fontFamily: { + inter: ['Inter', 'sans-serif'], }, }, },