diff --git a/src/app/controllers/Page/HomePage.php b/src/app/controllers/Page/HomePage.php
new file mode 100644
index 0000000000000000000000000000000000000000..b0a7072c8a08199a81357769c4ff2064694ec26f
--- /dev/null
+++ b/src/app/controllers/Page/HomePage.php
@@ -0,0 +1,22 @@
+<?php
+require_once SRC_ROOT_PATH . "/app/baseclasses/BaseController.php";
+class HomePage extends BaseController{
+ protected static $instance;
+
+ public function __construct(){
+ parent::__construct(null);
+ }
+ public static function getInstance(){
+ if(!isset(self::$instance)){
+ self::$instance = new static();
+ }
+ return self::$instance;
+ }
+ public function get($urlParams){
+ require PAGE_PATH . "/home.php";
+ exit();
+ }
+}
+
+
+?>
\ No newline at end of file
diff --git a/src/app/controllers/Page/PostPage.php b/src/app/controllers/Page/PostPage.php
new file mode 100644
index 0000000000000000000000000000000000000000..22c24dfeacc5c19f9e62e6916081f8f8c7ef9c2c
--- /dev/null
+++ b/src/app/controllers/Page/PostPage.php
@@ -0,0 +1,22 @@
+<?php
+require_once SRC_ROOT_PATH . "/app/baseclasses/BaseController.php";
+class PostPage extends BaseController{
+ protected static $instance;
+
+ public function __construct(){
+ parent::__construct(null);
+ }
+ public static function getInstance(){
+ if(!isset(self::$instance)){
+ self::$instance = new static();
+ }
+ return self::$instance;
+ }
+ public function get($urlParams){
+ require PAGE_PATH . "/post.php";
+ exit();
+ }
+}
+
+
+?>
\ No newline at end of file
diff --git a/src/app/view/home.php b/src/app/view/home.php
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..b597546e082dc329e413b5916f083c0994706341 100644
--- a/src/app/view/home.php
+++ b/src/app/view/home.php
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Home</title>
+ <link rel="stylesheet" href="home.css" />
+</head>
+
+<body>
+ <div class="layout">
+ <div class="layout__left-sidebar">
+ <img src="../../public/assets/github.png" class="brand" />
+ <div class="sidebar-menu">
+ <div class="sidebar-menu__item sidebar-menu__item--active">
+ <img src="home.svg" class="sidebar-menu__item-icon" />
+ Home
+ </div>
+ <div class="sidebar-menu__item">
+ <img src="followed.jpg" class="sidebar-menu__item-icon" />
+ Followed
+ </div>
+ <div class="sidebar-menu__item">
+ <img src="profile.svg" class="sidebar-menu__item-icon" />
+ Profile
+ </div>
+ </div>
+ </div>
+ <div class="layout__main">
+ <img class="post__author-logo" src="./images/profile-image-1.jpg" />
+ <div class="post">
+ <div class="post__main">
+ <div class="post__header">
+ <div class="post__user-name">
+
+ </div>
+ <div class="post__user-username">
+
+ </div>
+ <div class="post__publish-time">
+
+ </div>
+ </div>
+ <div class="post__content">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/public/assets/followed.jpg b/src/public/assets/followed.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c0ab2432ffd729888d016f27f2d32de31449dc9e
Binary files /dev/null and b/src/public/assets/followed.jpg differ
diff --git a/src/public/assets/github_home_logo.png b/src/public/assets/github_home_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..792b8be43ff5bd007188a526aee924bf8c93a0e7
Binary files /dev/null and b/src/public/assets/github_home_logo.png differ
diff --git a/src/public/assets/home.svg b/src/public/assets/home.svg
new file mode 100644
index 0000000000000000000000000000000000000000..775fe7fbc702171c9613d83871705b864f975f9a
--- /dev/null
+++ b/src/public/assets/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M22.58 7.35L12.475 1.897c-.297-.16-.654-.16-.95 0L1.425 7.35c-.486.264-.667.87-.405 1.356.18.335.525.525.88.525.16 0 .324-.038.475-.12l.734-.396 1.59 11.25c.216 1.214 1.31 2.062 2.66 2.062h9.282c1.35 0 2.444-.848 2.662-2.088l1.588-11.225.737.398c.485.263 1.092.082 1.354-.404.263-.486.08-1.093-.404-1.355zM12 15.435c-1.795 0-3.25-1.455-3.25-3.25s1.455-3.25 3.25-3.25 3.25 1.455 3.25 3.25-1.455 3.25-3.25 3.25z"></path></g></svg>
diff --git a/src/public/assets/profile.svg b/src/public/assets/profile.svg
new file mode 100644
index 0000000000000000000000000000000000000000..88db1c049cda3672bfe8fce1effe121b8f41804a
--- /dev/null
+++ b/src/public/assets/profile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M12 11.816c1.355 0 2.872-.15 3.84-1.256.814-.93 1.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734 3.343 7.354 6.17c-.272 2.022-.008 3.46.806 4.39.968 1.107 2.485 1.256 3.84 1.256zM8.84 6.368c.162-1.2.787-3.212 3.16-3.212s2.998 2.013 3.16 3.212c.207 1.55.057 2.627-.45 3.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44 12.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403 2.464-8.28 5.99c-.172.692-.028 1.4.395 1.94.408.52 1.04.82 1.733.82h12.304c.693 0 1.325-.3 1.733-.82.424-.54.567-1.247.394-1.94zm-1.576 1.016c-.126.16-.316.246-.552.246H5.848c-.235 0-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855 3.517-4.85 6.824-4.85s6.114 1.994 6.824 4.85c.06.242.017.48-.12.654z"></path></g></svg>
diff --git a/src/public/css/home.css b/src/public/css/home.css
new file mode 100644
index 0000000000000000000000000000000000000000..166140b5c5db79c232cf86449dde37546f002de3
--- /dev/null
+++ b/src/public/css/home.css
@@ -0,0 +1,112 @@
+html {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+}
+
+.brand {
+ height: 70px;
+ padding: 10px;
+}
+
+.layout {
+ display: grid;
+ grid-template-columns: 275px auto 350px;
+ margin: 0 auto;
+ max-width: 1200px;
+}
+
+.layout__right-sidebar {
+ position: fixed;
+ width: 350px;
+}
+
+.sidebar-menu {
+ position: fixed;
+}
+
+.sidebar-menu__item {
+ font-size: 19px;
+ color: #0F141A;
+ display: flex;
+ align-items: center;
+ font-weight: 700;
+ padding: 10px;
+}
+
+.sidebar-menu__item:hover {
+ background: rgba(29, 161, 242, 0.1);
+ color: #1da0f2;
+ border-radius: 20px;
+ cursor: pointer;
+}
+
+.sidebar-menu__item:active {
+ color: #1da0f2;
+}
+
+.sidebar-menu__item--active {
+ color: #1da0f2;
+}
+
+.sidebar-menu__item-icon {
+ height: 26px;
+ margin-right: 20px;
+}
+
+.sidebar-menu__item--active .sidebar-menu__item-icon {
+ filter: invert(67%) sepia(60%) saturate(4956%) hue-rotate(176deg) brightness(95%) contrast(99%);
+}
+
+.post {
+ display: flex;
+ border-bottom: 1px solid #e6ecf0;
+ margin-bottom: 2px;
+ padding: 10px 15px;
+}
+
+.post:hover {
+ background: rgba(0, 0, 0, 0.03);
+ cursor: pointer;
+}
+
+.post a {
+ color: #1b94e0;
+ text-decoration: none;
+}
+
+.post a:hover {
+ text-decoration: underline;
+}
+
+.post__author-logo {
+ width: 49px;
+ height: 49px;
+ border-radius: 50%;
+ margin-right: 10px;
+}
+
+.post__header {
+ display: flex;
+}
+
+.post__user-name {
+ font-size: 15px;
+ font-weight: 700;
+ color: #14171a;
+ margin-right: 5px;
+}
+
+.post__user-username {
+ color: #5b7083;
+ font-size: 15px;
+}
+
+.post__publish-time {
+ margin-left: 5px;
+ color: #657786;
+}
+
+.post__image {
+ width: 100%;
+ border-radius: 15px;
+ margin-top: 10px;
+}
\ No newline at end of file