diff --git a/challenges/profile_card_component/images/bg-pattern-bottom.svg b/challenges/profile_card_component/images/bg-pattern-bottom.svg new file mode 100644 index 00000000..216cdde5 --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-bottom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/bg-pattern-card.svg b/challenges/profile_card_component/images/bg-pattern-card.svg new file mode 100644 index 00000000..5289dca8 --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-card.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/bg-pattern-top.svg b/challenges/profile_card_component/images/bg-pattern-top.svg new file mode 100644 index 00000000..0c4a24ba --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-top.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/image-victor.jpg b/challenges/profile_card_component/images/image-victor.jpg new file mode 100644 index 00000000..e1b20b2f Binary files /dev/null and b/challenges/profile_card_component/images/image-victor.jpg differ diff --git a/challenges/profile_card_component/index.html b/challenges/profile_card_component/index.html index eeb5a69c..f5f6fd46 100644 --- a/challenges/profile_card_component/index.html +++ b/challenges/profile_card_component/index.html @@ -30,34 +30,88 @@
-
- Frontend Mentor challenge -
-
- for - Optimum BH - Internship. -
+
+
+ card's parttern +
+ victor's image +
+

+ Victor Crest 26 +

+ London +
+
+ +
-
- Source code +
+
+

80k

+ Followers +
+
+

803k

+ Likes +
+
+

1.4k

+ Photos +
+
+
+
+
Front-end development challenges
+
+ by + Frontend Mentor challenge +
+
+ for + Optimum BH + Internship. +
+ +
+ Source code +
+
+ + +
diff --git a/challenges/profile_card_component/style.css b/challenges/profile_card_component/style.css index b5c61c95..7944c5f5 100644 --- a/challenges/profile_card_component/style.css +++ b/challenges/profile_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=Ubuntu:ital,wght@0,700;1,400&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; diff --git a/challenges/profile_card_component/tailwind.config.js b/challenges/profile_card_component/tailwind.config.js index cf512637..292c3c46 100644 --- a/challenges/profile_card_component/tailwind.config.js +++ b/challenges/profile_card_component/tailwind.config.js @@ -5,6 +5,13 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'dark-cyan': 'hsl(185, 75%, 39%)', + 'dark-desaturated-blue': 'hsl(229, 23%, 23%)', + 'dark-grayish-blue': 'hsl(227, 10%, 46%)', + 'dark-gray': 'hsl(0, 0%, 59%)', + }, + fontFamily: { + 'kumbh-sans': ['Kumbh Sans', 'sans-serif'], }, }, },