diff --git a/README.md b/README.md
index 5c91169..a300f1d 100644
--- a/README.md
+++ b/README.md
@@ -1,38 +1,52 @@
-# create-svelte
+## Welcome
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+This site contains information relating to my personal situation, however, you are able to clone this project and change the `me.json` file to update this as required.
 
-## Creating a project
+## Screenshots
 
-If you're seeing this, you've probably already done this step. Congrats!
+<p align="center">
+  <img src="assets/images/main_page.png" width="40%">
+  <img src="assets/images/light_mode.png" width="40%">
+</p>
+
+<p align="center">
+  <img src="assets/images/skills.png" width="30%">
+  <img src="assets/images/repos.png" width="30%">
+  <img src="assets/images/contact.png" width="30%">
+</p>
+
+<p align="center">
+  <img src="assets/images/experience.png" width="30%">
+</p>
+
+## Getting Started
+
+Get starting but installing all of the dependencies of the project.
 
 ```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
+npm install
 ```
 
-## Developing
-
 Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
 
 ```bash
 npm run dev
+```
 
+```bash
 # or start the server and open the app in a new browser tab
 npm run dev -- --open
 ```
 
 ## Building
 
-To create a production version of your app:
+To create a production version of the app:
 
 ```bash
 npm run build
+
 ```
 
 You can preview the production build with `npm run preview`.
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. In this case, vite is used.
diff --git a/assets/images/contact.png b/assets/images/contact.png
new file mode 100644
index 0000000..fedd1dc
Binary files /dev/null and b/assets/images/contact.png differ
diff --git a/assets/images/experience.png b/assets/images/experience.png
new file mode 100644
index 0000000..a5e5991
Binary files /dev/null and b/assets/images/experience.png differ
diff --git a/assets/images/light_mode.png b/assets/images/light_mode.png
new file mode 100644
index 0000000..279460d
Binary files /dev/null and b/assets/images/light_mode.png differ
diff --git a/assets/images/main_page.png b/assets/images/main_page.png
new file mode 100644
index 0000000..23909c9
Binary files /dev/null and b/assets/images/main_page.png differ
diff --git a/assets/images/repos.png b/assets/images/repos.png
new file mode 100644
index 0000000..06d8150
Binary files /dev/null and b/assets/images/repos.png differ
diff --git a/assets/images/skills.png b/assets/images/skills.png
new file mode 100644
index 0000000..b02f645
Binary files /dev/null and b/assets/images/skills.png differ