diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 18ebf11..205d83f 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,16 +2,12 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="b23c009e-2f8a-48f7-8b29-023f93596932" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/bestnotes/static/note.css" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/bestnotes/templates/note.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/bestnotes/templates/test.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/bestnotes/templates/testid.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/bestnotes/static/topics.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/bestnotes/templates/topics.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/bestnotes/admin.py" beforeDir="false" afterPath="$PROJECT_DIR$/bestnotes/admin.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/bestnotes/models.py" beforeDir="false" afterPath="$PROJECT_DIR$/bestnotes/models.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/bestnotes/templates/subjects.html" beforeDir="false" afterPath="$PROJECT_DIR$/bestnotes/templates/subjects.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/bestnotes/urls.py" beforeDir="false" afterPath="$PROJECT_DIR$/bestnotes/urls.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/bestnotes/views.py" beforeDir="false" afterPath="$PROJECT_DIR$/bestnotes/views.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/db.sqlite3" beforeDir="false" afterPath="$PROJECT_DIR$/db.sqlite3" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
diff --git a/BestNotesProject/__pycache__/__init__.cpython-38.pyc b/BestNotesProject/__pycache__/__init__.cpython-38.pyc
index 4f67563..9409a91 100644
Binary files a/BestNotesProject/__pycache__/__init__.cpython-38.pyc and b/BestNotesProject/__pycache__/__init__.cpython-38.pyc differ
diff --git a/BestNotesProject/__pycache__/settings.cpython-38.pyc b/BestNotesProject/__pycache__/settings.cpython-38.pyc
index 713bf6f..4e0d2b1 100644
Binary files a/BestNotesProject/__pycache__/settings.cpython-38.pyc and b/BestNotesProject/__pycache__/settings.cpython-38.pyc differ
diff --git a/BestNotesProject/__pycache__/urls.cpython-38.pyc b/BestNotesProject/__pycache__/urls.cpython-38.pyc
index 6e26703..bd8ec0e 100644
Binary files a/BestNotesProject/__pycache__/urls.cpython-38.pyc and b/BestNotesProject/__pycache__/urls.cpython-38.pyc differ
diff --git a/BestNotesProject/__pycache__/wsgi.cpython-38.pyc b/BestNotesProject/__pycache__/wsgi.cpython-38.pyc
index b904c6c..78c907d 100644
Binary files a/BestNotesProject/__pycache__/wsgi.cpython-38.pyc and b/BestNotesProject/__pycache__/wsgi.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/__init__.cpython-38.pyc b/bestnotes/__pycache__/__init__.cpython-38.pyc
index 98cd8c1..819fe94 100644
Binary files a/bestnotes/__pycache__/__init__.cpython-38.pyc and b/bestnotes/__pycache__/__init__.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/admin.cpython-38.pyc b/bestnotes/__pycache__/admin.cpython-38.pyc
index 51ff548..3579e69 100644
Binary files a/bestnotes/__pycache__/admin.cpython-38.pyc and b/bestnotes/__pycache__/admin.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/apps.cpython-38.pyc b/bestnotes/__pycache__/apps.cpython-38.pyc
index 8222c11..576b6b5 100644
Binary files a/bestnotes/__pycache__/apps.cpython-38.pyc and b/bestnotes/__pycache__/apps.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/models.cpython-38.pyc b/bestnotes/__pycache__/models.cpython-38.pyc
index 451b6ac..6ac553a 100644
Binary files a/bestnotes/__pycache__/models.cpython-38.pyc and b/bestnotes/__pycache__/models.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/urls.cpython-38.pyc b/bestnotes/__pycache__/urls.cpython-38.pyc
index bf3bc27..33950d9 100644
Binary files a/bestnotes/__pycache__/urls.cpython-38.pyc and b/bestnotes/__pycache__/urls.cpython-38.pyc differ
diff --git a/bestnotes/__pycache__/views.cpython-38.pyc b/bestnotes/__pycache__/views.cpython-38.pyc
index a58aadd..ef2b51c 100644
Binary files a/bestnotes/__pycache__/views.cpython-38.pyc and b/bestnotes/__pycache__/views.cpython-38.pyc differ
diff --git a/bestnotes/migrations/__pycache__/0001_initial.cpython-38.pyc b/bestnotes/migrations/__pycache__/0001_initial.cpython-38.pyc
index 6a55fba..1f8d7f0 100644
Binary files a/bestnotes/migrations/__pycache__/0001_initial.cpython-38.pyc and b/bestnotes/migrations/__pycache__/0001_initial.cpython-38.pyc differ
diff --git a/bestnotes/migrations/__pycache__/__init__.cpython-38.pyc b/bestnotes/migrations/__pycache__/__init__.cpython-38.pyc
index feebe36..f9ec7a8 100644
Binary files a/bestnotes/migrations/__pycache__/__init__.cpython-38.pyc and b/bestnotes/migrations/__pycache__/__init__.cpython-38.pyc differ
diff --git a/bestnotes/static/homepage.css b/bestnotes/static/homepage.css
index e69de29..51efa20 100644
--- a/bestnotes/static/homepage.css
+++ b/bestnotes/static/homepage.css
@@ -0,0 +1,3 @@
+.oneimg {
+    height: 100vh;
+}
diff --git a/bestnotes/static/laptop2.jpg b/bestnotes/static/laptop2.jpg
new file mode 100644
index 0000000..6838b52
Binary files /dev/null and b/bestnotes/static/laptop2.jpg differ
diff --git a/bestnotes/static/topics.css b/bestnotes/static/topics.css
new file mode 100644
index 0000000..1616677
--- /dev/null
+++ b/bestnotes/static/topics.css
@@ -0,0 +1,4 @@
+.subjectname{
+    text-decoration: none;
+    color:white;
+}
\ No newline at end of file
diff --git a/bestnotes/static/userplus.png b/bestnotes/static/userplus.png
new file mode 100644
index 0000000..8cc9562
Binary files /dev/null and b/bestnotes/static/userplus.png differ
diff --git a/bestnotes/templates/homepage.html b/bestnotes/templates/homepage.html
index e14d60d..7345ccc 100644
--- a/bestnotes/templates/homepage.html
+++ b/bestnotes/templates/homepage.html
@@ -6,31 +6,31 @@
 
 {% block content %}
 
-
-
 {% include 'navbar.html' %}
 
-<div class="bg-secondary">
-    <div class="w-100 p-3 mb-2 text-white">
-        <div >
-                <img src="{% static 'bg_notes.jpg' %}" class="w-100 img-fluid"/>
-        </div>
-
+<div class="mb-5">
+    <div>
+        <img src="{% static 'laptop2.jpg' %}" class="w-100 img-fluid"/>
     </div>
-     <div>
-         <div class="w-25 d-flex justify-content-center">
-             <img src="{% static 'laptop.png' %}" class="img-fluid "/>
-         </div>
-        <div class="d-flex justify-content-center">
-            <h2>Stwórz najlepszą wersję mobilnych notatek</h2>
-        </div>
+</div>
 
+<div class="container-fluid">
+     <div class="row">
+        <div class="col-6 my-auto" id="laptop_container">
+            <img id="laptop_img" src="{% static 'laptop.png' %}" class="w-25 img-fluid mx-auto d-block"/>
+        </div>
+        <div class="col-6 my-auto" id="text0_container">
+            <h3 class="text-white text-center" id="text0">Stwórz najlepszą wersję mobilnych notatek</h3>
+        </div>
     </div>
-    <div class="w-50 d-flex justify-content-center">
-        <div >
-                <h3>Dziel się notatkami ze znajomymi</h3>
-        </div>
 
+    <div class="row mt-5">
+        <div class="col-6 my-auto" id="text1_container">
+            <h3 class="text-white text-center" id="text1">Dziel się notatkami ze znajomymi</h3>
+        </div>
+        <div class="col-6 my-auto" id="userplus_container">
+            <img "userplus_img" src="{% static 'userplus.png' %}" class="w-25 img-fluid mx-auto d-block"/>
+        </div>
     </div>
 
 </div>
diff --git a/bestnotes/templates/navbar.html b/bestnotes/templates/navbar.html
index 7d611e8..66aae13 100644
--- a/bestnotes/templates/navbar.html
+++ b/bestnotes/templates/navbar.html
@@ -7,13 +7,13 @@
         <span class="navbar-toggler-icon"></span>
     </button>
         <ul class="navbar-nav collapse navbar-collapse"  id="navbarNav">
-            <li class="nav-item nav-link"><a class="nolink" href="{% url 'homepage' %}"><i class="fa fa-home fa-2x"></a></i></li>
+            <li id="home" class="nav-item nav-link"><a class="nolink" href="{% url 'homepage' %}"><i class="fa fa-home fa-2x"></a></i></li>
             {% if user.is_authenticated %}
-            <li class="nav-item nav-link"><a class="nolink" href="#"><i class="fa fa-pencil-square-o fa-2x"></a></i></li>
-            <li class="nav-item nav-link active"><a class="nolink" href="{% url 'subject' %}"><i class="fa fa-list-ul fa-2x"></i></a></li>
-            <li class="nav-item nav-link"><a class="nolink" href="{% url 'logout' %}"><i class="fa fa-sign-out fa-2x"></i></a></li>
+            <li id="add_note" class="nav-item nav-link"><a class="nolink" href="#"><i class="fa fa-pencil-square-o fa-2x"></a></i></li>
+            <li id="all_subjects" class="nav-item nav-link active"><a class="nolink" href="{% url 'subject' %}"><i class="fa fa-list-ul fa-2x"></i></a></li>
+            <li id="logout" class="nav-item nav-link"><a class="nolink" href="{% url 'logout' %}"><i class="fa fa-sign-out fa-2x"></i></a></li>
             {% else %}
-            <li class="nav-item nav-link"><a class="nolink" href="{% url 'login' %}">Zaloguj się</a></li>
+            <li id="login" class="nav-item nav-link"><a class="nolink" href="{% url 'login' %}">Zaloguj się</a></li>
             {% endif %}
         </ul>
 </nav>
\ No newline at end of file
diff --git a/bestnotes/templates/note.html b/bestnotes/templates/note.html
index 4f650d7..f47b445 100644
--- a/bestnotes/templates/note.html
+++ b/bestnotes/templates/note.html
@@ -6,12 +6,17 @@
 {% block content %}
 {% include 'navbar.html' %}
 <div class="container d-flex justify-content-center">
-    <div class="row mt-4"><h1 class="text-white">Tytuł: {{ note.name }}</h1></div>
+    <div class="row mt-4"><h1 id="note_title" class="text-white">Tytuł: {{ note.name }}</h1></div>
 </div>
+{% if note.user.user.id == user.id %}
+<div class="container">
+    <div class="row d-flex justify-content-center"><button id="edit_note" class="btn-success mr-1">Edytuj</button> <button id="delete_note" class="btn-danger">Usuń</button></div>
+</div>
+{% endif %}
 
 <div class="container">
     <div class="d-flex justify-content-center mt-5">
-        <h3 class="text-white"> {{ note.text }}</h3>
+        <h3 class="text-white" id="note_text"> {{ note.text }}</h3>
     </div>
 </div>
 
diff --git a/bestnotes/templates/notes.html b/bestnotes/templates/notes.html
index 07e3ca6..7a87026 100644
--- a/bestnotes/templates/notes.html
+++ b/bestnotes/templates/notes.html
@@ -11,23 +11,23 @@
 
 <div class="container">
     <div class="row">
-        <div class="col-sm-6">
-            <h2 class="text-white text-center">Dostępne notatki</h2>
-            <ul class="list-group cProductsList mt-3"> 
-                {% for note in notes%}
+        <div class="col-sm-6" id="all_container">
+            <h2 class="text-white text-center" id="avaliable_notes">Dostępne notatki</h2>
+            <ul class="list-group cProductsList mt-3" id="all_notes_list"> 
+                {% for note in notes %}
                     {% if user.id != note.user.user.id %}
-                    <a href="/bestnotes/note/{{ note.id }}" class="list-group-item list-group-item-action">{{ note.name }}</a>
-                {% endif %}
+                        <a href="/bestnotes/note/{{ note.id }}" id="{{ note_name }}{{note_id}}" class="list-group-item list-group-item-action">{{ note.name }}</a>
+                    {% endif %}
                 {% endfor %}
             </ul>
         </div>
-        <div class="col-sm-6">
-            <h2 class="text-white text-center">Twoje notatki</h2>
-            <ul class="list-group cProductsList mt-3"> 
-                {% for note in notes%}
-                {% if user.id == note.user.user.id %}
-                    <a href="/bestnotes/note/{{ note.id }}" class="list-group-item list-group-item-action">{{ note.name }}</a>
-                {% endif %}
+        <div class="col-sm-6" id="your_container">
+            <h2 class="text-white text-center" id="your_notes">Twoje notatki</h2>
+            <ul class="list-group cProductsList mt-3" id="your_notes_list"> 
+                {% for note in notes %}
+                    {% if user.id == note.user.user.id %}
+                        <a href="/bestnotes/note/{{ note.id }}" id="{{ note_name }}{{note_id}}" class="list-group-item list-group-item-action">{{ note.name }}</a>
+                    {% endif %}
                 {% endfor %}
             </ul>
         </div>
diff --git a/bestnotes/templates/subjects.html b/bestnotes/templates/subjects.html
index b4872e8..6148855 100644
--- a/bestnotes/templates/subjects.html
+++ b/bestnotes/templates/subjects.html
@@ -10,37 +10,32 @@
 
 {% include 'navbar.html' %}
 
-<div class="container">
-        <div class="d-flex justify-content-center mt-5">
-            <h3 class="text-white">Dodaj nowy przedmiot</h3>
+<div class="mb-5">
+    <div>
+        <img src="{% static 'laptop2.jpg' %}" class="w-100 img-fluid"/>
+    </div>
+</div>
+<div class="container mb-5">
+    <div class="row">
+        <div class="col-sm-6 mb-5">
+            <h2 class="text-white text-center mb-5 bg-dark" id="avaliable_notes">Dostępne notatki</h2>
+            <h4 class="text-white text-center" id="choose_subject_all">Wybierz przedmiot</h4>
+            <ul class="list-group cProductsList mt-3" id="list_all"> 
+                {% for subject in subjects %}
+                    <a href="/bestnotes/topics_by_subject_id/{{ subject.id }}" id="{{ subject.name }}{{subject.id}}" class="list-group-item list-group-item-action">{{ subject.name }}</a>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="col-sm-6">
+            <h2 class="text-white text-center mb-5 bg-dark" id="your_notes">Twoje notatki</h2>
+            <h4 class="text-white text-center" id="choose_subject_yours">Wybierz przedmiot</h4>
+            <ul class="list-group cProductsList mt-3" id="list_yours"> 
+                {% for subject in student_subjects %}
+                    <a href="/bestnotes/topics_by_subject_id/{{ subject.id }}" id="{{ subject.name }}{{subject.id}}" class="list-group-item list-group-item-action">{{ subject.name }}</a>
+                {% endfor %}
+            </ul>
         </div>
-    <div class="d-flex justify-content-center mt-3">
-        <form role="form">
-            <input type="text" class="form-control" placeholder="Nowy przedmiot" name="przedmiot">
-        </form>
-        <button type="button" class="btn btn btn-primary ml-1">Dodaj</button>
     </div>
-    <div class="d-flex justify-content-center mt-5">
-            <h3 class="text-white">Lista przedmiotów</h3>
-    </div>
-    <a class="row justify-content-center text-white">Liczba dostępnych przedmiotów: 3/5</a>
-    <ul class="list-group cProductsList mt-3"> 
-            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Programowanie</p> 
-                <button class="btn-primary mr-1" ><a class="nolink" href="/bestnotes/notes/1">Zarządzaj</a></button> 
-                <button class="btn-success mr-1">Edytuj</button>  
-                <button class="btn-danger">Usuń</button>
-            </li>
-            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Matematyka</p>  
-                <button class="btn-primary mr-1"><a class="nolink" href="/bestnotes/notes/2">Zarządzaj</a></button>
-                <button class="btn-success mr-1">Edytuj</button>
-                <button class="btn-danger">Usuń</button>
-            </li> 
-            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Systemy informatyczne</p>  
-                <button class="btn-primary mr-1"><a class="nolink" href="/bestnotes/notes/3">Zarządzaj</a></button>
-                <button class="btn-success mr-1">Edytuj</button>
-                <button class="btn-danger">Usuń</button>
-             </li> 
-    </ul>
 </div>
 
 {% else %}
diff --git a/bestnotes/templates/topics.html b/bestnotes/templates/topics.html
new file mode 100644
index 0000000..b333778
--- /dev/null
+++ b/bestnotes/templates/topics.html
@@ -0,0 +1,25 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block css %}
+    <link rel="stylesheet" type="text/css" href="{% static 'topics.css' %}">
+{% endblock %}
+{% block content %}
+{% include 'navbar.html' %}
+<div class="container d-flex justify-content-center">
+    <div class="row mt-4"><h1 class="subjectname">{{subject_name}}</h1></div>
+</div>
+
+<div class="container d-flex justify-content-center">
+    <div class="row">
+        <div class="col-sm-12">
+            <h2 class="text-white text-center">Dostępne zagadnienia</h2>
+            <ul class="list-group cProductsList mt-4">
+                {% for topic in topics%}
+                    <a href="/bestnotes/notes_by_topic/{{ topic.id }}" class="list-group-item list-group-item-action">{{ topic.name }}</a>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>
+
+{% endblock %}
diff --git a/bestnotes/urls.py b/bestnotes/urls.py
index e57149e..689a19c 100644
--- a/bestnotes/urls.py
+++ b/bestnotes/urls.py
@@ -6,9 +6,11 @@ urlpatterns = [
     path('', views.homepage, name='homepage'),
     #path('/',  views.login),
     path('accounts/', include("django.contrib.auth.urls")),
-    path('subject/', views.subject, name="subject"),
+    path('subject/', views.subjects_all, name="subject"),
     path('subject/<id>', views.subject_id, name="subjectid"),
     path('note/<id>', views.note_id, name="note"),
+    path('notes_by_topic/<topic_id>', views.notes_by_topic_id, name="notes"),
+    path('topics_by_subject_id/<subject_id>', views.topics_by_subject_id, name="topics"),
 
     path('notes/', views.notes_all, name="notes"),
     path('notes/<subject_id>', views.notes_name, name="notes_id")
diff --git a/bestnotes/views.py b/bestnotes/views.py
index 83d7720..b7427bb 100644
--- a/bestnotes/views.py
+++ b/bestnotes/views.py
@@ -1,5 +1,5 @@
 from django.shortcuts import render
-from bestnotes.models import Note
+from bestnotes.models import Note, Topic, Subject
 # Create your views here.
 
 from django.http import HttpResponse
@@ -38,9 +38,47 @@ def notes_name(request,subject_id):
     #Change website here
     return render(request, "notes.html", context)
 
+
+def notes_by_topic_id(request,topic_id):
+    all_notes = Note.objects.all()
+    topic_notes = all_notes.filter(topic__id=topic_id) #Get all notes with given topic id
+    context = {
+        'notes' : topic_notes
+    }
+    #Change website here
+    return render(request, "notes.html", context)
+
+def topics_by_subject_id(request,subject_id):
+    all_topics = Topic.objects.all()
+    topics_under_subject = all_topics.filter(subject__id=subject_id) #get topics under given subject
+
+    if len(topics_under_subject) > 0:
+        subject_name = all_topics[0].subject.name  # Get note with given id
+
+        context = {
+            'subject_name': subject_name,
+            'topics': topics_under_subject
+        }
+        return render(request, "topics.html", context)
+    else:
+        return HttpResponse("Topics not found.")
+
+
 def notes_all(request):
     all_notes = Note.objects.all()
     context = {
         'notes' : all_notes
     }
-    return render(request, "test.html", context)
\ No newline at end of file
+    return render(request, "test.html", context)
+
+def subjects_all(request):
+    all_subjects = Subject.objects.all()
+    student_notes = Note.objects.all().filter(user__user__id=request.user.id)
+    student_subjects = []
+    for note in student_notes:
+        student_subjects.append(note.topic.subject)
+    context = {
+        'subjects' : all_subjects,
+        'student_subjects': student_subjects
+    }
+    return render(request, "subjects.html", context)
\ No newline at end of file
diff --git a/db.sqlite3 b/db.sqlite3
index b11f4b3..31708e2 100644
Binary files a/db.sqlite3 and b/db.sqlite3 differ