diff --git a/challenges/chat_app_css_illustration/images/avatar.jpg b/challenges/chat_app_css_illustration/images/avatar.jpg new file mode 100644 index 00000000..bd1b3111 Binary files /dev/null and b/challenges/chat_app_css_illustration/images/avatar.jpg differ diff --git a/challenges/chat_app_css_illustration/images/dog-image-1.jpg b/challenges/chat_app_css_illustration/images/dog-image-1.jpg new file mode 100644 index 00000000..a4f11b09 Binary files /dev/null and b/challenges/chat_app_css_illustration/images/dog-image-1.jpg differ diff --git a/challenges/chat_app_css_illustration/images/dog-image-2.jpg b/challenges/chat_app_css_illustration/images/dog-image-2.jpg new file mode 100644 index 00000000..461cb554 Binary files /dev/null and b/challenges/chat_app_css_illustration/images/dog-image-2.jpg differ diff --git a/challenges/chat_app_css_illustration/images/dog-image-3.jpg b/challenges/chat_app_css_illustration/images/dog-image-3.jpg new file mode 100644 index 00000000..e3e5943c Binary files /dev/null and b/challenges/chat_app_css_illustration/images/dog-image-3.jpg differ diff --git a/challenges/chat_app_css_illustration/index.html b/challenges/chat_app_css_illustration/index.html index 678a3309..b1d0276e 100644 --- a/challenges/chat_app_css_illustration/index.html +++ b/challenges/chat_app_css_illustration/index.html @@ -30,33 +30,205 @@
-
- Frontend Mentor challenge -
-
- for - Optimum BH
+
+ +
+
- Internship. -
+
+
+
+ +
+
+ +
+
+ + + + + + + Samuel Green's Avatar +
+

+ Samuel Green +

+ Available to Walk +
+
+
+
+

+ That sounds great. I’d be happy with that. +

+

+ Could you send over some pictures of your dog, please? +

+
+
+ dog's image 1 + dog's image 2 + dog's image 3 +
+
+

+ Here are a few pictures. She’s a happy girl! +

+

+ Can you make it? +

+
+
+

+ She looks so happy! The time we discussed works. How long shal I + take her out for? +

-
- Source code +

+ 30 minute walk$29 +

+
+
+

1 hour walk

+

$49

+
+
+
+ + + + +
+
+
+
+

+ Simple booking +

+

+ Stay in touch with our dog walkers through the chat interface. This + makes it easy to discuss arrangements and make bookings. Once the + walk has been completed you can rate your walker and book again all + through the chat. +

+
+
+
+ Frontend Mentor challenge +
+
+ for + Optimum BH + Internship. +
+
+ Source code +
+
+
+
diff --git a/challenges/chat_app_css_illustration/tailwind.config.js b/challenges/chat_app_css_illustration/tailwind.config.js index 726456da..767f3e7a 100644 --- a/challenges/chat_app_css_illustration/tailwind.config.js +++ b/challenges/chat_app_css_illustration/tailwind.config.js @@ -5,6 +5,17 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'light-magenta': 'hsl(293, 100%, 63%)', + 'light-violet': 'hsl(264, 100%, 61%)', + 'pale-violet': 'hsl(276, 100%, 81%)', + 'moderate-violet': 'hsl(276, 55%, 52%)', + 'desaturated-dark-violet': 'hsl(271, 15%, 43%)', + 'grayish-blue': 'hsl(206, 6%, 79%)', + 'dark-grayish-violet': 'hsl(270, 7%, 64%)', + 'app-white': 'hsl(0, 0%, 100%)', + 'light-grayish-violet': 'hsl(270, 20%, 96%)', + 'very-dark-desaturated-violet': 'hsl(271, 36%, 24%)', + 'very-light-magenta': 'hsl(289, 100%, 72%)', }, }, },