diff --git a/content/tutorials/collections.png b/content/tutorials/collections.png
new file mode 100644
index 0000000..92843b1
Binary files /dev/null and b/content/tutorials/collections.png differ
diff --git a/content/tutorials/create_event.md b/content/tutorials/create_event.md
new file mode 100644
index 0000000..266d13b
--- /dev/null
+++ b/content/tutorials/create_event.md
@@ -0,0 +1,31 @@
+# Event Creation for the Website
+
+To create an event that will be shown on our site you should follow these steps:
+
+1. On the main page of [CMPE Website](https://cmpe.bogazici.edu.tr/), click the plus sign below the "Upcoming Events" title to the right or the plus sign below the stories.
+
+![Event Image](upcoming_events.png)
+
+2. After clicking the plus sign, the site will send you to [event creation interface](http://127.0.0.1:1313/admin). On this page select "Login with GitHub" and fill in your credentials.
+
+3. On the opened page, you will see categories under "Collections" in the left sidebar. From there, choose the event category for your event. You can see examples of other events on the main page of the [CMPE Website](https://cmpe.bogazici.edu.tr/). 
+
+![Collections](collections.png)
+
+4. In your selected category find the "New Event" button. You can click there to go to your new event page.
+
+5. Instead of steps 3 and 4, on the [event creation interface](http://127.0.0.1:1313/admin) main page you can see a button named "Quick Add" in the upper navigation bar. By choosing the "event" from the same set of categories, you can directly go to your new event page.
+
+![quick add](quick_add.png)
+
+6. On the new page, you can set the title, description, publish date, and body text in markdown style or rich text format.
+
+7. On the right, you can see a second content creation menu. Since our site supports both English and Turkish languages, in this second part you can write the Turkish translations of your event information. Through language selection on the website, you can select between two languages to see the difference.
+
+8. After you fill in all necessary parts for your event, you can save your event as a draft and view it on the workflows page. You can reach the workflows page by going back to the previous page and choosing the relevant section from the upper menu.
+
+9. If you have write access to the GitHub repository of the website, you can set the status for your event to "ready" and publish. If you do not, you can wait for someone with authorization to review your work and publish it. You can track the status of your event on the same "Workflows" page.
+
+10. On the event creation or editing page, you will also see a button labeled "Delete published entry" at the top. This button allows you to delete the current entry from the workflow. If the entry is still a draft or unpublished, the button will appear as "Delete unpublished entry" instead. Be careful when using this button, as deletion will remove the entry permanently from the system.
+
+To help you, you can check the other events in event category by choosing the relevant category from the "Collections" menu and clicking one of the titles listed. Also, you can check and use uploaded media through the "Media" section that is accessible from the upper menu on the main page.
\ No newline at end of file
diff --git a/content/tutorials/create_story.md b/content/tutorials/create_story.md
new file mode 100644
index 0000000..bbc56d6
--- /dev/null
+++ b/content/tutorials/create_story.md
@@ -0,0 +1,33 @@
+# Story Creation for the Website
+
+To create an story that will be shown on our site you should follow these steps:
+
+1. On the main page of [CMPE Website](https://cmpe.bogazici.edu.tr/), click the plus sign below the "Upcoming Events" title to the right or the plus sign below the stories.
+
+![Event Image](upcoming_events.png)
+
+2. After clicking the plus sign, the site will send you to [story creation interface](http://127.0.0.1:1313/admin). On this page select "Login with GitHub" and fill in your credentials.
+
+3. On the opened page, you will see categories under "Collections" in the left sidebar. From there, choose the "story" category for your event. You can see examples of stories  on the main page of the [CMPE Website](https://cmpe.bogazici.edu.tr/). 
+
+![Collections](collections.png)
+
+4. In your selected category find the "New Story" button. You can click there to go to your new story page.
+
+5. Instead of steps 3 and 4, on the [story creation interface](http://127.0.0.1:1313/admin) main page you can see a button named "Quick Add" in the upper navigation bar. By choosing from the "story" from the same set of categories, you can directly go to your new content page.
+
+![quick add](quick_add.png)
+
+6. On the new page, you can set the title, description, publish date, and body text in markdown style or rich text format. You can set a thumbnail photo for your story.
+
+![Event page](event_page.png)
+
+7. On the right, you can see a second content creation menu. Since our site supports both English and Turkish languages, in this second part you can write the Turkish translations of your story information. Through language selection on the website, you can select between two languages to see the difference.
+
+8. After you fill in all necessary parts for your story, you can save your story as a draft and view it on the workflows page. You can reach the workflows page by going back to the previous page and choosing the relevant section from the upper menu.
+
+9. If you have write access to the GitHub repository of the website, you can set the status for your story to "ready" and publish. If you do not, you can wait for someone with authorization to review your work and publish it. You can track the status of your story on the same "Workflows" page.
+
+10. On the story creation or editing page, you will also see a button labeled "Delete published entry" at the top. This button allows you to delete the current entry from the workflow. If the entry is still a draft or unpublished, the button will appear as "Delete unpublished entry" instead. Be careful when using this button, as deletion will remove the entry permanently from the system.
+
+To help you, you can check the other stories in "Story" category by choosing the relevant category from the "Collections" menu and clicking one of the titles listed. Also, you can check and use uploaded media through the "Media" section that is accessible from the upper menu on the main page.
\ No newline at end of file
diff --git a/content/tutorials/event_page.png b/content/tutorials/event_page.png
new file mode 100644
index 0000000..25f0762
Binary files /dev/null and b/content/tutorials/event_page.png differ
diff --git a/content/tutorials/quick_add.png b/content/tutorials/quick_add.png
new file mode 100644
index 0000000..27b3d74
Binary files /dev/null and b/content/tutorials/quick_add.png differ
diff --git a/content/tutorials/upcoming_events.png b/content/tutorials/upcoming_events.png
new file mode 100644
index 0000000..8171c34
Binary files /dev/null and b/content/tutorials/upcoming_events.png differ