diff --git a/apps/docs/pages/howtoguides/images/classroomio.webp b/apps/docs/pages/howtoguides/images/classroomio.webp
new file mode 100644
index 00000000..bf0d640a
Binary files /dev/null and b/apps/docs/pages/howtoguides/images/classroomio.webp differ
diff --git a/apps/docs/pages/howtoguides/images/edited-profile-page.webp b/apps/docs/pages/howtoguides/images/edited-profile-page.webp
new file mode 100644
index 00000000..84ef1faf
Binary files /dev/null and b/apps/docs/pages/howtoguides/images/edited-profile-page.webp differ
diff --git a/apps/docs/pages/howtoguides/images/login-page.webp b/apps/docs/pages/howtoguides/images/login-page.webp
new file mode 100644
index 00000000..a3b00a67
Binary files /dev/null and b/apps/docs/pages/howtoguides/images/login-page.webp differ
diff --git a/apps/docs/pages/howtoguides/images/unedited-profile-page.webp b/apps/docs/pages/howtoguides/images/unedited-profile-page.webp
new file mode 100644
index 00000000..a4cf66c3
Binary files /dev/null and b/apps/docs/pages/howtoguides/images/unedited-profile-page.webp differ
diff --git a/apps/docs/pages/howtoguides/setup-profile.mdx b/apps/docs/pages/howtoguides/setup-profile.mdx
index b669022b..78bd6da0 100644
--- a/apps/docs/pages/howtoguides/setup-profile.mdx
+++ b/apps/docs/pages/howtoguides/setup-profile.mdx
@@ -1,7 +1,35 @@
-import { Callout } from "nextra/components";
+import Image from 'next/image';
+import { Steps } from 'nextra/components';
+import classroomioBasePage from './images/classroomio.webp';
+import signUpPage from './images/login-page.webp';
+import unEditedProfilePage from './images/unedited-profile-page.webp';
+import editedProfilePage from './images/edited-profile-page.webp';
 
 # Setup Profile
 
-<Callout emoji='🚨'>
-	This page is a work in progress. Help us expand it by contributing!
-</Callout>
+<Steps>
+### Go to Classroomio
+
+Go to [app.classroomio.com](https://app.classroomio.com). Click on the "Login"" button on the top right to take you to the Login page.
+
+<Image src={classroomioBasePage} alt="Classroomio Page" quality="100" />
+
+### Sign In
+
+Sign in with your email & password.
+
+<Image src={signUpPage} alt="Classroomio Page" quality="100" />
+
+### Go to the Settings page
+
+Click on the "Settings" button on the lower left corner on your dashboard page and you'll be routed to the profile page.
+
+<Image src={unEditedProfilePage} alt="Unedited Profile Page" quality="100" />
+
+### Make Changes
+
+Upload a profile picture and edit any input field you want to then click "Update Profile".
+
+<Image src={editedProfilePage} alt="Edited Profile Page" quality="100" />
+
+</Steps>