From ff791098d8fdeb2a83930e7f475e76db036e42d0 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 2 Jul 2021 08:55:03 +0000
Subject: [PATCH] feat: users section

---
 assets/scss/themes.scss           |  2 +-
 components/landing/Users.vue      | 39 +++++++++++++++++++++++--------
 layouts/default.vue               |  2 +-
 static/images/users/accenture.svg |  1 +
 static/images/users/bytedance.svg |  1 +
 static/images/users/decathlon.svg |  1 +
 static/images/users/github.svg    |  1 +
 static/images/users/gojek.svg     |  1 +
 static/images/users/google.svg    |  1 +
 static/images/users/microsoft.svg |  1 +
 static/images/users/paytm.svg     |  1 +
 static/images/users/twilio.svg    |  1 +
 static/images/users/udemy.svg     |  1 +
 static/images/users/zendesk.svg   |  1 +
 static/images/users/zoho.svg      |  1 +
 15 files changed, 43 insertions(+), 12 deletions(-)
 create mode 100644 static/images/users/accenture.svg
 create mode 100644 static/images/users/bytedance.svg
 create mode 100644 static/images/users/decathlon.svg
 create mode 100644 static/images/users/github.svg
 create mode 100644 static/images/users/gojek.svg
 create mode 100644 static/images/users/google.svg
 create mode 100644 static/images/users/microsoft.svg
 create mode 100644 static/images/users/paytm.svg
 create mode 100644 static/images/users/twilio.svg
 create mode 100644 static/images/users/udemy.svg
 create mode 100644 static/images/users/zendesk.svg
 create mode 100644 static/images/users/zoho.svg

diff --git a/assets/scss/themes.scss b/assets/scss/themes.scss
index 616cfad57..57e77bdf3 100644
--- a/assets/scss/themes.scss
+++ b/assets/scss/themes.scss
@@ -94,7 +94,7 @@
   // Light Accent color
   --accent-light-color: rgba(73, 204, 104, 1);
   // Dark Accent color
-  --accent-dark-color: rgba(73, 204, 104, 1);
+  --accent-dark-color: rgba(64, 182, 91, 1);
   // Gradient from
   --gradient-from-color: theme("colors.green.200");
   // Gradient via
diff --git a/components/landing/Users.vue b/components/landing/Users.vue
index 512d73351..0295d2097 100644
--- a/components/landing/Users.vue
+++ b/components/landing/Users.vue
@@ -1,22 +1,18 @@
 <template>
-  <div class="flex flex-col p-4">
+  <div class="flex flex-col p-4 mx-4 bg-primaryLight my-16 rounded">
     <div class="flex flex-col items-center">
-      <p
-        class="mt-4 mb-8 font-semibold tracking-widest text-center text-accent"
-      >
-        EMPOWERING CREATORS
+      <p class="my-4 font-semibold tracking-widest text-center">
+        EMPOWERING DEVELOPERS FROM
       </p>
     </div>
     <div class="grid grid-cols-3 gap-4 md:grid-cols-4 lg:grid-cols-6">
       <div
-        v-for="(user, index) in 12"
+        v-for="(user, index) in users"
         :key="`user-${index}`"
-        class="inline-flex flex-col items-center justify-center p-4"
+        class="inline-flex flex-col items-center justify-center px-4"
       >
         <img
-          :src="`https://i.pravatar.cc/${Math.floor(
-            Math.random() * (600 - 400 + 1) + 400
-          )}`"
+          :src="`/images/users/${user.image}`"
           alt="Profile picture"
           loading="lazy"
           class="inline-flex flex-col object-contain object-center h-24 w-24"
@@ -25,3 +21,26 @@
     </div>
   </div>
 </template>
+
+<script>
+export default {
+  data() {
+    return {
+      users: [
+        { title: "Accenture", image: "accenture.svg" },
+        { title: "ByteDance", image: "bytedance.svg" },
+        { title: "Decathlon", image: "decathlon.svg" },
+        { title: "GitHub", image: "github.svg" },
+        { title: "Gojek", image: "gojek.svg" },
+        { title: "Google", image: "google.svg" },
+        { title: "Microsoft", image: "microsoft.svg" },
+        { title: "PayTM", image: "paytm.svg" },
+        { title: "Twilio", image: "twilio.svg" },
+        { title: "Udemy", image: "udemy.svg" },
+        { title: "Zendesk", image: "zendesk.svg" },
+        { title: "Zoho", image: "zoho.svg" },
+      ],
+    }
+  },
+}
+</script>
diff --git a/layouts/default.vue b/layouts/default.vue
index d1a5929eb..0b4ca2bf1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -30,7 +30,7 @@
           </Pane>
         </Splitpanes>
       </Pane>
-      <Pane style="height: auto" class="bg-primaryLight">
+      <Pane style="height: auto" class="bg-primaryDark">
         <button
           class="button icon"
           @click="hideNavigationPane = !hideNavigationPane"
diff --git a/static/images/users/accenture.svg b/static/images/users/accenture.svg
new file mode 100644
index 000000000..fa1737165
--- /dev/null
+++ b/static/images/users/accenture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="715" viewBox="88.623 335.663 433.66 124.019"><path fill="#231F20" d="M120.172 433.458c0 7.235-2.972 16.963-11.748 16.963-4.4 0-6.99-2.267-6.99-6.773.002-8.505 12.459-10.19 18.738-10.19m12.587 24.905v-40.206c0-13.035-8.554-17.539-20.538-17.539-11.72 0-21.48 4.979-21.48 17.912h12.838c0-5.586 2.968-8.654 8.643-8.654 6.513 0 7.951 4.724 7.951 10.304v5.578c-12.811.354-31.549 2.139-31.549 19.1 0 9.603 7.597 14.821 16.599 14.821 6.173 0 11.862-2.02 14.722-7.833h.229v6.518h12.585m39.029-37.116h13.995c0-13.881-7.694-20.63-21.467-20.63-16.931 0-25.857 10.66-25.857 27.02 0 19.688 10.084 32.041 30.235 32.041 5.584 0 11.152-.938 16.497-2.611v-8.063c-3.094 1.063-6.296 1.416-9.473 1.416-14.978 0-23.262-10.91-23.262-25.134 0-6.754 2.49-15.411 10.797-15.411 6.874 0 8.535 5.569 8.535 11.372m50.574 0h14.01c0-13.881-7.726-20.63-21.476-20.63-16.955 0-25.854 10.66-25.854 27.02 0 19.688 10.073 32.041 30.238 32.041 5.569 0 11.158-.938 16.482-2.611v-8.063c-3.074 1.063-6.284 1.416-9.483 1.416-14.936 0-23.262-10.91-23.262-25.134 0-6.754 2.513-15.411 10.805-15.411 6.876 0 8.54 5.569 8.54 11.372m51.608-2.495h-20.636c.602-5.697 4.972-9.745 10.621-9.745 6.074 0 10.015 3.703 10.015 9.745m12.454 7.965v-3.216c0-13.754-7.115-22.884-21.47-22.884-16.83 0-24.207 10.554-24.207 26.566 0 18.6 8.417 32.497 28.458 32.497 5.346 0 10.71-.587 15.762-2.256v-9.127c-3.324 1.177-7.214 2.122-10.769 2.122-12.8 0-21.248-11.73-21.248-23.701h33.474m39.01 31.644h13.194v-39.132c0-9.712-4.552-18.613-15.325-18.613-8.067 0-13.742 4.638-16.722 11.851h-.233V401.89h-13.191v56.477h13.191V433.94c0-7.606 3.8-20.992 13.252-20.992 1.354 0 2.843.108 3.825 1.076 2.223 2.123 2.009 9.351 2.009 12.088v32.251m40.545-47.313h16.769v-9.16h-16.769v-18.714l-13.108 5.333v13.378h-11.046v9.16h11.046v33.082c0 11.753 5.75 15.548 17.292 15.548 3.574 0 7.222-.343 10.76-.938v-9.267c-1.983.489-3.989.943-6.039.943-8.206 0-8.907-6.045-8.907-12.699V411.05m54.859 47.313h13.166v-56.474h-13.166v24.443c0 7.605-3.8 20.995-13.306 20.995-1.285 0-2.852-.095-3.8-1.049-2.265-2.145-2.009-9.383-2.009-12.096v-32.294h-13.146v39.168c0 9.733 4.468 18.624 15.286 18.624 7.967 0 13.772-4.754 16.749-11.848h.226v10.531m34.639-24.777c0-13.286 4.975-19.203 18.482-19.203v-13.765c-9.469 0-13.884 3.917-18.26 11.72h-.223v-10.451h-13.188v56.477h13.188v-24.778m54.36-14.833H489.19c.596-5.697 4.979-9.745 10.66-9.745 6.068 0 9.984 3.703 9.984 9.745m12.449 7.965v-3.216c0-13.754-7.107-22.884-21.473-22.884-16.836 0-24.193 10.554-24.193 26.566 0 18.6 8.423 32.497 28.449 32.497 5.344 0 10.69-.587 15.787-2.256v-9.127c-3.316 1.177-7.233 2.122-10.766 2.122-12.844 0-21.262-11.73-21.262-23.701h33.457"/><path fill="#27AAE1" d="M341.81 335.663v9.285s26.291 10.188 30.055 11.653c-3.764 1.443-30.055 11.58-30.055 11.58v9.272l40.948-16.636v-8.51l-40.948-16.644"/></svg>
\ No newline at end of file
diff --git a/static/images/users/bytedance.svg b/static/images/users/bytedance.svg
new file mode 100644
index 000000000..06807abef
--- /dev/null
+++ b/static/images/users/bytedance.svg
@@ -0,0 +1 @@
+<svg height="431" viewBox=".93 0 4634.07 799.33" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m140.46 640.85-139.53 35.81v-639.24l139.53 36.07z" fill="#325ab4"/><path d="m361.86 660.09-139.54 36.08v-376.54l139.54 36.07z" fill="#3c8cff"/><path d="m453.02 264.04 139.8-36.08v376.55l-139.8-36.08z" fill="#00c8d2"/><path d="m814.74 678.26-139.8 35.82v-714.08l139.8 36.08z" fill="#78e6dc"/><g fill="#325ab4"><path d="m1438.51 400.87c18.08 24.05 27.11 54.25 27.11 89.52 0 44.1-17.54 81.78-51.82 111.71-34.02 29.66-77.08 44.9-127.58 44.9h-199.86v-548.12h131.56c35.08 0 63.26 1.87 83.99 5.34 20.99 3.75 38.53 9.89 52.62 18.18 23.65 14.16 41.99 32.33 54.48 54.25 12.49 21.91 18.87 46.76 18.87 74.02 0 22.99-5.84 44.1-17.54 63.07-9.04 14.97-21.53 28.07-36.94 38.75 27.9 11.23 49.97 27.53 65.11 48.38zm-91.69-149.39c0-26.19-7.71-45.43-23.65-58.53-16.22-13.36-40.93-20.04-73.89-20.04h-80v156.07h84.52c30.03 0 53.15-6.95 69.1-20.58 15.68-13.36 23.39-32.07 23.92-56.92zm-177.54 152.86v165.96h97.81c38.01 0 66.97-7.22 86.11-21.38 18.87-13.9 27.91-34.21 27.91-62 0-27.26-8.77-47.3-27.11-61.2-18.61-14.16-47.05-21.38-84.25-21.38z" fill-rule="evenodd"/><path d="m2021.09 176.65h-78.67v89.53h-148.82l-97.28 236.51c-1.6 4-4.79 12.56-9.31 26.19-2.65 8.01-5.58 17.37-9.03 27.52-3.19-10.95-5.85-20.58-8.51-28.59-5.58-17.91-7.7-22.98-8.5-25.12l-95.68-236.51h-87.17l155.47 373.87-66.97 159.28h80.26l203.06-464.74h92.76v229.3c0 32.6 7.7 56.38 22.86 70.81 15.13 14.17 40.11 21.65 74.4 21.65h43.05v-75.63h-40.91c-7.72 0-13.03-1.6-16.23-5.08-3.17-3.74-4.78-10.15-4.78-19.24v-221.54h61.92v-68.68h-61.92z"/><path d="m2458.02 317.48c36.15 39.29 54.5 91.94 54.5 156.34v11.76h-313.62c3.2 28.6 15.14 51.58 36.15 69.75 22.58 19.78 51.83 29.67 86.65 29.67 22.57 0 43.57-4.81 62.97-14.43 19.68-9.62 37.74-24.06 53.97-42.76l4.24-5.08 57.14 46.23-4.52 5.35c-23.91 28.06-50.49 48.9-78.93 62.26-28.45 13.37-61.13 20.05-96.74 20.05-29.5 0-57.68-5.61-83.19-16.3-25.52-10.96-48.11-26.46-66.45-46.51-16.21-17.63-28.96-38.21-37.48-61.46-8.77-22.98-13.01-47.57-13.01-72.96 0-59.86 18.07-109.03 53.95-146.18 35.89-37.15 83.19-56.12 140.86-56.12 58.73 0 106.85 20.04 143.51 60.39zm-258.86 101.56h226.72c-5.06-25.66-17.02-47.04-35.89-63.61-20.74-18.17-46.51-27.25-76.27-27.25-30.3 0-56.62 9.35-78.15 27.79-19.66 16.83-31.89 37.95-36.41 63.07zm828.96-45.97c0 88.99-27.12 157.68-80.27 204.18-52.88 46.23-131.03 69.75-231.76 69.75h-116.94v-548.12h116.94c100.73 0 178.88 23.52 231.76 69.75 53.15 46.77 80.27 115.45 80.27 204.44zm-138.21 147.79c35.89-32.87 54.23-82.58 54.23-147.52 0-65.47-18.08-114.92-54.23-147.79-36.4-33.13-91.16-49.7-163.44-49.7h-44.13v394.72h44.13c72.28 0 127.29-16.84 163.44-49.71zm494.61-254.69h73.35v381.09h-78.13v-47.57c-13.29 14.97-28.97 26.73-46.25 35.28-22.85 11.22-49.42 16.84-78.93 16.84-26.3 0-51.56-5.08-75.21-14.97-23.65-10.15-45.18-24.85-63.53-43.83-17.54-18.44-31.09-39.55-39.86-62.53-8.77-22.99-13.29-48.11-13.29-75.1 0-58.26 17.54-106.09 52.61-142.17 35.1-36.08 81.87-54.25 139.28-54.25 28.97 0 55.82 5.88 80 17.9 18.59 9.36 35.34 21.92 49.96 37.42zm-121.19 64.14c-34.82 0-63.78 11.76-86.1 35.01-22.34 23.52-33.77 53.98-33.77 90.86 0 37.15 11.43 67.62 33.77 90.87 22.32 23.25 51.28 35.01 86.1 35.01s63.79-11.76 86.11-35.01c22.32-23.52 33.75-53.99 33.75-90.87 0-36.61-11.43-67.07-33.75-90.59s-51.29-35.28-86.11-35.28z" fill-rule="evenodd"/><path d="m3698.4 258.96c-21.25 0-41.45 4.27-60.06 12.83-14.08 6.41-27.91 15.5-41.19 27.25v-32.87h-77.61v380.83h77.61v-210.32c0-36.08 7.7-63.34 22.58-80.98 14.63-17.37 37.48-26.19 67.24-26.19 26.31 0 44.92 7.75 56.89 24.05 12.22 16.57 18.61 43.56 18.61 80.44v213.26h78.13v-219.67c0-51.85-12.76-93-38.02-122.93-25.23-30.2-60.33-45.7-104.18-45.7zm455.54 287.55c-9.82 12.57-21.52 22.19-35.33 28.33-13.83 6.42-30.04 9.62-48.38 9.62-33.76 0-60.61-11.49-81.6-35.27-20.99-23.52-31.63-54.79-31.63-92.47s10.9-68.95 32.17-93c21.26-24.05 47.83-35.81 81.32-35.81 17.01 0 32.42 2.94 45.72 8.55 13.01 5.61 24.98 14.43 35.35 26.46l5.04 5.88 50.77-58.8-5.06-4.54c-17.79-16.3-37.73-28.59-59.52-36.61-21.54-8.02-45.99-12.03-72.56-12.03-27.91 0-53.96 4.81-77.35 13.9-23.38 9.35-44.39 23.25-61.65 41.42-18.61 18.71-32.7 40.62-42 65.21-9.56 24.32-14.35 51.04-14.35 79.37s4.79 55.05 14.35 79.1c9.56 24.32 23.65 46.24 42 64.94 17.26 17.91 38.27 31.81 61.92 41.16s49.43 14.16 77.34 14.16c26.85 0 51.57-4.27 73.35-12.56 21.81-8.28 42.52-21.64 62.2-39.82l5.04-4.54-51.56-59.59z"/><path d="m4634.74 473.29v12.29h-313.36c3.19 28.6 15.16 51.31 36.15 69.75 22.6 19.78 51.82 29.67 86.64 29.67 22.6 0 43.59-4.81 63-14.43 19.4-9.62 37.73-24.06 53.94-42.76l4.25-5.08 57.14 46.23-4.5 5.35c-23.93 28.06-50.52 48.9-78.95 62.26-28.43 13.37-61.13 20.05-96.74 20.05-29.51 0-57.68-5.61-83.19-16.3-25.52-10.96-48.1-26.46-66.43-46.51-16.23-17.63-28.99-38.21-37.48-61.46-8.77-22.98-13.03-47.57-13.03-72.96 0-59.86 18.07-109.03 53.96-146.18 35.87-37.15 83.17-56.12 140.85-56.12 59.01 0 107.12 20.31 143.53 59.86 36.15 39.29 54.48 91.93 54.48 156.34zm-313.08-54.25h226.7c-5.06-25.66-17.01-47.04-35.88-63.61-20.73-18.17-46.52-27.25-76.28-27.25-30.3 0-56.61 9.35-78.14 27.79-19.4 16.83-31.62 37.95-36.4 63.07z" fill-rule="evenodd"/></g></svg>
\ No newline at end of file
diff --git a/static/images/users/decathlon.svg b/static/images/users/decathlon.svg
new file mode 100644
index 000000000..f6ee854b1
--- /dev/null
+++ b/static/images/users/decathlon.svg
@@ -0,0 +1 @@
+<svg height="623" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0.324 1000 248.676"><path d="M0 .324v248.003L1000 249V.324H0z" fill="#1482c2"/><g fill="#fff"><path d="M399.832 59.812l-56.002 82.93c-5.825 8.777-16.043 14.082-26.737 14.082-17.415 0-31.83-14.31-31.83-31.576 0-17.521 14.415-31.804 31.952-31.804 1.738-.223 4.07-.466 5.697-.466 12.089 0 24.405 5.071 32.773 13.604l16.726-25.349c-13.01-13.355-32.301-21.903-51.598-21.903-36.022 0-69.018 29.726-69.018 65.674 0 35.736 29.514 64.99 65.547 64.99 17.425 0 34.851-7.371 46.94-19.592h38.577l.228 19.593h33.48V59.812h-36.734zm-15.321 82.013l18.348-25.555.228 25.555h-18.575zM500.709 189.993H467.24V90.21h-26.027V60.028l85.51-.218v30.4H500.71v99.783zM638.29 59.812l-33.468.008-.233 48.604h-39.515l-.25-48.614h-33.441v130.183h33.69V138.6h39.748v51.392h33.468V59.81zM906.481 59.812v60.581L860.47 59.812l-30.457.212-.23 47.48c-7.668-27.654-33.933-47.692-63.215-47.692-36.017 0-65.536 29.244-65.536 65.192 0 11.543 3.482 23.266 9.052 33.42h-33.155V59.812h-34.104v130.183h77.964v-18.216c12.317 11.3 29.048 18.216 45.78 18.216 29.28 0 55.085-19.593 63.215-47.253l.229 47.253h33.711v-63.353l45.764 63.353h30.436l.042-130.183h-33.478zm-139.913 98.384c-18.358 0-33.462-14.744-33.462-33.192 0-18.194 15.104-33.166 33.462-33.166 18.602 0 33.707 14.972 33.707 33.166 0 18.448-15.105 33.192-33.707 33.192M211.32 158.426v-18.22h35.917l-.064-31.783H211.32V91.84h39.59l-.068-32.026-76.227.212v44.709c-7.901-24.422-30.685-42.404-56.712-44.709l-57.868-.212v130.178h58.106c25.789-2.295 48.573-20.267 56.474-44.465v44.465h76.295l-.068-31.566h-39.52zm-73.66-13.599c-2.084 8.766-10.457 14.972-19.52 15.205H96.761V90.208h21.38c9.062 0 17.435 6.482 19.519 15.454 2.098 5.994 3.259 12.905 3.259 19.344 0 6.699-1.16 13.6-3.26 19.821"/></g></svg>
\ No newline at end of file
diff --git a/static/images/users/github.svg b/static/images/users/github.svg
new file mode 100644
index 000000000..d396db956
--- /dev/null
+++ b/static/images/users/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="676" viewBox="-0.122 175.062 480.244 129.875"><g fill="#121110"><path d="M92.375 230.65H52.019a1.887 1.887 0 0 0-1.886 1.886v19.731a1.89 1.89 0 0 0 1.886 1.889h15.743v24.513s-3.535 1.206-13.308 1.206c-11.53 0-27.637-4.214-27.637-39.632 0-35.425 16.772-40.087 32.518-40.087 13.63 0 19.502 2.401 23.238 3.556 1.174.36 2.26-.808 2.26-1.851l4.502-19.063c0-.487-.165-1.075-.721-1.474-1.517-1.082-10.774-6.262-34.16-6.262-26.941 0-54.576 11.463-54.576 66.562 0 55.103 31.64 63.313 58.302 63.313 22.076 0 35.468-9.434 35.468-9.434.552-.306.612-1.077.612-1.431v-61.537c0-1.04-.844-1.885-1.885-1.885M300.354 181.664a1.88 1.88 0 0 0-1.873-1.896h-22.724a1.889 1.889 0 0 0-1.882 1.896l.006 43.913h-35.419v-43.913a1.882 1.882 0 0 0-1.875-1.896h-22.722a1.887 1.887 0 0 0-1.877 1.896v118.904c0 1.048.843 1.901 1.877 1.901h22.722c1.039 0 1.875-.854 1.875-1.901v-50.86h35.419l-.062 50.86c0 1.048.844 1.901 1.883 1.901h22.777c1.041 0 1.873-.854 1.875-1.901V181.664M135.254 197.268c0-8.183-6.56-14.795-14.653-14.795-8.085 0-14.65 6.612-14.65 14.795 0 8.173 6.565 14.802 14.65 14.802 8.093 0 14.653-6.629 14.653-14.802M133.629 275.486V220.6a1.89 1.89 0 0 0-1.88-1.895h-22.651c-1.039 0-1.969 1.072-1.969 2.115v78.634c0 2.312 1.44 2.998 3.304 2.998h20.408c2.239 0 2.788-1.1 2.788-3.034v-23.932M386.71 218.884h-22.549c-1.034 0-1.876.852-1.876 1.901v58.302s-5.729 4.192-13.859 4.192c-8.13 0-10.287-3.689-10.287-11.65v-50.844c0-1.049-.841-1.901-1.875-1.901h-22.886c-1.032 0-1.879.852-1.879 1.901v54.693c0 23.646 13.179 29.431 31.31 29.431 14.873 0 26.864-8.216 26.864-8.216s.571 4.329.829 4.843c.259.512.932 1.029 1.659 1.029l14.56-.064c1.032 0 1.879-.854 1.879-1.898l-.008-79.817c0-1.05-.843-1.902-1.882-1.902M439.445 283.207c-7.821-.238-13.126-3.788-13.126-3.788v-37.653s5.233-3.208 11.654-3.782c8.12-.727 15.944 1.726 15.944 21.095.001 20.426-3.53 24.457-14.472 24.128zm8.894-66.993c-12.807 0-21.518 5.714-21.518 5.714v-40.263c0-1.05-.839-1.897-1.875-1.897h-22.787a1.887 1.887 0 0 0-1.878 1.897v118.903c0 1.048.842 1.901 1.881 1.901h15.811c.711 0 1.25-.367 1.648-1.009.393-.639.96-5.482.96-5.482s9.318 8.83 26.957 8.83c20.708 0 32.584-10.504 32.584-47.154 0-36.651-18.967-41.44-31.783-41.44M198.936 218.695h-17.045l-.026-22.519c0-.852-.439-1.278-1.424-1.278h-23.228c-.903 0-1.388.398-1.388 1.265v23.271s-11.64 2.809-12.427 3.037a1.886 1.886 0 0 0-1.361 1.812v14.623c0 1.052.84 1.898 1.879 1.898h11.909v35.178c0 26.13 18.328 28.697 30.696 28.697 5.651 0 12.411-1.814 13.527-2.228.675-.248 1.067-.947 1.067-1.705l.019-16.086c0-1.05-.886-1.897-1.884-1.897-.993 0-3.534.404-6.15.404-8.372 0-11.209-3.893-11.209-8.932l-.001-33.432h17.046c1.039 0 1.88-.847 1.88-1.898v-18.317a1.884 1.884 0 0 0-1.88-1.893"/></g></svg>
\ No newline at end of file
diff --git a/static/images/users/gojek.svg b/static/images/users/gojek.svg
new file mode 100644
index 000000000..5633e8a17
--- /dev/null
+++ b/static/images/users/gojek.svg
@@ -0,0 +1 @@
+<svg height="588" viewBox=".017 .02 118.965 27.969" width="2500" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m8.767 14.008c0-2.888 2.35-5.23 5.251-5.23 2.9 0 5.251 2.341 5.251 5.23 0 2.89-2.35 5.231-5.25 5.231-2.901 0-5.252-2.342-5.252-5.23" fill="#00aa13"/><path d="m14.017.062c-7.732 0-14 6.244-14 13.947 0 5.782 3.505 10.718 8.594 12.866a2.623 2.623 0 0 0 3.587-1.897 2.613 2.613 0 0 0 -1.56-2.927v-.001c-3.154-1.317-5.371-4.42-5.371-8.041 0-4.815 3.917-8.718 8.751-8.718s8.752 3.903 8.752 8.718c0 3.62-2.217 6.724-5.372 8.04v.002a2.613 2.613 0 0 0 1.011 5.026 2.717 2.717 0 0 0 1.014-.203c5.089-2.148 8.595-7.085 8.595-12.866 0-7.704-6.269-13.948-14.001-13.948" fill="#00aa13"/><path d="m68.641 12.461c0-2.523-1.737-4.399-4.445-4.399-2.71 0-4.446 1.877-4.446 4.4 0 2.521 1.737 4.4 4.446 4.4 2.708 0 4.445-1.878 4.445-4.4m-13.249 0c0-4.634 3.68-8.213 8.804-8.213 5.152 0 8.803 3.579 8.803 8.213s-3.651 8.212-8.803 8.212c-5.123 0-8.804-3.578-8.804-8.212m16.111 11.568h2.355c1.266 0 1.708-.47 1.708-1.584v-18.192h4.357v18.25c0 3.843-1.56 5.485-5.711 5.485h-2.71v-3.96zm-23.096-10.72c0 1.92-1.956 3.454-4.445 3.454-2.814 0-4.563-1.653-4.563-4.398 0-2.538 1.867-4.28 4.741-4.28 2.282 0 4.267 1.594 4.267 3.394zm.178-9.066v1.834h-.06c-1.126-1.18-2.992-1.83-5.214-1.83-4.771 0-8.297 3.542-8.297 8.117 0 4.753 3.615 8.236 8.445 8.236 2.162 0 3.97-.68 5.067-1.89h.06v1.582c0 2.125-1.838 3.689-4.268 3.689-2.45 0-3.876-.688-5.114-1.867l-2.837 2.72c1.901 2.01 4.767 3.153 8.04 3.153 4.979 0 8.385-3.327 8.385-7.754v-15.99zm42.473 3.524c2.325 0 3.945 1.203 4.151 3.022h-8.362c.236-1.819 1.856-3.022 4.211-3.022m.45 9.386c-2.612 0-4.665-1.682-4.719-3.314h12.66v-1.231c0-4.664-3.239-8.36-8.48-8.36-4.946 0-8.479 3.462-8.479 8.243 0 4.927 3.727 8.182 9.205 8.182 3.356 0 5.763-1.603 7.019-3.138l-2.953-2.062c-1.313 1.221-2.505 1.68-4.252 1.68m10.507-17.134h4.206l.023 10.77h.057l7.042-6.578h5.638l-7.298 6.881 7.269 9.568h-5.034l-4.992-6.915h-.057l-2.648 2.499v4.428h-4.206z" fill="#000"/></g></svg>
\ No newline at end of file
diff --git a/static/images/users/google.svg b/static/images/users/google.svg
new file mode 100644
index 000000000..8eb8c8278
--- /dev/null
+++ b/static/images/users/google.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 596 194.5" width="2500" height="816"><style>.st0{fill:#3780ff}.st1{fill:#38b137}.st2{fill:#fa3913}.st3{fill:#fcbd06}</style><path class="st0" d="M73.4 0h5.3c18.4.4 36.5 7.8 49.5 20.9-4.8 4.9-9.7 9.6-14.4 14.5-7.3-6.6-16.1-11.7-25.7-13.5-14.2-3-29.5-.3-41.4 7.8C33.7 38.2 24.9 52.6 23 68c-2.1 15.2 2.2 31.2 12.1 43 9.5 11.5 24 18.7 39 19.2 14 .8 28.6-3.5 38.8-13.3 8-6.9 11.7-17.4 12.9-27.6-16.6 0-33.2.1-49.8 0V68.7h69.9c3.6 22.1-1.6 47-18.4 62.8-11.2 11.2-26.7 17.8-42.5 19.1-15.3 1.5-31.1-1.4-44.7-8.8C24 133.1 11 118.4 4.6 101.1c-6-15.9-6.1-33.9-.5-49.9C9.2 36.6 19 23.7 31.6 14.7 43.7 5.8 58.4.9 73.4 0z"/><path class="st1" d="M474.4 5.2h21.4V148c-7.1 0-14.3.1-21.4-.1.1-47.5 0-95.1 0-142.7z"/><path class="st2" d="M193.5 54.7c13.2-2.5 27.5.3 38.4 8.2 9.9 7 16.8 18 18.9 30 2.7 13.9-.7 29.1-9.7 40.1-9.7 12.3-25.6 18.9-41.1 17.9-14.2-.8-28-7.9-36.4-19.5-9.5-12.8-11.8-30.4-6.6-45.4 5.2-16.1 19.9-28.4 36.5-31.3m3 19c-5.4 1.4-10.4 4.5-14 8.9-9.7 11.6-9.1 30.5 1.6 41.3 6.1 6.2 15.3 9.1 23.8 7.4 7.9-1.4 14.8-6.7 18.6-13.7 6.6-11.9 4.7-28.3-5.4-37.6-6.5-6-16-8.5-24.6-6.3z"/><path class="st3" d="M299.5 54.7c15.1-2.9 31.6 1.3 42.9 11.9 18.4 16.5 20.4 47.4 4.7 66.4-9.5 12-24.9 18.6-40.1 17.9-14.5-.4-28.8-7.6-37.4-19.5-9.7-13.1-11.8-31.1-6.3-46.4 5.5-15.6 19.9-27.5 36.2-30.3m3 19c-5.4 1.4-10.4 4.5-14 8.8-9.6 11.4-9.2 30 1.1 40.9 6.1 6.5 15.6 9.7 24.4 7.9 7.8-1.5 14.8-6.7 18.6-13.7 6.5-12 4.6-28.4-5.6-37.7-6.5-6-16-8.4-24.5-6.2z"/><path class="st0" d="M389.4 60.5c11.5-7.2 26.8-9.2 39.2-3 3.9 1.7 7.1 4.6 10.2 7.5.1-2.7 0-5.5.1-8.3 6.7.1 13.4 0 20.2.1V145c-.1 13.3-3.5 27.4-13.1 37.1-10.5 10.7-26.6 14-41.1 11.8-15.5-2.3-29-13.6-35-27.9 6-2.9 12.3-5.2 18.5-7.9 3.5 8.2 10.6 15.2 19.5 16.8 8.9 1.6 19.2-.6 25-8 6.2-7.6 6.2-18 5.9-27.3-4.6 4.5-9.9 8.5-16.3 10-13.9 3.9-29.2-.9-39.9-10.3-10.8-9.4-17.2-23.9-16.6-38.3.3-16.3 9.5-32 23.4-40.5m20.7 12.8c-6.1 1-11.8 4.4-15.7 9.1-9.4 11.2-9.4 29.1.1 40.1 5.4 6.5 14.1 10.1 22.5 9.2 7.9-.8 15.2-5.8 19.1-12.7 6.6-11.7 5.5-27.6-3.4-37.8-5.5-6.3-14.3-9.4-22.6-7.9z"/><path class="st2" d="M521.5 65.6c12-11.2 30.5-15 45.9-9.1C582 62 591.3 75.9 596 90.2c-21.7 9-43.3 17.9-65 26.9 3 5.7 7.6 10.9 13.8 13 8.7 3.1 19.1 2 26.4-3.8 2.9-2.2 5.2-5.1 7.4-7.9 5.5 3.7 11 7.3 16.5 11-7.8 11.7-20.9 19.9-35 21.2-15.6 1.9-32.2-4.1-42.3-16.3-16.6-19.2-15-51.4 3.7-68.7m10.7 18.5c-3.4 4.9-4.8 10.9-4.7 16.8 14.5-6 29-12 43.5-18.1-2.4-5.6-8.2-9-14.1-9.9-9.5-1.7-19.4 3.4-24.7 11.2z"/></svg>
\ No newline at end of file
diff --git a/static/images/users/microsoft.svg b/static/images/users/microsoft.svg
new file mode 100644
index 000000000..7a3eaf1d3
--- /dev/null
+++ b/static/images/users/microsoft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="534" viewBox="0 0 1033.746 220.695"><path d="M1033.746 99.838v-18.18h-22.576V53.395l-.76.234-21.205 6.488-.418.127v21.415h-33.469v-11.93c0-5.555 1.242-9.806 3.69-12.641 2.431-2.801 5.908-4.225 10.343-4.225 3.188 0 6.489.751 9.811 2.232l.833.372V36.321l-.392-.144c-3.099-1.114-7.314-1.675-12.539-1.675-6.585 0-12.568 1.433-17.786 4.273-5.221 2.844-9.328 6.904-12.205 12.066-2.867 5.156-4.322 11.111-4.322 17.701v13.116h-15.72v18.18h15.72v76.589h22.567V99.838h33.469v48.671c0 20.045 9.455 30.203 28.102 30.203 3.064 0 6.289-.359 9.582-1.062 3.352-.722 5.635-1.443 6.979-2.213l.297-.176v-18.348l-.918.607c-1.225.816-2.75 1.483-4.538 1.979-1.796.505-3.296.758-4.458.758-4.368 0-7.6-1.177-9.605-3.5-2.028-2.344-3.057-6.443-3.057-12.177V99.838h22.575zM866.635 160.26c-8.191 0-14.649-2.716-19.2-8.066-4.579-5.377-6.899-13.043-6.899-22.783 0-10.049 2.32-17.914 6.901-23.386 4.554-5.436 10.95-8.195 19.014-8.195 7.825 0 14.054 2.635 18.516 7.836 4.484 5.228 6.76 13.03 6.76 23.196 0 10.291-2.14 18.196-6.36 23.484-4.191 5.248-10.493 7.914-18.732 7.914m1.003-80.885c-15.627 0-28.039 4.579-36.889 13.61-8.844 9.032-13.328 21.531-13.328 37.153 0 14.838 4.377 26.773 13.011 35.468 8.634 8.698 20.384 13.104 34.921 13.104 15.148 0 27.313-4.643 36.159-13.799 8.845-9.146 13.326-21.527 13.326-36.784 0-15.07-4.205-27.094-12.502-35.731-8.301-8.641-19.977-13.021-34.698-13.021m-86.602 0c-10.63 0-19.423 2.719-26.14 8.08-6.758 5.393-10.186 12.466-10.186 21.025 0 4.449.74 8.401 2.196 11.753 1.465 3.363 3.732 6.324 6.744 8.809 2.989 2.465 7.603 5.047 13.717 7.674 5.14 2.115 8.973 3.904 11.408 5.314 2.38 1.382 4.069 2.771 5.023 4.124.927 1.324 1.397 3.136 1.397 5.372 0 6.367-4.768 9.465-14.579 9.465-3.639 0-7.79-.76-12.337-2.258a46.347 46.347 0 0 1-12.634-6.406l-.937-.672v21.727l.344.16c3.193 1.474 7.219 2.717 11.964 3.695 4.736.979 9.039 1.477 12.777 1.477 11.535 0 20.824-2.732 27.602-8.125 6.821-5.43 10.278-12.67 10.278-21.525 0-6.388-1.861-11.866-5.529-16.284-3.643-4.382-9.966-8.405-18.785-11.961-7.026-2.82-11.527-5.161-13.384-6.958-1.79-1.736-2.699-4.191-2.699-7.3 0-2.756 1.122-4.964 3.425-6.752 2.321-1.797 5.552-2.711 9.604-2.711 3.76 0 7.607.594 11.433 1.758 3.823 1.164 7.181 2.723 9.984 4.63l.922.63v-20.61l-.354-.152c-2.586-1.109-5.996-2.058-10.138-2.828-4.123-.765-7.863-1.151-11.116-1.151m-95.157 80.885c-8.189 0-14.649-2.716-19.199-8.066-4.58-5.377-6.896-13.041-6.896-22.783 0-10.049 2.319-17.914 6.901-23.386 4.55-5.436 10.945-8.195 19.013-8.195 7.822 0 14.051 2.635 18.514 7.836 4.485 5.228 6.76 13.03 6.76 23.196 0 10.291-2.141 18.196-6.361 23.484-4.191 5.248-10.49 7.914-18.732 7.914m1.006-80.885c-15.631 0-28.044 4.579-36.889 13.61-8.844 9.032-13.331 21.531-13.331 37.153 0 14.844 4.38 26.773 13.014 35.468 8.634 8.698 20.383 13.104 34.92 13.104 15.146 0 27.314-4.643 36.16-13.799 8.843-9.146 13.326-21.527 13.326-36.784 0-15.07-4.206-27.094-12.505-35.731-8.303-8.641-19.977-13.021-34.695-13.021M602.409 98.07V81.658h-22.292v94.767h22.292v-48.477c0-8.243 1.869-15.015 5.557-20.13 3.641-5.054 8.493-7.615 14.417-7.615 2.008 0 4.262.331 6.703.986 2.416.651 4.166 1.358 5.198 2.102l.937.679V81.496l-.361-.155c-2.076-.882-5.013-1.327-8.729-1.327-5.602 0-10.615 1.8-14.909 5.344-3.769 3.115-6.493 7.386-8.576 12.712h-.237zm-62.213-18.695c-10.227 0-19.349 2.193-27.108 6.516-7.775 4.333-13.788 10.519-17.879 18.385-4.073 7.847-6.141 17.013-6.141 27.235 0 8.954 2.005 17.171 5.968 24.413 3.965 7.254 9.577 12.929 16.681 16.865 7.094 3.931 15.293 5.924 24.371 5.924 10.594 0 19.639-2.118 26.891-6.295l.293-.168v-20.423l-.937.684c-3.285 2.393-6.956 4.303-10.906 5.679-3.94 1.375-7.532 2.07-10.682 2.07-8.747 0-15.769-2.737-20.866-8.133-5.108-5.403-7.698-12.99-7.698-22.537 0-9.607 2.701-17.389 8.024-23.131 5.307-5.725 12.342-8.629 20.908-8.629 7.327 0 14.467 2.481 21.222 7.381l.935.679V84.371l-.302-.17c-2.542-1.423-6.009-2.598-10.313-3.489-4.286-.889-8.478-1.337-12.461-1.337m-66.481 2.284h-22.292v94.766h22.292V81.659zm-10.918-40.371c-3.669 0-6.869 1.249-9.498 3.724-2.64 2.482-3.979 5.607-3.979 9.295 0 3.63 1.323 6.698 3.938 9.114 2.598 2.409 5.808 3.63 9.54 3.63 3.731 0 6.953-1.221 9.582-3.626 2.646-2.42 3.988-5.487 3.988-9.118 0-3.559-1.306-6.652-3.879-9.195-2.571-2.538-5.833-3.824-9.692-3.824m-55.62 33.379v101.758h22.75V44.189H398.44l-40.022 98.221-38.839-98.221H286.81v132.235h21.379V74.657h.734l41.013 101.768h16.134l40.373-101.758h.734z" fill="#706d6e"/><path d="M104.868 104.868H0V0h104.868v104.868z" fill="#f1511b"/><path d="M220.654 104.868H115.788V0h104.866v104.868z" fill="#80cc28"/><path d="M104.865 220.695H0V115.828h104.865v104.867z" fill="#00adef"/><path d="M220.654 220.695H115.788V115.828h104.866v104.867z" fill="#fbbc09"/></svg>
\ No newline at end of file
diff --git a/static/images/users/paytm.svg b/static/images/users/paytm.svg
new file mode 100644
index 000000000..7b83463d9
--- /dev/null
+++ b/static/images/users/paytm.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 2500.0000000000005 783.57" xmlns="http://www.w3.org/2000/svg" width="2500" height="784"><path d="M2491.56 231.12c-22.69-64.88-84.54-111.47-157.17-111.47h-1.52c-47.22 0-89.78 19.65-120.07 51.2-30.34-31.55-72.9-51.2-120.07-51.2h-1.52c-41.51 0-79.45 15.2-108.59 40.35v-12.79c-1-12.74-11.48-22.75-24.42-22.75h-111.42c-13.63 0-24.63 11.01-24.63 24.68V754.2c0 13.68 11.01 24.68 24.63 24.68h111.42c12.42 0 22.64-9.28 24.27-21.28l-.05-434.36c0-1.52.05-2.93.21-4.35 1.78-19.39 15.98-35.32 38.42-37.32h20.54c9.38.84 17.3 4.14 23.53 9.12 9.7 7.7 15.09 19.55 15.09 32.55l.42 432.22c0 13.68 11.06 24.74 24.63 24.74h111.42c13.15 0 23.85-10.48 24.48-23.53l-.05-434c-.05-14.26 6.55-27.15 18.13-34.8 5.71-3.67 12.58-6.13 20.49-6.87h20.54c24.11 2.1 38.68 20.39 38.63 41.67l.42 431.64c0 13.68 11.06 24.68 24.63 24.68h111.42c13.57 0 24.63-11.01 24.63-24.68V290.08c0-31.66-3.56-45.13-8.44-58.96zm-754.3-105.08h-63.73V22.48c0-12.42-10.06-22.48-22.48-22.48-1.47 0-2.88.21-4.25.47-70.65 19.39-56.5 117.24-185.47 125.57h-12.53c-1.89 0-3.67.26-5.4.63h-.1l.1.05c-11.01 2.46-19.29 12.21-19.29 23.95V262.1c0 13.57 11.06 24.63 24.68 24.63h67.24l-.1 472.47c0 13.47 10.9 24.37 24.37 24.37h110.16c13.42 0 24.32-10.9 24.32-24.37l.05-472.47h62.42c13.57 0 24.63-11.06 24.63-24.63V150.68c.02-13.58-11.04-24.64-24.62-24.64z" fill="#54c1f0"/><path d="M1336.38 126.04h-111.42c-13.57 0-24.58 11.06-24.58 24.63v230.39c-.26 14.26-11.79 25.68-26.1 25.68h-46.64c-14.46 0-26.15-11.63-26.15-26.1l-.42-229.97c0-13.57-11.06-24.63-24.63-24.63H965.01c-13.63 0-24.63 11.06-24.63 24.63v252.51c0 95.91 68.39 164.3 164.35 164.3 0 0 72.01 0 74.21.42 13 1.47 23.11 12.37 23.11 25.79 0 13.26-9.91 24.11-22.75 25.73-.63.1-1.21.26-1.89.37l-162.94.58c-13.63 0-24.63 11.06-24.63 24.63v111.37c0 13.63 11.01 24.63 24.63 24.63h182.17c96.01 0 164.35-68.34 164.35-164.3V150.68c.02-13.58-10.98-24.64-24.61-24.64zm-1068.68-.02H24.16C10.8 126.02 0 136.86 0 150.18v109.17c0 .21.05.42.05.63 0 .52-.05 1.05-.05 1.52v494.1c0 13.42 10.06 24.37 22.54 24.68h113.52c13.57 0 24.63-11.01 24.63-24.63l.42-169.33h106.6c89.2 0 151.36-61.89 151.36-151.46V277.69c-.01-89.57-62.17-151.67-151.37-151.67zm-9.8 272.94c0 14.41-11.69 26.15-26.1 26.15l-70.7.05V287.38h70.7c14.41 0 26.1 11.63 26.1 26.1zm444.59-272.31h-154.6c-13.68 0-24.74 10.38-24.74 23.11v43.34c0 .26.05.58.05.84 0 .31-.05.63-.05.94v59.38c0 13.47 11.74 24.47 26.2 24.47h147.22c11.63 1.83 20.86 10.32 22.17 23.58v14.36c-1.31 12.63-10.43 21.85-21.54 22.9h-72.9c-96.96 0-166.03 64.41-166.03 154.87v129.55c0 89.93 59.38 153.92 155.65 153.92h202.04c36.27 0 65.67-27.46 65.67-61.27V293.89c0-102.51-52.83-167.24-179.14-167.24zm17.72 482.53c0 1.42-.21 2.78-.42 4.09a26.12 26.12 0 0 1-1.05 3.62c-3.46 9.75-13.21 16.82-24.79 16.82h-46.38c-14.46 0-26.26-11.01-26.26-24.53v-21.02c0-.26-.05-.52-.05-.79l.05-55.92v-17.5l.05-.16c.05-13.47 11.74-24.37 26.2-24.37h46.38c14.52 0 26.26 10.95 26.26 24.53v95.23z" fill="#233266"/></svg>
\ No newline at end of file
diff --git a/static/images/users/twilio.svg b/static/images/users/twilio.svg
new file mode 100644
index 000000000..0369ab133
--- /dev/null
+++ b/static/images/users/twilio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="752" viewBox="-313 376 166.2 50"><g fill="#f12e45"><path d="M-195.9 385.8h-8.8c-.2 0-.4.2-.4.4v5.1c0 .2.2.4.4.4h8.8c.2 0 .4-.2.4-.4v-5.1c.1-.2-.1-.4-.4-.4zm-.1 7.6h-17c-.2 0-.5.2-.6.4l-2.2 8.3-.1.4-2.6-8.9c-.1-.2-.3-.4-.6-.4h-6.6c-.2 0-.5.2-.6.4l-2.5 8.3-.1.4-.1-.2-1-4.1-1.1-4.1c-.1-.2-.3-.4-.6-.4H-245v-7.2c0-.2-.3-.5-.6-.4l-8.4 2.6c-.3.1-.4.2-.4.4v4.5h-2.2c-.2 0-.4.2-.4.4v6.4c0 .2.2.4.4.4h2.2v7.8c0 5.5 3 8.1 8.5 8.1 2.3 0 4.5-.5 6-1.3v-6.6c0-.3-.3-.4-.5-.4-.9.4-1.6.5-2.4.5-1.5 0-2.3-.6-2.3-2.3v-5.7h4.8c.2 0 .4-.2.4-.4v-5.4l6.3 20.9c.1.2.3.4.6.4h7c.2 0 .5-.2.6-.4l3-9.3 1.5 4.8 1.4 4.4c.1.2.3.4.6.4h7c.2 0 .5-.2.6-.4l6.4-21v21c0 .2.2.4.4.4h8.5c.2 0 .4-.2.4-.4v-21.8c0-.3-.2-.5-.4-.5zm11.2-7.6h-8.5c-.2 0-.4.2-.4.4v29.5c0 .2.2.4.4.4h8.5c.2 0 .4-.2.4-.4v-29.5c0-.2-.2-.4-.4-.4zm11.3 0h-8.8c-.2 0-.4.2-.4.4v5.1c0 .2.2.4.4.4h8.8c.2 0 .4-.2.4-.4v-5.1c.1-.2-.1-.4-.4-.4zm-.1 7.6h-8.5c-.2 0-.4.2-.4.4v21.9c0 .2.2.4.4.4h8.5c.2 0 .4-.2.4-.4v-21.8c0-.3-.2-.5-.4-.5zm14.1-.5c-7.5 0-12.8 5.5-12.8 11.9v.1c0 6.4 5.3 11.8 12.7 11.8 7.5 0 12.8-5.5 12.8-11.9v-.1c0-6.4-5.3-11.8-12.7-11.8zm3.6 11.9c0 2.2-1.5 3.9-3.6 3.9s-3.7-1.8-3.7-4v-.1c0-2.2 1.5-3.9 3.6-3.9s3.7 1.8 3.7 4.1zM-288 376c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25-11.2-25-25-25zm0 43.4c-10.2 0-18.4-8.2-18.4-18.4s8.2-18.4 18.4-18.4 18.4 8.2 18.4 18.4-8.2 18.4-18.4 18.4z"/><circle cx="-281.8" cy="394.8" r="5.2"/><circle cx="-281.8" cy="407.2" r="5.2"/><circle cx="-294.2" cy="407.2" r="5.2"/><circle cx="-294.2" cy="394.8" r="5.2"/></g></svg>
\ No newline at end of file
diff --git a/static/images/users/udemy.svg b/static/images/users/udemy.svg
new file mode 100644
index 000000000..cd4c7a574
--- /dev/null
+++ b/static/images/users/udemy.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1091.9 308.5" width="2500" height="706"><style>.st0{fill:#675d55}.st1{fill:#665c54}.st2{fill:#675c55}.st3{fill:#665c55}.st4{fill:#ec5250}</style><title>udemy-1</title><path class="st0" d="M850.3 162.4v70h-31V130H841l6.5 8.1c22.3-17.1 48.3-12.6 60.4 3.2l5.7-4.4c12.4-9.5 26.2-11.9 41-7.9 9.3 2.5 16.4 8.2 19.6 17.3 2.4 7 4.5 14.4 4.7 21.7.6 20.6.3 41.2.3 61.8-.1 1-.2 1.9-.4 2.8h-31v-17.9-33.3c0-2 0-4.1-.2-6.1-1.3-15.6-10.1-21.5-25.1-16.7-2.7 1-5.2 2.2-7.7 3.5v70.3h-31.6v-7.3-44.8-2c-.4-19.5-12.4-26.5-29.9-17.6-.9.3-1.6.8-3 1.7z"/><path class="st1" d="M544.4 95.3H577c.2 1.6.4 2.9.4 4.2-.1 26.9-.1 53.9-.4 80.8-.1 5-.7 9.9-1.8 14.8-4.7 21.4-17.7 34.4-39.5 38.5-14.7 2.9-29.9 2.7-44.4-.7-20.1-4.8-32.5-19.9-35.1-42.4-.9-8.8-1.4-17.6-1.4-26.4-.2-20.6-.1-41.2-.1-61.8v-7h32.8v7.7c0 22.2-.2 44.4.1 66.6.1 6.3 1 12.6 2.6 18.7 1.9 7.5 7.2 13 15 14.1 7.3 1.1 14.8 1.1 22.1 0 9-1.4 13.7-8.3 15.5-16.9 1-5.1 1.5-10.3 1.5-15.5.2-24.6.1-49.3.1-74.7zM693.8 232.6h-19.3l-5.7-7.1c-10.8 7.8-22.9 10.3-36 9.4-20.9-1.5-35.5-13.1-41.1-33.3-3.6-12.7-3.6-26.1.1-38.8 6-20.6 23.3-34.5 44.8-35.3 8.5-.3 17 .8 26 1.4v-42h31.2v145.7zM662.5 203v-45.3c-1.9-.9-3.6-1.9-5.5-2.5-15.9-5.6-30.3.7-34.4 15.3-1 3.2-1.5 6.6-1.5 10 .2 10 1.9 19.8 11.9 24.9 10 5 20.1 3.7 29.5-2.4z"/><path class="st2" d="M805.7 186h-64.5c-1.8 9.2 4 18.4 13.7 21.4 10.9 3.4 21.9 2.3 32.7-1 4.5-1.4 8.7-3.5 13.5-5.5L797 225c-6.7 5.8-14.7 8.2-23.1 9.2-11.3 1.3-22.6 1-33.6-2.5-15-4.9-25.2-14.8-29.8-29.9-4.1-13.3-4.3-27.5-.4-40.8 5.5-19.4 21.2-32.2 41.4-33.5 5.6-.5 11.3-.4 16.9.4 15.5 2.5 26.3 11.4 32.1 26 4.1 10 5.6 20.7 5.2 32.1zm-65.3-15.5h39.4c-.9-13-10.1-19.2-19-19.2-11.4.1-18.8 6.8-20.4 19.2z"/><path class="st3" d="M1014.9 130c3.9 11.1 7.7 22.1 11.6 33.1 3.8 11.1 7.6 22.2 12 34.9l22.4-68.1h31L1037.8 267h-31.4l14.9-38-41.1-99h34.7z"/><path class="st4" d="M242.8 152.2l-4.5 9.3c-14.2 31.7-29.7 62.8-49.9 91.3-10.7 15.1-22.6 29-37.7 40-13.6 9.8-28.6 15.8-45.6 15.7-18.5-.1-33.4-7.7-44.4-22.6-10-13.6-14-29.3-15.2-45.9-1.6-22.2 2.2-43.8 7.2-65.2 1.2-5 2.2-10 3.5-15.9-4.5 2.6-8.3 4.9-12.1 6.9-6.4 3.5-13.2 5.6-20.6 5.4C9 170.5-.4 159.9 0 145c10.7-9.3 21.5-17.7 31.1-27.4C56.6 91.9 76.1 61.9 91 29c2.1-4.9 4.6-9.7 7.3-14.3 7.1-11.4 18.5-16.5 30.3-14 11.3 2.4 18.4 10.9 20.7 24.5 3 17.5-.6 34.4-4.6 51.2-8 33-16.4 66-24.2 99.1-3.8 16.2-5.9 32.7-4.8 49.4.3 4.9 1.3 9.8 2.9 14.4 3.4 9 11.3 11.3 18.7 5.1 4.6-4 8.7-8.4 12.4-13.2 20.9-26.5 38.1-55.4 53.5-85.3 13.1-25.5 26-51.1 39.1-76.6 2.2-4.4 4.8-8.6 7.3-12.8 9.8-16.1 33.7-14.7 43.3 1.2 5.2 8.6 7.7 18.2 8.4 28.1.8 10.3 1 20.6 1.4 30.9.9 22.4 1.7 44.8 2.8 67.2.3 4.2 1.2 8.4 2.8 12.4 2.9 7.5 8.4 10.3 16.1 8 4.3-1.2 8.4-3.1 12-5.7 10.2-7.7 19.9-15.9 30.5-24.5 4.4 1.3 7 5.2 8.5 10.1 2.8 9.3 1 18.3-2.4 26.9-9.5 24.2-28.3 37.8-52.8 43.2-9.4 1.9-19.1 2.3-28.7 1-18.7-2.3-31.2-13.6-38.5-30.8-6.8-16-8.4-32.9-9.1-50-.3-7.3 0-14.6 0-22l-1.1-.3z"/></svg>
\ No newline at end of file
diff --git a/static/images/users/zendesk.svg b/static/images/users/zendesk.svg
new file mode 100644
index 000000000..5af358d3b
--- /dev/null
+++ b/static/images/users/zendesk.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 629.5 119.6" width="2500" height="475"><style>.st0{fill:#03363d}</style><title>golion-z-sourcefile-algae</title><path class="st0" d="M415.3 103.3c8.3.2 16.3-2.9 22.3-8.7l11 11.9c-7.3 7.5-17.4 13.1-33.1 13.1-27 0-44.4-17.9-44.4-42.1 0-24 18.3-42.1 41.9-42.1 26.8 0 41.9 20.4 40.6 48.6h-63.2c2.2 11.8 10.5 19.3 24.9 19.3m19.2-32.7c-1.7-10.9-8.2-19-21.3-19-12.2 0-20.6 6.9-22.8 19h44.1zM0 102.4l48.7-49.5H1.1V37.4h70.1v15.9l-48.6 49.4h49.3v15.5H0zM126.5 103.3c8.3.2 16.3-2.9 22.3-8.7l11 11.9c-7.3 7.5-17.4 13.1-33.1 13.1-26.9 0-44.4-17.9-44.4-42.1 0-24 18.3-42.1 41.9-42.1 26.8 0 41.9 20.4 40.6 48.6h-63.2c2.3 11.8 10.5 19.3 24.9 19.3m19.3-32.7c-1.7-10.9-8.2-19-21.3-19-12.2 0-20.6 6.9-22.8 19h44.1zM270 77.6c0-25.9 19.3-42 40.6-42 10.7 0 20.9 4.7 26.9 12.1V0h17.2v118h-17.2v-11.2c-6.2 7.9-16.4 12.8-27.1 12.8-20.6 0-40.4-16.3-40.4-42m68.5-.2c0-14.4-10.9-26.2-25.6-26.2-14.4 0-25.6 11.5-25.6 26.2s11.2 26.3 25.6 26.3c14.7.1 25.6-11.7 25.6-26.3M464.8 100.8l15.6-8.1c4.2 7.5 12.2 12 20.8 11.8 9.7 0 14.8-5 14.8-10.7 0-6.5-9.4-7.9-19.6-10-13.8-2.9-28.1-7.4-28.1-24.1 0-12.8 12.2-24.6 31.3-24.4 15.1 0 26.3 6 32.6 15.7l-14.5 8c-3.7-5.7-10.1-9.2-18.2-9.2-9.3 0-14 4.5-14 9.7 0 5.8 7.5 7.4 19.2 10 13.3 2.9 28.4 7.3 28.4 24.1 0 11.2-9.7 26.2-32.8 26-16.8 0-28.7-6.8-35.5-18.8M579.8 82.1L566.2 97v21H549V0h17.2v77.2l36.5-40h20.9L592 71.8l32.5 46.2H605zM218 35.5c-20.5 0-37.6 13.3-37.6 35.2V118H198V73c0-13.3 7.6-21.2 20.6-21.2s19.5 7.9 19.5 21.2v45h17.5V70.8c0-22-17.1-35.3-37.6-35.3"/><path class="st0" d="M618.8 26.7c2.4-2.4 6.4-2.4 8.8 0 2.4 2.4 2.4 6.4 0 8.8-2.4 2.4-6.4 2.4-8.8 0-2.5-2.4-2.5-6.3 0-8.8zm7.7 7.8c1.8-1.9 1.7-4.9-.1-6.7-1.9-1.8-4.9-1.7-6.7.1-1.8 1.9-1.8 4.8.1 6.6 1.9 1.9 4.9 1.8 6.7 0zm-2.8-7.4l1.9 1.9c1.2 1.2 1.2 2.6.4 3.4-.6.7-1.6.9-2.4.5l-.6 2.4-1.3-1.3.9-3.3.5.5c.3.4 1 .5 1.4.2l.1-.1c.4-.4.3-1.1-.1-1.4l-.1-.1-.7-.7-3.5 3.5-1.1-1.1 4.6-4.4z"/></svg>
\ No newline at end of file
diff --git a/static/images/users/zoho.svg b/static/images/users/zoho.svg
new file mode 100644
index 000000000..777be406d
--- /dev/null
+++ b/static/images/users/zoho.svg
@@ -0,0 +1 @@
+<svg width="2500" height="864" viewBox="0 0 512 177" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><defs><linearGradient x1="49.996%" y1="1.431%" x2="49.996%" y2="96.981%" id="a"><stop stop-color="#FFE513" offset=".562%"/><stop stop-color="#FDB924" offset="100%"/></linearGradient><linearGradient x1="4.512%" y1="13.494%" x2="95.672%" y2="87.064%" id="b"><stop stop-color="#008CD2" offset=".562%"/><stop stop-color="#00649D" offset="100%"/></linearGradient><linearGradient x1="50.002%" y1="27.779%" x2="50.002%" y2="97.529%" id="c"><stop stop-color="#26A146" offset="0%"/><stop stop-color="#008A52" offset="100%"/></linearGradient><linearGradient x1="43.734%" y1="8.208%" x2="57.544%" y2="93.198%" id="d"><stop stop-color="#D92231" offset="0%"/><stop stop-color="#BA2234" offset="100%"/></linearGradient></defs><path d="M512 37.7v121.4l-16.8 16.4V56.7l16.8-19z" fill="#E79225"/><path d="M401.9 37.8l-17.4 18.9.9 1.2 109.1-.4 1-.8 16.5-19-110.1.1z" fill="#FFF16D"/><path fill="url(#a)" d="M.5 19.7h111v118.9H.5z" transform="translate(384 37)"/><path d="M478.6 99.5c-2.2-5.5-5.5-10.5-9.8-14.8-4.1-4.2-8.7-7.4-13.9-9.5-5.1-2.1-10.6-3.2-16.6-3.2-6 0-11.6 1.1-16.7 3.2-5.2 2.1-9.8 5.3-13.9 9.5-4.3 4.3-7.5 9.3-9.7 14.8-2.2 5.5-3.2 11.5-3.2 18.1 0 6.4 1.1 12.4 3.3 18 2.2 5.6 5.4 10.6 9.7 15 4 4.1 8.6 7.2 13.7 9.3 5.1 2.1 10.8 3.2 16.9 3.2 5.9 0 11.4-1.1 16.5-3.2s9.8-5.2 13.9-9.3c4.3-4.4 7.6-9.4 9.8-14.9 2.2-5.5 3.3-11.6 3.3-18 0-6.7-1.1-12.7-3.3-18.2zm-22.9 39.2c-4.3 5.1-10 7.7-17.4 7.7-7.4 0-13.2-2.6-17.5-7.7-4.3-5.1-6.4-12.2-6.4-21.2 0-9.2 2.2-16.3 6.4-21.5 4.3-5.2 10-7.7 17.5-7.7 7.4 0 13.1 2.6 17.4 7.7 4.2 5.2 6.4 12.3 6.4 21.5 0 9-2.1 16.1-6.4 21.2z" fill="#FFF"/><g><path d="M373.6 27.8v.6l14.2 109.1-8.3 23-1.1-.8-14.6-104.6.3-1.4 9.1-25.3.4-.6z" fill="#009ADA"/><path d="M264.3 43l109.3-15.2-9.2 26.2-1.3 1.4-102.2 15 .5-18.7 2.9-8.7z" fill="#91C9ED"/><path d="M107.4 27l15.1 106.5-107.7 15.1L.3 45.7l6.3-4.9L107.4 27z" fill="url(#b)" transform="translate(257 27)"/><path d="M346.1 74.4c-.5-3.3-1.6-5.8-3.4-7.5-1.5-1.3-3.3-2-5.4-2-.5 0-1.1 0-1.7.1-2.8.4-4.9 1.7-6.2 3.8-1 1.5-1.4 3.4-1.4 5.6 0 .8.1 1.7.2 2.6l3.9 27.7-31 4.6-3.9-27.7c-.5-3.2-1.6-5.7-3.4-7.4-1.5-1.4-3.3-2.1-5.3-2.1-.5 0-1 0-1.5.1-2.9.4-5.1 1.7-6.5 3.8-1 1.5-1.4 3.4-1.4 5.6 0 .8.1 1.7.2 2.7l10.6 72.1c.5 3.3 1.6 5.8 3.6 7.5 1.5 1.3 3.3 1.9 5.5 1.9.6 0 1.2 0 1.8-.1 2.7-.4 4.7-1.7 6-3.8.9-1.5 1.3-3.3 1.3-5.4 0-.8-.1-1.7-.2-2.6l-4.3-28.5 31-4.6 4.3 28.5c.5 3.3 1.6 5.8 3.5 7.4 1.5 1.3 3.3 2 5.4 2 .5 0 1.1 0 1.7-.1 2.8-.4 4.9-1.7 6.2-3.8.9-1.5 1.4-3.3 1.4-5.5 0-.8-.1-1.7-.2-2.6l-10.8-72.3z" fill="#FFF"/></g><g><path d="M162 0l-38.9 92.4 5.3 40.6.3-.1 43.7-98.3-.2-2.1-9.4-31.2L162 0z" fill="#66BF6B"/><path d="M162 0l10.1 33.9.2.7 96.2 43.1.3-.2-8.2-32.4L162 0z" fill="#98D0A0"/><path d="M49.1 33.9l96.7 43.6-43.7 99.1L5.4 133l43.7-99.1z" fill="url(#c)" transform="translate(123)"/><path d="M239.5 85.5c-2.1-5.6-5-10.4-8.8-14.4-3.8-4-8.4-7.2-13.8-9.5s-10.8-3.4-16.3-3.4h-.3c-5.6 0-11.1 1.3-16.5 3.7-5.7 2.5-10.6 5.9-14.8 10.4-4.2 4.4-7.6 9.8-10.2 16-2.6 6.1-4 12.3-4.3 18.4v2.1c0 5.4.9 10.7 2.8 15.9 2 5.5 4.9 10.2 8.7 14.2 3.8 4 8.5 7.2 14.1 9.5 5.3 2.3 10.7 3.4 16.2 3.4h.1c5.5 0 11-1.2 16.4-3.5 5.7-2.5 10.7-6 14.9-10.5 4.2-4.4 7.7-9.7 10.3-15.9 2.6-6.2 4-12.3 4.3-18.4v-1.8c.1-5.5-.8-10.9-2.8-16.2zm-19.3 28.8c-3.6 8.6-8.5 14.5-14.4 17.7-3.2 1.7-6.5 2.6-9.8 2.6-2.9 0-6-.7-9.1-2-6.8-2.9-11-7.5-12.8-14.1-.6-2.2-.9-4.5-.9-6.9 0-4.8 1.2-10.1 3.6-15.8 3.7-8.8 8.6-14.8 14.5-18.1 3.2-1.8 6.5-2.6 9.8-2.6 3 0 6 .7 9.2 2 6.7 2.9 10.9 7.5 12.7 14.1.6 2.1.9 4.4.9 6.8 0 5-1.2 10.4-3.7 16.3z" fill="#FFF"/></g><g><path d="M115.4 15.7l15.8 105.8-7.2 37.2-1-1.3-15.4-102.2v-2l6.8-35.7 1-1.8z" fill="#760D16"/><path d="M0 70.4L7.5 33l107.9-17.3-7.3 38.1v2.5L1.3 71.4l-1.3-1z" fill="#EF463E"/><path d="M108.1 38.8L124 143.7 17.2 160.4 0 55.4l108.1-16.6z" fill="url(#d)" transform="translate(0 15)"/><path d="M96.6 142c-.8-1-2-1.7-3.4-2.2-1.4-.5-3.1-.7-5.2-.7-1.9 0-4.1.2-6.5.6l-28.2 4.8c.3-2.2 1.4-5 3.3-8.5 2.1-3.9 5.3-8.6 9.4-14 1.4-1.9 2.5-3.3 3.3-4.3.5-.7 1.3-1.6 2.3-2.9 6.5-8.5 10.4-15.4 12-20.8.9-3.1 1.4-6.2 1.6-9.3.1-.9.1-1.7.1-2.5 0-2.2-.2-4.4-.6-6.6-.3-2-.8-3.6-1.5-4.9-.7-1.3-1.5-2.3-2.5-2.9-1.1-.7-2.8-1-4.9-1-1.7 0-3.8.2-6.3.6L36.9 73c-3.9.7-6.9 1.8-8.7 3.6-1.5 1.4-2.2 3.2-2.2 5.2 0 .5 0 1.1.1 1.7.5 2.8 1.9 4.8 4.2 5.8 1.4.6 3 .9 5 .9 1.3 0 2.8-.1 4.4-.4L66.9 85c0 .5.1 1 .1 1.4 0 1.7-.3 3.4-.9 5-.8 2.3-2.8 5.5-6.1 9.6-.9 1.1-2.3 2.9-4.2 5.2-7.4 8.9-12.6 16.5-15.8 22.8-2.3 4.4-3.8 8.6-4.7 12.9-.5 2.5-.8 4.8-.8 7.1 0 1.6.1 3.2.4 4.7.4 2.2.9 4 1.6 5.4.7 1.4 1.7 2.5 2.8 3.1 1.1.6 2.6.8 4.8.8 2.7 0 6.4-.4 11.1-1.2l29.6-5.1c5.2-.9 8.9-2.2 11-3.9 1.7-1.4 2.6-3.3 2.6-5.5 0-.6-.1-1.2-.2-1.8-.2-1.3-.7-2.5-1.6-3.5z" fill="#FFF"/></g></svg>
\ No newline at end of file