diff --git a/TutorLizard.Blazor/Components/Calendar.razor.css b/TutorLizard.Blazor/Components/Calendar.razor.css
index acaf605c..7ce94c4e 100644
--- a/TutorLizard.Blazor/Components/Calendar.razor.css
+++ b/TutorLizard.Blazor/Components/Calendar.razor.css
@@ -1,8 +1,8 @@
 .calendar-container {
     display: flex;
     flex-direction: column;
-    background-color: darkgreen;
-    border-radius: 1rem;
+    background-color: #2b4027;
+    border-radius: 0px;
     padding: 1rem;
 }
 
@@ -39,7 +39,7 @@
 .calendar-main {
     border-radius: .5rem;
     overflow: hidden;
-    background-color: whitesmoke;
+    background-color: #2b4027;
 }
 
 .seven-column-section {
@@ -55,7 +55,7 @@
 
     .days-header div {
         padding: 1rem 0;
-        background-color: white;
+        background-color: #9db88c;
         text-align: center;
         font-weight: bold;
     }
@@ -75,7 +75,7 @@
     }
 
         .calendar-grid div:hover {
-            background-color: darkgreen;
+            background-color: #9db88c;
             transition: .35s;
             color: white;
             font-weight: bold;
diff --git a/TutorLizard.Blazor/Components/ScheduleForDay.razor b/TutorLizard.Blazor/Components/ScheduleForDay.razor
index 34a9766c..67acb67f 100644
--- a/TutorLizard.Blazor/Components/ScheduleForDay.razor
+++ b/TutorLizard.Blazor/Components/ScheduleForDay.razor
@@ -4,7 +4,7 @@
     <div class="schedule-list">
         @if (Schedule.Count == 0)
         {
-            <div class="text-light text-center">Brak terminów.</div>
+            <div class="text-red text-center">Brak terminów.</div>
         }
         @foreach (var item in Schedule)
         {
diff --git a/TutorLizard.Blazor/Components/ScheduleForDay.razor.css b/TutorLizard.Blazor/Components/ScheduleForDay.razor.css
index 9be38962..d0c61ce7 100644
--- a/TutorLizard.Blazor/Components/ScheduleForDay.razor.css
+++ b/TutorLizard.Blazor/Components/ScheduleForDay.razor.css
@@ -1,11 +1,12 @@
 .schedule-container {
-    background-color: slateblue;
+    background-color: #ededed;
     padding: 1rem;
-    border-radius: 1rem;
+    border-radius: 0;
+    color: black;
 }
 
     .schedule-container h3 {
-    color:white;
+    color:black;
     margin: 0;
     text-align: center;
     padding-bottom: 1rem;
diff --git a/TutorLizard.Blazor/Components/StudentsScheduleItem.razor b/TutorLizard.Blazor/Components/StudentsScheduleItem.razor
index 8de28d39..cdfd79de 100644
--- a/TutorLizard.Blazor/Components/StudentsScheduleItem.razor
+++ b/TutorLizard.Blazor/Components/StudentsScheduleItem.razor
@@ -5,7 +5,7 @@
 {
     <div class="item" @onclick="() => NavigateToAdDetails(ScheduleItem.AdId)">
         <h4 class="display-6">@ScheduleItem.DateTime.ToString("HH:mm")</h4>
-        <div class="fw-bold">@ScheduleItem.AdTitle <small class="text-primary">| Jako uczeń</small></div>
+        <div class="fw-bold">@ScheduleItem.AdTitle <small class="text-green">| Jako uczeń</small></div>
         <div>Nauczyciel: @ScheduleItem.TutorName</div>
         <div>Status zgłoszenia: @GetStatusName(ScheduleItem.Status)</div>
     </div>
diff --git a/TutorLizard.Blazor/Components/StudentsScheduleItem.razor.css b/TutorLizard.Blazor/Components/StudentsScheduleItem.razor.css
index e5389d9e..e50b42d2 100644
--- a/TutorLizard.Blazor/Components/StudentsScheduleItem.razor.css
+++ b/TutorLizard.Blazor/Components/StudentsScheduleItem.razor.css
@@ -2,11 +2,11 @@
     background-color: white;
     padding: .5rem;
     margin: .25rem;
-    border-radius: .5rem;
+    border-radius: 0;
 }
 
     .item:hover {
-        background-color: lightblue;
+        background-color: #9db88c;
         transition: .25s;
         cursor: pointer;
     }
diff --git a/TutorLizard.Blazor/Components/TutorsScheduleItem.razor.css b/TutorLizard.Blazor/Components/TutorsScheduleItem.razor.css
index b8be8ce4..5043cf18 100644
--- a/TutorLizard.Blazor/Components/TutorsScheduleItem.razor.css
+++ b/TutorLizard.Blazor/Components/TutorsScheduleItem.razor.css
@@ -2,14 +2,14 @@
     background-color: white;
     padding: .5rem;
     margin: .25rem;
-    border-radius: .5rem;
+    border-radius: 0;
 }
 
-.item:hover {
-    background-color: lightblue;
-    transition: .25s;
-    cursor: pointer;
-}
+    .item:hover {
+        background-color: #9db88c;
+        transition: .25s;
+        cursor: pointer;
+    }
 
     .item h4 {
         margin: 0;
diff --git a/TutorLizard.Web/Controllers/BrowseController.cs b/TutorLizard.Web/Controllers/BrowseController.cs
index abe95350..30cd8464 100644
--- a/TutorLizard.Web/Controllers/BrowseController.cs
+++ b/TutorLizard.Web/Controllers/BrowseController.cs
@@ -27,7 +27,7 @@ public BrowseController(IBrowseService browseService,
         _userAuthenticationService = userAuthenticationService;
         _uiMessagesService = uiMessagesService;
         _categoryService = categoryService;
-        _pageSize = 10;
+        _pageSize = 12;
     }
     public IActionResult Index()
     {
diff --git a/TutorLizard.Web/Views/Account/ActivateAccount.cshtml b/TutorLizard.Web/Views/Account/ActivateAccount.cshtml
index b1773218..c6561406 100644
--- a/TutorLizard.Web/Views/Account/ActivateAccount.cshtml
+++ b/TutorLizard.Web/Views/Account/ActivateAccount.cshtml
@@ -1,7 +1,2 @@
-@using TutorLizard.Web.Resources
-@{
-    ViewData["Title"] = @TutorLizard.Web.Resources.Account.AccountActivation;
-}
+
 <h1>@ViewData["Title"]</h1>
-
-<h1 class="text-success">@TutorLizard.Web.Resources.Account.AccountActivated</h1>
\ No newline at end of file
diff --git a/TutorLizard.Web/Views/Account/Login.cshtml b/TutorLizard.Web/Views/Account/Login.cshtml
index 9838515e..e6d1b0ae 100644
--- a/TutorLizard.Web/Views/Account/Login.cshtml
+++ b/TutorLizard.Web/Views/Account/Login.cshtml
@@ -5,11 +5,11 @@
     ViewData["Title"] = "Login";
 }
 
-<h1>@TutorLizard.Web.Resources.Account.Login</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Account.Login</h1>
 
 <hr />
-<div class="row">
-    <div class="col-md-4">
+<div class="row justify-content-center gap-4">
+    <div class="col-md-4 user-container">
         <form asp-action="Login">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <div class="form-group">
@@ -23,25 +23,25 @@
                 <span asp-validation-for="Password" class="text-danger"></span>
             </div>
             <div class="form-group my-2">
-                <input type="submit" value="Login" class="btn btn-primary" />
+                <input type="submit" value="Login" class="btn btn-dark" />
             </div>
         </form>
 
 
     </div>
-    <div class="row">
+    <div class="col-md-4 user-container">
         <div>
-            <h2>@TutorLizard.Web.Resources.Account.LoginWithGoogle</h2>
+            <h2 class="title-3">@TutorLizard.Web.Resources.Account.LoginWithGoogle</h2>
         </div>
         <div>
-            <a asp-controller="Account" asp-action="GoogleLogin" class="btn btn-primary">@TutorLizard.Web.Resources.Account.GoogleSignUp</a>
+            <a asp-controller="Account" asp-action="GoogleLogin" class="btn btn-dark">@TutorLizard.Web.Resources.Account.GoogleSignUp</a>
         </div>
     </div>
 </div>
 
-<div>
+@* <div>
     <a asp-action="Index" asp-controller="Home">Back</a>
-</div>
+</div> *@
 
 @section Scripts {
     @{
diff --git a/TutorLizard.Web/Views/Account/Register.cshtml b/TutorLizard.Web/Views/Account/Register.cshtml
index 4cc35f7e..6aea6ecd 100644
--- a/TutorLizard.Web/Views/Account/Register.cshtml
+++ b/TutorLizard.Web/Views/Account/Register.cshtml
@@ -4,11 +4,11 @@
     ViewData["Title"] = "Register";
 }
 
-<h1>@TutorLizard.Web.Resources.Account.Register</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Account.Register</h1>
 
 <hr />
-<div class="row">
-    <div class="col-md-4">
+<div class="login-grid row justify-content-center gap-4">
+    <div class="col-md-4 user-container">
         <form asp-action="Register">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <div class="form-group">
@@ -27,23 +27,23 @@
                 <span asp-validation-for="Password" class="text-danger"></span>
             </div>
             <div class="form-group my-2">
-                <input type="submit" value="@TutorLizard.Web.Resources.Account.Register" class="btn btn-primary" />
+                <input type="submit" value="@TutorLizard.Web.Resources.Account.Register" class="btn btn-dark" />
             </div>
         </form>
     </div>
-    <div class="row">
-        <div>
-            <h2>@TutorLizard.Web.Resources.Account.RegisterWithGoogle</h2>
+    <div class="col-md-4 user-container">
+        <div class="col-md-4 w-100">
+            <h2 class="title-3">@TutorLizard.Web.Resources.Account.RegisterWithGoogle</h2>
         </div>
         <div>
-            <a asp-controller="Account" asp-action="GoogleLogin" class="btn btn-primary">@TutorLizard.Web.Resources.Account.GoogleSignUp</a>
+            <a asp-controller="Account" asp-action="GoogleLogin" class="btn btn-dark">Sign In with Google</a>
         </div>
     </div>
 </div>
 
-<div>
+@* <div>
     <a asp-action="Index">Back</a>
-</div>
+</div> *@
 
 @section Scripts {
     @{
diff --git a/TutorLizard.Web/Views/Ad/Index.cshtml b/TutorLizard.Web/Views/Ad/Index.cshtml
index dd09c485..630d00ca 100644
--- a/TutorLizard.Web/Views/Ad/Index.cshtml
+++ b/TutorLizard.Web/Views/Ad/Index.cshtml
@@ -5,13 +5,13 @@
     ViewData["Title"] = "Ads - List";
 }
 
-<h1>@TutorLizard.Web.Resources.Ad.Ads</h1>
+<h1 class="ads-title">@TutorLizard.Web.Resources.Ad.Ads</h1>
 
 <p>
-    <a asp-action="Create">@TutorLizard.Web.Resources.Ad.CreateNew</a>
+    <a asp-action="Create" class="btn btn-primary">@TutorLizard.Web.Resources.Ad.CreateNew</a>
 </p>
-<table class="table">
-    <thead>
+<table class="table table-striped table-hover">
+    <thead class="thead-dark">
         <tr>
             <th>
                 @Html.DisplayNameFor(model => model.Id)
@@ -65,7 +65,7 @@
                     @Html.DisplayFor(modelItem => item.CategoryId)
                 @if (ViewBag.CategoryName is not null)
                 {
-                    <span> (@ViewBag.CategoryName)</span>
+                        <span class="category-name"> (@ViewBag.CategoryName)</span>
                 }
             </td>
             <td>
diff --git a/TutorLizard.Web/Views/Browse/AdDetails.cshtml b/TutorLizard.Web/Views/Browse/AdDetails.cshtml
index bd673349..7f26ef52 100644
--- a/TutorLizard.Web/Views/Browse/AdDetails.cshtml
+++ b/TutorLizard.Web/Views/Browse/AdDetails.cshtml
@@ -2,61 +2,71 @@
 @using TutorLizard.Web.Resources
 @model GetAdDetailsResponse
 
-<h1>@TutorLizard.Web.Resources.Browse.AdDetails</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Browse.AdDetails</h1>
 
-<div>
-    <div><h2>@Model.Title</h2></div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.CategoryName :</div>
-        <div class="col-6 col-sm-9">@Model.CategoryName</div>
-    </div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.Subject :</div>
-        <div class="col-6 col-sm-9">@Model.Subject</div>
-    </div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.Localization :</div>
-        <div class="col-6 col-sm-9">@Model.Location</div>
-    </div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.PostedBy :</div>
-        <div class="col-6 col-sm-9">@Model.TutorName</div>
-    </div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.PostedBy :</div>
-        <div class="col-6 col-sm-9">@Model.Price zł/h</div>
+<div class="row">
+    <div class="col-lg-6">
+        <div class="ad-details">
+            <h2 class="title-2 margin-bottom">@Model.Title</h2>
+            <div class="row ad-list-item">
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.CategoryName:</div>
+                    <div class="col-6 col-sm-9">@Model.CategoryName</div>
+                </div>
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.Subject:</div>
+                    <div class="col-6 col-sm-9">@Model.Subject</div>
+                </div>
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.Localization:</div>
+                    <div class="col-6 col-sm-9">@Model.Location</div>
+                </div>
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.PostedBy:</div>
+                    <div class="col-6 col-sm-9">@Model.TutorName</div>
+                </div>
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.Price:</div>
+                    <div class="col-6 col-sm-9">@Model.Price zł/h</div>
+                </div>
+                <div class="row">
+                    <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.IsRemote:</div>
+                    <div class="col-6 col-sm-9">
+                        @if (Model.IsRemote)
+                        {
+                            <span>@TutorLizard.Web.Resources.Browse.Yes</span>
+                        }
+                        else
+                        {
+                            <span>@TutorLizard.Web.Resources.Browse.No</span>
+                        }
+                    </div>
+                </div>
+            </div>
+            <div class="row ad-list-item margin-top-small">
+                <div class="col">@Model.Description</div>
+            </div>
+        </div>
     </div>
-    <div class="row">
-        <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Browse.IsRemote :</div>
-        <div class="col-6 col-sm-9">
-            @if (Model.IsRemote)
+
+    <div class="col-lg-6">
+        <div class="ad-details">
+            @if (Model.UserRelationship == AdToUserRelationship.Owner)
             {
-                <span>@TutorLizard.Web.Resources.Browse.Yes</span>
+                @await Component.InvokeAsync(nameof(TutorsScheduleForAd), new { adId = Model.AdId })
             }
-            else
+            @if (Model.UserRelationship == AdToUserRelationship.AcceptedStudent)
             {
-                <span>@TutorLizard.Web.Resources.Browse.No</span>
+                @await Component.InvokeAsync(nameof(AvailableScheduleForAd), new { adId = Model.AdId })
+            }
+            @if (Model.UserRelationship == AdToUserRelationship.PendingStudent)
+            {
+                @await Component.InvokeAsync(nameof(AdRequestStatusForAd), new { adId = Model.AdId })
+            }
+            @if (Model.UserRelationship == AdToUserRelationship.None)
+            {
+                @await Component.InvokeAsync(nameof(CreateRequestForAd), new { adId = Model.AdId })
             }
         </div>
     </div>
-    <div class="row">
-        <div class="col">@Model.Description</div>
-    </div>
 </div>
-
-@if(Model.UserRelationship == AdToUserRelationship.Owner)
-{
-    @await Component.InvokeAsync(nameof(TutorsScheduleForAd), new { adId = Model.AdId })
-}
-@if(Model.UserRelationship == AdToUserRelationship.AcceptedStudent)
-{
-    @await Component.InvokeAsync(nameof(AvailableScheduleForAd), new {adId = Model.AdId})
-}
-@if(Model.UserRelationship == AdToUserRelationship.PendingStudent)
-{
-    @await Component.InvokeAsync(nameof(AdRequestStatusForAd), new {adId = Model.AdId})
-}
-@if(Model.UserRelationship == AdToUserRelationship.None)
-{
-    @await Component.InvokeAsync(nameof(CreateRequestForAd), new { adId = Model.AdId })
-}
\ No newline at end of file
diff --git a/TutorLizard.Web/Views/Browse/Ads.cshtml b/TutorLizard.Web/Views/Browse/Ads.cshtml
index 73a86b12..f4fa7217 100644
--- a/TutorLizard.Web/Views/Browse/Ads.cshtml
+++ b/TutorLizard.Web/Views/Browse/Ads.cshtml
@@ -10,16 +10,18 @@
         categories = ViewBag.Categories;
     }
 }
+<head>
+    <link rel="stylesheet" href="~/css/tutorlizard.css" asp-append-version="true" />
+</head>
 
-<h1>@TutorLizard.Web.Resources.Browse.Ads</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Browse.Ads</h1>
 
-<form asp-action="Search" method="post" class="d-flex flex-column p-2 border">
-    <h2 class="text-center">@TutorLizard.Web.Resources.Browse.BrowsingAds</h2>
+<form asp-action="Search" method="post" class="d-flex flex-column p-2 search-container">
     <component type="typeof(AdSearchForm)"
                render-mode="WebAssemblyPrerendered"
                param-SearchCriteriaJson="Model.SearchCriteria.ToViewModel().Serialize()"
                param-CategoriesJson="@categories.Serialize()" />
-    <button type="submit" class="btn btn-primary m-2">@TutorLizard.Web.Resources.Browse.Search</button>
+    <button type="submit" class="btn btn-dark m-2">@TutorLizard.Web.Resources.Browse.Search</button>
 </form>
 
 
@@ -29,24 +31,27 @@
     <div class="p-2">@TutorLizard.Web.Resources.Browse.NumberOfResults : @Model.TotalAds</div>
 }
 
+<div class="row">
 @foreach (var ad in Model.Ads)
 {
-    <partial name="@PartialNames.AdListItem" model="ad" />
-}
+        <div class="col-12 col-lg-6 col-xxl-4 my-2 flex-row"><partial name="@PartialNames.AdListItem" model="ad" class="montserrat-lizardFont ad-row-height" /></div>
+ }
+</div>
 
-<div class="row text-center">
 
-    <div class="col-4">
+<div class="row text-center margin-top-small">
+
+    <div class="col-4 margin-top-small">
 
-        @if(Model.PageNumber > 1)
+        @if (Model.PageNumber > 1)
         {
             @if (Model.SearchCriteria.AnySearch)
             {
-                <a asp-action="Ads" asp-route-id="@(Model.PageNumber - 1)" asp-route-search="@Model.SearchCriteria.ToBase64String()">@TutorLizard.Web.Resources.Browse.PreviousPage</a>
+                <a asp-action="Ads" asp-route-id="@(Model.PageNumber - 1)" asp-route-search="@Model.SearchCriteria.ToBase64String()" class="btn btn-light">@TutorLizard.Web.Resources.Browse.PreviousPage</a>
             }
             else
             {
-                <a asp-action="Ads" asp-route-id="@(Model.PageNumber - 1)">@TutorLizard.Web.Resources.Browse.PreviousPage</a>
+                <a asp-action="Ads" asp-route-id="@(Model.PageNumber - 1)" class="btn btn-light">@TutorLizard.Web.Resources.Browse.PreviousPage</a>
             }
         }
     </div>
@@ -55,16 +60,16 @@
         @TutorLizard.Web.Resources.Browse.Page @Model.PageNumber z @Model.TotalPages
     </div>
 
-    <div class="col-4">
-        @if(Model.TotalPages > Model.PageNumber)
+    <div class="col-4 margin-top-small">
+        @if (Model.TotalPages > Model.PageNumber)
         {
-            @if(Model.SearchCriteria.AnySearch)
+            @if (Model.SearchCriteria.AnySearch)
             {
-                <a asp-action="Ads" asp-route-id="@(Model.PageNumber + 1)" asp-route-search="@Model.SearchCriteria.ToBase64String()">@TutorLizard.Web.Resources.Browse.NextPage</a>
+                <a asp-action="Ads" asp-route-id="@(Model.PageNumber + 1)" asp-route-search="@Model.SearchCriteria.ToBase64String()" class="btn btn-light">@TutorLizard.Web.Resources.Browse.NextPage</a>
             }
             else
             {
-                <a asp-action="Ads" asp-route-id="@(Model.PageNumber + 1)">@TutorLizard.Web.Resources.Browse.NextPage</a>
+                <a asp-action="Ads" asp-route-id="@(Model.PageNumber + 1)" class="btn btn-light">@TutorLizard.Web.Resources.Browse.NextPage</a>
             }
         }
     </div>
diff --git a/TutorLizard.Web/Views/Browse/Schedule.cshtml b/TutorLizard.Web/Views/Browse/Schedule.cshtml
index 86e81622..380a86aa 100644
--- a/TutorLizard.Web/Views/Browse/Schedule.cshtml
+++ b/TutorLizard.Web/Views/Browse/Schedule.cshtml
@@ -1,7 +1,7 @@
 @using TutorLizard.Web.Extensions
 @model GetUsersScheduleResponse
 
-<h1>@TutorLizard.Web.Resources.Browse.YourSchedule</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Browse.YourSchedule</h1>
 
 <div class="row">
     <component type="typeof(Schedule)"
@@ -11,3 +11,4 @@
                param-TutorsSchedule="@Model.TutorsSchedule.Serialize()"
                param-StudentsSchedule="@Model.StudentsSchedule.Serialize()"/>
 </div>
+
diff --git a/TutorLizard.Web/Views/Home/Index.cshtml b/TutorLizard.Web/Views/Home/Index.cshtml
index 52d381f6..193d96a3 100644
--- a/TutorLizard.Web/Views/Home/Index.cshtml
+++ b/TutorLizard.Web/Views/Home/Index.cshtml
@@ -1,14 +1,25 @@
 @{
     ViewData["Title"] = "Home Page";
 }
-<h1>@TutorLizard.Web.Resources.Home.HomePage</h1>
-
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-controller="Tutor" asp-action="Index">@TutorLizard.Web.Resources.Home.TutorFunction</a></li>
-</ul>
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-controller="Student" asp-action="Index">@TutorLizard.Web.Resources.Home.StudentFunction</a></li>
-</ul>
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-controller="Browse" asp-action="Schedule">@TutorLizard.Web.Resources.Home.YourSchedule</a></li>
-</ul>
+
+
+    <div class="banner">
+            <img src="~/images/banner.png" alt="banner" class="banner">
+    </div>
+
+<h1 class="title">@TutorLizard.Web.Resources.Home.HomePage</h1>
+
+<div class="col-lg-5 mx-auto">
+    <div class="custom-padding">
+        <a asp-controller="Tutor" asp-action="Index" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Home.TutorFunction</a>
+    </div>
+    <div class="custom-padding">
+        <a asp-controller="Student" asp-action="Index" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Home.StudentFunction</a>
+    </div>
+    <div class="custom-padding">
+        <a asp-controller="Browse" asp-action="Schedule" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Home.YourSchedule</a>
+    </div>
+</div>
+
+
+
diff --git a/TutorLizard.Web/Views/Shared/Components/AdRequestStatusForAd/Default.cshtml b/TutorLizard.Web/Views/Shared/Components/AdRequestStatusForAd/Default.cshtml
index 61c31468..fe5dd4ad 100644
--- a/TutorLizard.Web/Views/Shared/Components/AdRequestStatusForAd/Default.cshtml
+++ b/TutorLizard.Web/Views/Shared/Components/AdRequestStatusForAd/Default.cshtml
@@ -3,26 +3,27 @@
 
 @if(Model is not null)
 {
-    <div>
-        <div><h3>@TutorLizard.Web.Resources.Shared.YourRequest</h3></div>
-        <div>
+    <div class="row">
+        <div class="title-2"><h3>@TutorLizard.Web.Resources.Shared.YourRequest</h3></div>
+        <div class="col-md-11 row ad-list-item">
             <span>@TutorLizard.Web.Resources.Shared.RequestStatus </span>
             @if(Model.Status == GetAdRequestStatusResponse.RequestStatus.Accepted)
             {
-                <span>@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
+                <span class="status-accepted">@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
             }
             else if(Model.Status == GetAdRequestStatusResponse.RequestStatus.Pending)
             {
-                <span>@TutorLizard.Web.Resources.Shared.RequestPending</span>
+                <span class="status-pending">@TutorLizard.Web.Resources.Shared.RequestPending</span>
             }
             else if (Model.Status == GetAdRequestStatusResponse.RequestStatus.Rejected)
             {
-                <span>@TutorLizard.Web.Resources.Shared.RequestRejected</span>
+                <span class="status-rejected">@TutorLizard.Web.Resources.Shared.RequestRejected</span>
             }
-        </div>
+        
         <div>Data wysłania: @Model.DateCreated</div>
+        </div>
         <div>
-            <div class="h5 mt-3">@TutorLizard.Web.Resources.Shared.RequestMessage</div>
+            <div class="col-md-11 row ad-list-item">@TutorLizard.Web.Resources.Shared.RequestMessage</div>
             <div>@Model.Message</div>
         </div>
         @if(Model.ReplyMessage is not null)
diff --git a/TutorLizard.Web/Views/Shared/Components/AvailableScheduleForAd/Default.cshtml b/TutorLizard.Web/Views/Shared/Components/AvailableScheduleForAd/Default.cshtml
index 38ef0c59..c15f2dc9 100644
--- a/TutorLizard.Web/Views/Shared/Components/AvailableScheduleForAd/Default.cshtml
+++ b/TutorLizard.Web/Views/Shared/Components/AvailableScheduleForAd/Default.cshtml
@@ -4,53 +4,56 @@
 
 @if (Model is not null)
 {
-    <h3>@TutorLizard.Web.Resources.Shared.AvailableDates</h3>
-    <div>
+    <h3 class="title">@TutorLizard.Web.Resources.Shared.AvailableDates</h3>
+    <div class="container schedule-container">
         @if (Model.IsAccepted == true)
         {
-            <div>
+            <div class="row">
                 @foreach (var item in Model.Items)
                 {
-                    <div>@item.DateTime</div>
-                    <div>
-                        <span>@TutorLizard.Web.Resources.Shared.RequestStatus</span>
-                    @if (item.Status == ScheduleItemRequestStatus.Accepted)
-                    {
-                            <span>@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
-                    }
-                    else if (item.Status == ScheduleItemRequestStatus.Pending)
-                    {
-                            <span>@TutorLizard.Web.Resources.Shared.RequestPending</span>
-                    }
-                    else if (item.Status == ScheduleItemRequestStatus.Rejected)
-                    {
-                            <span>@TutorLizard.Web.Resources.Shared.RequestRejected</span>
-                    }
-                    else if (item.Status == ScheduleItemRequestStatus.RequestNotSent)
-                    {
-                            <span>@TutorLizard.Web.Resources.Shared.RequestNotSent</span>
-                            <div>
-                                    <form asp-controller="Student" asp-action="CreateScheduleItemRequest" method="post">
-                                        <input name="scheduleItemId" value="@item.Id" type="hidden" />
-                                        <input name="adId" value="@item.AdId" type="hidden" />
-
-                                        @if (Model.IsRemote)
-                                        {
-                                            <div class="form-group form-check my-2">
-                                                <label class="form-check-label">
-                                                <input class="form-check-input" name="requestIsRemote" type="checkbox" /> @TutorLizard.Web.Resources.Shared.Remote
-                                                </label>
-                                            </div>
-                                        }
-
-                                    <button type="submit" class="btn btn-danger mt-3">@TutorLizard.Web.Resources.Shared.SignUp</button>
-                                    </form>
+                    <div class="col-md-4 mb-4">
+                        <div class="p-3 border border-2 ad-list-item h-100">
+                            <div class="schedule-item-datetime">@item.DateTime</div>
+                            <div class="schedule-item-status">
+                                @if (item.Status == ScheduleItemRequestStatus.Accepted)
+                                {
+                                    <span class="status-accepted">@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
+                                }
+                                else if (item.Status == ScheduleItemRequestStatus.Pending)
+                                {
+                                    <span class="status-pending">@TutorLizard.Web.Resources.Shared.RequestPending</span>
+                                }
+                                else if (item.Status == ScheduleItemRequestStatus.Rejected)
+                                {
+                                    <span class="status-rejected">@TutorLizard.Web.Resources.Shared.RequestRejected</span>
+                                }
+                                else if (item.Status == ScheduleItemRequestStatus.RequestNotSent)
+                                {
+                                    <span class="status-rejected">@TutorLizard.Web.Resources.Shared.RequestNotSent</span>
+                                    <div class="mt-2">
+                                        <form asp-controller="Student" asp-action="CreateScheduleItemRequest" method="post">
+                                            <input name="scheduleItemId" value="@item.Id" type="hidden" />
+                                            <input name="adId" value="@item.AdId" type="hidden" />
+
+                                            @if (Model.IsRemote)
+                                            {
+                                                <div class="form-group form-check my-2">
+                                                    <label class="form-check-label">
+                                                        <input class="form-check-input" name="requestIsRemote" type="checkbox" /> @TutorLizard.Web.Resources.Shared.Remote
+                                                    </label>
+                                                </div>
+                                            }
+
+                                            <button type="submit" class="btn btn-danger mt-3">@TutorLizard.Web.Resources.Shared.SignUp</button>
+                                        </form>
+                                    </div>
+                                }
                             </div>
-                    }
+                        </div>
                     </div>
                 }
             </div>
-        }        
+        }
     </div>
 }
 
@@ -59,3 +62,4 @@
 
 
 
+
diff --git a/TutorLizard.Web/Views/Shared/Components/CreateRequestForAd/Default.cshtml b/TutorLizard.Web/Views/Shared/Components/CreateRequestForAd/Default.cshtml
index a31b9103..a7c1ced7 100644
--- a/TutorLizard.Web/Views/Shared/Components/CreateRequestForAd/Default.cshtml
+++ b/TutorLizard.Web/Views/Shared/Components/CreateRequestForAd/Default.cshtml
@@ -2,15 +2,15 @@
 
 @if(Model is not null)
 {
+    <div><h2 class="title-2">@TutorLizard.Web.Resources.Shared.SignUp</h2></div>
     <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-11 ad-details row">
                 <form asp-controller="Student" asp-action="CreateAdRequest">
                     <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                     <input type="hidden" asp-for="AdId" />
-                <div><h3>@TutorLizard.Web.Resources.Shared.SignUp</h3></div>
-                    <div class="form-group">
-                    <label asp-for="Message" class="control-label">@TutorLizard.Web.Resources.Shared.Message</label>
-                    <textarea asp-for="Message" class="form-control" placeholder="@TutorLizard.Web.Resources.Shared.Message"></textarea>
+                <div class="form-group">
+                        <label asp-for="Message" class="control-label">@TutorLizard.Web.Resources.Shared.Message</label>
+                        <textarea asp-for="Message" class="form-control" placeholder="@TutorLizard.Web.Resources.Shared.Message"></textarea>
                         <span asp-validation-for="Message" class="text-danger"></span>
                     </div>
                     <div class="form-group form-check my-2">
@@ -19,7 +19,7 @@
                         </label>
                     </div>
                     <div>
-                    <input type="submit" value="@TutorLizard.Web.Resources.Shared.SendRequest" class="btn btn-primary w-100" />
+                    <input type="submit" value="@TutorLizard.Web.Resources.Shared.SendRequest" class="btn w-100 btn-outline-dark" />
                     </div>
                 </form>
         </div>
@@ -30,4 +30,5 @@
     @{
         await Html.RenderPartialAsync("_ValidationScriptsPartial");
     }
-}
\ No newline at end of file
+}
+@* <div class="ad-details row ad-details-description"> *@
\ No newline at end of file
diff --git a/TutorLizard.Web/Views/Shared/Components/TutorsScheduleForAd/Default.cshtml b/TutorLizard.Web/Views/Shared/Components/TutorsScheduleForAd/Default.cshtml
index b01b0502..a34a824a 100644
--- a/TutorLizard.Web/Views/Shared/Components/TutorsScheduleForAd/Default.cshtml
+++ b/TutorLizard.Web/Views/Shared/Components/TutorsScheduleForAd/Default.cshtml
@@ -3,27 +3,25 @@
 @if(Model is not null)
 {
     <div>
-        <div><h3>Terminy</h3></div>
-        <div>
-            <ul class="list-group col-md-6 col-xl-3">
-                <li class="list-group-item"><a href="@Url.Action("CreateScheduleItem", "Tutor", new { id = Model.AdId })" class="btn btn-primary">@TutorLizard.Web.Resources.Shared.AddScheduleItem</a></li>
-            </ul>
+        <div class="row">
+                <h3 class ="title-2 col-sm-12 col-md-6">Terminy</h3>
+            <div class="mx-autolist-group col-sm-12 col-md-6 margin-top-small"><a href="@Url.Action("CreateScheduleItem", "Tutor", new { id = Model.AdId })" class="btn btn-details">@TutorLizard.Web.Resources.Shared.AddScheduleItem</a></div>
         </div>
         @foreach(var scheduleItem in Model.ScheduleItems)
         {
-            <div class="my-3 p-3 border border-2">
-                <div><h4>@scheduleItem.DateTime</h4></div>
-                <div class="row">
+            <div class="border-1 ad-list-item my-3">
+                <div class="title-2 mx-auto"><h4>@scheduleItem.DateTime</h4></div>
+                <div class="row align-items-center col-lg-10 mx-auto">
                     @if(scheduleItem.Requests.Count == 0)
                     {
-                        <h5>@TutorLizard.Web.Resources.Shared.NoRequests</h5>
+                        <div class="text-red"><h5>@TutorLizard.Web.Resources.Shared.NoRequests</h5></div>
                     }
                     else
                     {
-                        <h5>Zgłoszenia:</h5>
+                        <div class="text-green"><h5>Zgłoszenia:</h5></div>
                         @foreach (var request in scheduleItem.Requests)
                         {
-                            <div class="col-sm-3 border-1 p-3 m-2 border">
+                            <div class="border-1 user-container">
                                 <div><h6>@request.StudentName</h6></div>
                                 <div>@TutorLizard.Web.Resources.Shared.RequestDate : @request.DateCreated</div>
                                 <div>
diff --git a/TutorLizard.Web/Views/Shared/_AdListItem.cshtml b/TutorLizard.Web/Views/Shared/_AdListItem.cshtml
index 8b399dd7..0d0de1b6 100644
--- a/TutorLizard.Web/Views/Shared/_AdListItem.cshtml
+++ b/TutorLizard.Web/Views/Shared/_AdListItem.cshtml
@@ -1,36 +1,35 @@
 @model AdListItemDto
-
-<div class="card my-3">
+<div class="card my-3 ad-list-item h-100">
     <div class="card-body">
-        <h5 class="card-title">@Model.Title</h5>
+        <h5 class="card-title text-green text-center margin-bottom border-bottom">@Model.Title</h5>
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Category :</div>
-            <div class="col-6 col-sm-9">@Model.CategoryName</div>
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.Category:</div>
+            <div class="col-6 col-xl-7">@Model.CategoryName</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Subject :</div>
-            <div class="col-6 col-sm-9">@Model.Subject</div>
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.Subject:</div>
+            <div class="col-6 col-xl-7">@Model.Subject</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Localization:</div>
-            <div class="col-6 col-sm-9">@Model.Location</div>
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.Localization:</div>
+            <div class="col-6 col-xl-7">@Model.Location</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.PostedBy :</div>
-            <div class="col-6 col-sm-9">@Model.TutorName</div>
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.PostedBy:</div>
+            <div class="col-6 col-xl-7">@Model.TutorName</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Price :</div>
-            <div class="col-6 col-sm-9">@Html.DisplayFor(model => model.Price) zł/h</div>
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.Price:</div>
+            <div class="col-6 col-xl-7">@Html.DisplayFor(model => model.Price) zł/h</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.IsRemote</div>
-            <div class="col-6 col-sm-9">
+            <div class="col-6 col-xl-5 text-bold">@TutorLizard.Web.Resources.Shared.IsRemote:</div>
+            <div class="col-6 col-xl-7 text-bold">
                 @if(Model.IsRemote)
                 {
                     <span>@TutorLizard.Web.Resources.Shared.Yes</span>
@@ -48,10 +47,10 @@
             </div>
         </div>
 
-        <div class="row">
-            <div class="col">
-                <a asp-action="AdDetails" asp-controller="Browse" asp-route-id="@Model.Id" class="card-link">@TutorLizard.Web.Resources.Shared.AdDetails</a>
-            </div>
-        </div>
+            <footer>
+            <div class="text-end mt-2 button-container">
+                <a asp-action="AdDetails" asp-controller="Browse" asp-route-id="@Model.Id" class="btn btn-details">@TutorLizard.Web.Resources.Shared.AdDetails</a>
+                </div>
+            </footer>
     </div>
 </div>
diff --git a/TutorLizard.Web/Views/Shared/_AdRequests.cshtml b/TutorLizard.Web/Views/Shared/_AdRequests.cshtml
index b078b68e..403d85f3 100644
--- a/TutorLizard.Web/Views/Shared/_AdRequests.cshtml
+++ b/TutorLizard.Web/Views/Shared/_AdRequests.cshtml
@@ -1,51 +1,57 @@
 @model AdRequestsListDto
 
-<div class="card my-3">
+
+    <div class="card my-3 ad-list-item montserrat-lizardFont h-100">
     <div class="card-body">
-        <h5 class="card-title">@Model.AdId</h5>
+        <h5 class="card-title">@Model.AdTitle</h5>
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Advert :</div>
+            <div class="col-6 col-sm-3 text-bold">@TutorLizard.Web.Resources.Shared.Advert:</div>
             <div class="col-6 col-sm-9">@Model.AdId</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.RequestMessage :</div>
+            <div class="col-6 col-sm-3 text-bold">@TutorLizard.Web.Resources.Shared.RequestMessage:</div>
             <div class="col-6 col-sm-9">@Model.Message</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Reply :</div>
+            <div class="col-6 col-sm-3 text-bold">@TutorLizard.Web.Resources.Shared.Reply:</div>
             <div class="col-6 col-sm-9">@Model.ReplyMessage</div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.IsRemote :</div>
+            <div class="col-6 col-sm-3 text-bold">@TutorLizard.Web.Resources.Shared.IsRemote:</div>
             <div class="col-6 col-sm-9">
                 @if (Model.IsRemote)
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.Yes</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.Yes</span>
                 }
                 else
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.No</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.No</span>
                 }
             </div>
         </div>
 
         <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Acceptance :</div>
+            <div class="col-6 col-sm-3 text-bold">@TutorLizard.Web.Resources.Shared.Acceptance</div>
             <div class="col-6 col-sm-9">
                 @if (Model.IsAccepted)
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.TutorHasAcceptedRequest</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.TutorHasAcceptedRequest</span>
                 }
                 else
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.TutorHasRejectedRequest</span>
+                    <span class="text-red">@TutorLizard.Web.Resources.Shared.TutorHasRejectedRequest</span>
                 }
             </div>
-        </div>       
-
+        </div>
 
+        <footer>
+            <div class="text-end mt-2 button-container">
+                <a asp-action="AdDetails" asp-controller="Browse" asp-route-id="@Model.AdId" class="btn btn-details">@TutorLizard.Web.Resources.Shared.AdDetails</a>
+            </div>
+        </footer>
     </div>
 </div>
+
diff --git a/TutorLizard.Web/Views/Shared/_Layout.cshtml b/TutorLizard.Web/Views/Shared/_Layout.cshtml
index 1d71398b..cdbbd4e2 100644
--- a/TutorLizard.Web/Views/Shared/_Layout.cshtml
+++ b/TutorLizard.Web/Views/Shared/_Layout.cshtml
@@ -13,8 +13,13 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@ViewData["Title"] - TutorLizard.Web</title>
+    <title>@ViewData["Title"] - Tutor Lizard</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="~/css/tutorlizard.css" asp-append-version="true" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/TutorLizard.Web.styles.css" asp-append-version="true" />
@@ -22,66 +27,83 @@
 </head>
 <body>
     <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm sticky-top">
             <div class="container-fluid">
-                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">TutorLizard.Web</a>
+                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">
+                    <img src="~/images/logo-white.png" alt="Logo" class="logo" />
+                </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                         aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="navbar-collapse d-sm-inline-flex justify-content-between collapse">
                     <ul class="navbar-nav flex-grow-1">
-                        <div class="btn-group">
-                            <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                                @if (Thread.CurrentThread.CurrentCulture.ToString() == "pl")
-                                {
-                                    <span>Polski</span>
-                                }
-                                else
-                                {
-                                    <span>English</span>
-                                }
-                            </button>
-                            <ul class="dropdown-menu">
-                                <li><a class="dropdown-item" asp-controller="Home" asp-action="ChangeLanguage" asp-route-language="pl" asp-route-returnUrl="@Context.Request.Path">Polski</a></li>
-                                <li><a class="dropdown-item" asp-controller="Home" asp-action="ChangeLanguage" asp-route-language="en" asp-route-returnUrl="@Context.Request.Path">English</a></li>
-                            </ul>
+                        <div class="nav-item dropdown">
+                            <a class="nav-link dropbtn">Funkcje<i class="fa fa-caret-down"></i></a>
+                            <div class="dropdown-content">
+                                <a asp-controller="Tutor" asp-action="Index">Nauczyciel</a>
+                                <a asp-controller="Student" asp-action="Index">Uczeń</a>
+                                <a asp-controller="Browse" asp-action="Schedule">Kalendarz</a>
+                            </div>
                         </div>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">@TutorLizard.Web.Resources.Shared.HomeMenu</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Browse" asp-action="Ads">@TutorLizard.Web.Resources.Shared.Browse</a>
-                        </li>   
+
+                        <div class="nav-item">
+                            <a class="nav-link" asp-area="" asp-controller="Browse" asp-action="Ads">Przeglądaj</a>
+                        </div>
+                        <ul class="navbar-nav ms-auto">
+                            <div class="btn-group">
+
+
+                        <div class="nav-item dropdown">
+                                <a class="nav-link dropbtn">
+                                    @if (Thread.CurrentThread.CurrentCulture.ToString() == "pl")
+                                    {
+                                        <span>Polski</span>
+                                    }
+                                    else
+                                    {
+                                        <span>English</span>
+                                    }<i class="fa fa-caret-down"></i>
+                                </a>
+                            <div class="dropdown-content">
+                                    <a asp-controller="Home" asp-action="ChangeLanguage" asp-route-language="pl" asp-route-returnUrl="@Context.Request.Path">Polski</a>
+                                    <a asp-controller="Home" asp-action="ChangeLanguage" asp-route-language="en" asp-route-returnUrl="@Context.Request.Path">English</a>
+                            </div>
+                        </div>
+
+
                         @if (userName is null)
                         {
-                            <li class="nav-item">
-                                <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="Register">@TutorLizard.Web.Resources.Shared.RegisterMenu</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="Login">@TutorLizard.Web.Resources.Shared.LoginMenu</a>
-                            </li>
-                        } else
-                        {
-                            <li class="nav-item">
-                                <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="Logout">@TutorLizard.Web.Resources.Shared.LogoutMenu</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Data">@TutorLizard.Web.Resources.Shared.AdminPanelMenu</a>
-                            </li>
-                            <li>
-                                <span class="nav-link text-dark">@userName</span>
-                            </li>
+                            <div class="nav-item">
+                                <a class="nav-link" asp-area="" asp-controller="Account" asp-action="Register">@TutorLizard.Web.Resources.Shared.RegisterMenu</a>
+                            </div>
+                            <div class="nav-item">
+                                <a class="nav-link" asp-area="" asp-controller="Account" asp-action="Login">@TutorLizard.Web.Resources.Shared.LoginMenu</a>
+                            </div>
                         }
+                        else
+                        {
+                            <div class="nav-item">
+                                <a class="nav-link" asp-area="" asp-controller="Account" asp-action="Logout">@TutorLizard.Web.Resources.Shared.LogoutMenu</a>
+                            </div>
+                            
+                            <div class="nav-item">
+                                <span class="nav-link">@userName</span>
+                            </div>
 
+                            @* <li class="nav-item">
+                                <a class="nav-link" asp-area="" asp-controller="Home" asp-action="Data">@TutorLizard.Web.Resources.Shared.AdminPanelMenu</a>
+                            </li> *@
+                        }
+                        </ul>
                     </ul>
                 </div>
             </div>
         </nav>
     </header>
-    <div class="container">
+    <div class="container-fluid">
         <partial name="@PartialNames.UiMessages" />
-        <main role="main" class="pb-3">
+        <main role="main" class="pb-3 main-margin">
             @RenderBody()
         </main>
     </div>
@@ -96,5 +118,8 @@
     <script src="~/js/site.js" asp-append-version="true"></script>
     @await RenderSectionAsync("Scripts", required: false)
     <script src="~/_framework/blazor.web.js"></script>
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 </body>
 </html>
+
diff --git a/TutorLizard.Web/Views/Shared/_PendingAdRequestsListItem.cshtml b/TutorLizard.Web/Views/Shared/_PendingAdRequestsListItem.cshtml
index da8da6cf..8f0a3e8b 100644
--- a/TutorLizard.Web/Views/Shared/_PendingAdRequestsListItem.cshtml
+++ b/TutorLizard.Web/Views/Shared/_PendingAdRequestsListItem.cshtml
@@ -1,6 +1,6 @@
 @model AdRequestsListDto
 
-<div class="card my-3">
+<div class="card my-3 ad-list-item">
 
     <div class="card-body">
         <h5 class="card-title">@Model.AdId</h5>
diff --git a/TutorLizard.Web/Views/Shared/_TutorAllAdRequestsListItem.cshtml b/TutorLizard.Web/Views/Shared/_TutorAllAdRequestsListItem.cshtml
index 3393bc2a..081a9dfe 100644
--- a/TutorLizard.Web/Views/Shared/_TutorAllAdRequestsListItem.cshtml
+++ b/TutorLizard.Web/Views/Shared/_TutorAllAdRequestsListItem.cshtml
@@ -1,25 +1,13 @@
 @model AdRequestsListDto
 
-<div class="card my-3">
+<div class="card my-3 ad-list-item">
 
     <div class="card-body">
-        <h5 class="card-title">@Model.AdId</h5>
-        <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.Advert :</div>
-            <div class="col-6 col-sm-9">@Model.AdId</div>
-        </div>
+        <h5 class="card-title">@Model.AdSubject</h5>
         <div class="row">
             <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.AdvertTitle :</div>
             <div class="col-6 col-sm-9">@Model.AdTitle</div>
         </div>
-        <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.AdvertSubject :</div>
-            <div class="col-6 col-sm-9">@Model.AdSubject</div>
-        </div>
-        <div class="row">
-            <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.CategoryName :</div>
-            <div class="col-6 col-sm-9">@Model.CategoryName</div>
-        </div>
         <div class="row">
             <div class="col-6 col-sm-3">@TutorLizard.Web.Resources.Shared.StudentMessage :</div>
             <div class="col-6 col-sm-9">@Model.Message</div>
@@ -43,11 +31,11 @@
                 <div class="col-6 col-sm-9">
                     @if (Model.IsRemote)
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.Yes</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.Yes</span>
                 }
                 else
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.No</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.No</span>
                 }
             </div>
         </div>
@@ -56,11 +44,11 @@
             <div class="col-6 col-sm-9">
                 @if (Model.IsAccepted)
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
+                    <span class="text-green">@TutorLizard.Web.Resources.Shared.RequestAccepted</span>
                 }
                 else
                 {
-                    <span>@TutorLizard.Web.Resources.Shared.RequestRejected</span>
+                    <span class="text-red">@TutorLizard.Web.Resources.Shared.RequestRejected</span>
                 }
             </div>
         </div>
diff --git a/TutorLizard.Web/Views/Shared/_UiMessages.cshtml b/TutorLizard.Web/Views/Shared/_UiMessages.cshtml
index 1649a5cc..076a85db 100644
--- a/TutorLizard.Web/Views/Shared/_UiMessages.cshtml
+++ b/TutorLizard.Web/Views/Shared/_UiMessages.cshtml
@@ -1,10 +1,14 @@
 <div>
     @if (TempData.ContainsKey(MessageType.Success))
     {
+        <div class="message">
         <p class="alert alert-success">@TempData[MessageType.Success]</p>
+        </div>
     }
     @if (TempData.ContainsKey(MessageType.Failure))
     {
+        <div class="message">
         <p class="alert alert-danger">@TempData[MessageType.Failure]</p>
+        </div>
     }
 </div>
\ No newline at end of file
diff --git a/TutorLizard.Web/Views/Student/AcceptedAds.cshtml b/TutorLizard.Web/Views/Student/AcceptedAds.cshtml
index 3f7c0213..a0fed91b 100644
--- a/TutorLizard.Web/Views/Student/AcceptedAds.cshtml
+++ b/TutorLizard.Web/Views/Student/AcceptedAds.cshtml
@@ -4,9 +4,13 @@
     ViewData["Title"] = "AcceptedAds";
 }
 
-<h1>@TutorLizard.Web.Resources.Student.AcceptedAds</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Student.AcceptedAds</h1>
+<div class="row">
 @foreach(var ad in Model.Ads)
 {
-    <partial name="@PartialNames.AdListItem" model="ad" />
-}
+        <div class="col-12 col-md-6 flex-row flex-column my-3">
+            <partial name="@PartialNames.AdListItem" model="ad" />
+            </div>
+    }
+</div>
 
diff --git a/TutorLizard.Web/Views/Student/AdRequests.cshtml b/TutorLizard.Web/Views/Student/AdRequests.cshtml
index 33e6eb48..dcac2e84 100644
--- a/TutorLizard.Web/Views/Student/AdRequests.cshtml
+++ b/TutorLizard.Web/Views/Student/AdRequests.cshtml
@@ -4,8 +4,12 @@
     ViewData["Title"] = "AdRequests";
 }
     
-<h1>@TutorLizard.Web.Resources.Student.YourAdRequests</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Student.YourAdRequests</h1>
+<div class="row">
 @foreach(var adRequest in Model.AdRequests)
 {
-    <partial name="@PartialNames.AdRequest" model="adRequest" />
-}
+        <div class="col-12 col-md-6 flex-row flex-column my-2">
+            <partial name="@PartialNames.AdRequest" model="adRequest" />
+        </div>
+    }
+</div>
diff --git a/TutorLizard.Web/Views/Student/Index.cshtml b/TutorLizard.Web/Views/Student/Index.cshtml
index 08947ff8..45b4b560 100644
--- a/TutorLizard.Web/Views/Student/Index.cshtml
+++ b/TutorLizard.Web/Views/Student/Index.cshtml
@@ -1,12 +1,15 @@
 @using TutorLizard.Web.Resources
 @using TutorLizard.Web.ViewComponents
 
-<h1>@TutorLizard.Web.Resources.Student.StudentFunction</h1>
-
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-action="AdRequests">@TutorLizard.Web.Resources.Student.BrowseYourAdRequests</a></li>
-</ul>
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-action="AcceptedAds">@TutorLizard.Web.Resources.Student.BrowseAcceptedAdRequests</a></li>
-</ul>
+<h1 class="title">@TutorLizard.Web.Resources.Student.StudentFunction</h1>
+
+<div class="col-lg-5 mx-auto">
+    <div class="list-group">
+        <div class="btn"><a asp-action="AdRequests" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Student.BrowseYourAdRequests</a></div>
+    </div>
+
+    <div class="list-group">
+        <div class="btn"><a asp-action="AcceptedAds" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Student.BrowseAcceptedAdRequests</a></div>
+    </div>
+</div>
 
diff --git a/TutorLizard.Web/Views/Tutor/CreateAd.cshtml b/TutorLizard.Web/Views/Tutor/CreateAd.cshtml
index a199de38..3afc297b 100644
--- a/TutorLizard.Web/Views/Tutor/CreateAd.cshtml
+++ b/TutorLizard.Web/Views/Tutor/CreateAd.cshtml
@@ -5,66 +5,73 @@
     ViewData["Title"] = TutorLizard.Web.Resources.Tutor.AddAdvertisement;
 }
 
-<h1>@TutorLizard.Web.Resources.Tutor.NewAd</h1>
+<h1 class="title">Nowe ogłoszenie</h1>
 
 <hr />
-<div class="row">
-    <div class="col-md-4">
-        <form asp-action="CreateAd">
-            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
 
-            <div class="form-group">
-                <label asp-for="Title" class="control-label">@TutorLizard.Web.Resources.Tutor.Title</label>
-                <input asp-for="Title" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Title" />
-                <span asp-validation-for="Title" class="text-danger"></span>
-            </div>
+<form asp-action="CreateAd">
+    <div class="row ad-list-item montserrat-lizardFont mx-auto">
+    
+        <div class="col-md-6">
+        
+                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
 
-            <div class="form-group">
-                <label asp-for="CategoryId" class="control-label">@TutorLizard.Web.Resources.Tutor.CategoryId</label>
-                @if(ViewBag.Categories is not null)
-                {
-                    <select asp-for="CategoryId" asp-items="@ViewBag.Categories" class="form-select"></select>
-                }
-                <span asp-validation-for="CategoryId" class="text-danger"></span>
-            </div>
+                <div class="form-group">
+                    <label asp-for="Title" class="control-label">@TutorLizard.Web.Resources.Tutor.Title</label>
+                    <input asp-for="Title" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Title" />
+                    <span asp-validation-for="Title" class="text-danger"></span>
+                </div>
 
+                <div class="form-group">
+                    <label asp-for="CategoryId" class="control-label">@TutorLizard.Web.Resources.Tutor.CategoryId</label>
+                    @if(ViewBag.Categories is not null)
+                    {
+                        <select asp-for="CategoryId" asp-items="@ViewBag.Categories" class="form-select"></select>
+                    }
+                    <span asp-validation-for="CategoryId" class="text-danger"></span>
+                </div>
 
-            <div class="form-group">
-                <label asp-for="Subject" class="control-label">@TutorLizard.Web.Resources.Tutor.Subject</label>
-                <input asp-for="Subject" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Subject" />
-                <span asp-validation-for="Subject" class="text-danger"></span>
-            </div>
 
-            <div class="form-group">
-                <label asp-for="Location" class="control-label">@TutorLizard.Web.Resources.Tutor.Location</label>
-                <input asp-for="Location" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Location" />
-                <span asp-validation-for="Location" class="text-danger"></span>
-            </div>
+                <div class="form-group">
+                    <label asp-for="Subject" class="control-label">@TutorLizard.Web.Resources.Tutor.Subject</label>
+                    <input asp-for="Subject" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Subject" />
+                    <span asp-validation-for="Subject" class="text-danger"></span>
+                </div>
 
-            <div class="form-group">
-                <label asp-for="Price" class="control-label">@TutorLizard.Web.Resources.Tutor.Price</label>
-                <input type="number" min="0" max="10000" asp-for="Price" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Price" />
-                <span asp-validation-for="Price" class="text-danger"></span>
-            </div>
+                <div class="form-group">
+                    <label asp-for="Location" class="control-label">@TutorLizard.Web.Resources.Tutor.Location</label>
+                    <input asp-for="Location" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Location" />
+                    <span asp-validation-for="Location" class="text-danger"></span>
+                </div>
 
-            <div class="form-group form-check my-2">
-                <label class="form-check-label">
-                    <input class="form-check-input" asp-for="IsRemote" /> @TutorLizard.Web.Resources.Tutor.IsRemote
-                </label>
-            </div>
-            
+                <div class="form-group">
+                    <label asp-for="Price" class="control-label">@TutorLizard.Web.Resources.Tutor.Price</label>
+                    <input type="number" min="0" max="10000" asp-for="Price" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Price" />
+                    <span asp-validation-for="Price" class="text-danger"></span>
+                </div>
+
+                <div class="form-group form-check my-2">
+                    <label class="form-check-label">
+                        <input class="form-check-input" asp-for="IsRemote" /> @TutorLizard.Web.Resources.Tutor.IsRemote
+                    </label>
+                </div>
+        </div>
+        <div class="col-md-6">
             <div class="form-group">
-                <label asp-for="Description" class="control-label">@TutorLizard.Web.Resources.Tutor.Description</label>
-                <textarea asp-for="Description" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.Description"></textarea>
+                <label asp-for="Description" class="control-label"></label>
+                <textarea asp-for="Description" class="form-control" rows="12"></textarea>
                 <span asp-validation-for="Description" class="text-danger"></span>
             </div>
             
-            <div class="form-group my-3">
-                <input type="submit" value="@TutorLizard.Web.Resources.Tutor.AddAd" class="btn btn-primary w-100" />
-            </div>
-        </form>
+            
+        </div>
+        <div class="form-group my-3">
+            <input type="submit" value="Dodaj ogłoszenie" class="btn btn-outline-dark w-100" />
+        </div>
     </div>
-</div>
+</form>
+        
+
 
 @section Scripts {
     @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
diff --git a/TutorLizard.Web/Views/Tutor/CreateScheduleItem.cshtml b/TutorLizard.Web/Views/Tutor/CreateScheduleItem.cshtml
index 6730c703..abfb7571 100644
--- a/TutorLizard.Web/Views/Tutor/CreateScheduleItem.cshtml
+++ b/TutorLizard.Web/Views/Tutor/CreateScheduleItem.cshtml
@@ -5,11 +5,11 @@
     ViewData["Title"] = "Dodaj termin";
 }
 
-<h1>@TutorLizard.Web.Resources.Tutor.NewScheduleItem</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Tutor.NewScheduleItem</h1>
 
 <hr />
-<div class="row">
-    <div class="col-md-4">
+<div class="row ad-list-item mx-auto">
+    <div class="col-md-4 mx-auto">
         <form asp-action="CreateScheduleItem">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <input asp-for="AdId" class="form-control" type="hidden" placeholder="@TutorLizard.Web.Resources.Tutor.AdId" />
@@ -18,7 +18,7 @@
                 <input asp-for="DateTime" class="form-control" placeholder="@TutorLizard.Web.Resources.Tutor.DateTime" />
                 <span asp-validation-for="DateTime" class="text-danger"></span>
             </div>
-            <button type="submit" class="btn btn-primary">@TutorLizard.Web.Resources.Tutor.Confirm</button>
+            <button type="submit" class="btn w-100 btn-outline-dark">@TutorLizard.Web.Resources.Tutor.Confirm</button>
         </form>
     </div>
 </div>
diff --git a/TutorLizard.Web/Views/Tutor/Index.cshtml b/TutorLizard.Web/Views/Tutor/Index.cshtml
index 2a30fd5b..48d25772 100644
--- a/TutorLizard.Web/Views/Tutor/Index.cshtml
+++ b/TutorLizard.Web/Views/Tutor/Index.cshtml
@@ -1,19 +1,22 @@
 @using TutorLizard.Web.Resources
+<h1 class="title">@TutorLizard.Web.Resources.Tutor.TutorFunc</h1>
 
-<h1>@TutorLizard.Web.Resources.Tutor.TutorFunc</h1>
+<div class="col-lg-5 mx-auto">
 
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-action="CreateAd">@TutorLizard.Web.Resources.Tutor.AddAd</a></li>
-</ul>
+    <div class="list-group">
+        <div class="btn btn-list"><a asp-action="TutorsAdsList" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Tutor.TutorsAdsLists</a></div>
+    </div>
+
+    <div class="list-group">
+    <div class="btn"><a asp-action="CreateAd" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Tutor.AddAd</a></div>
+    </div>
+
+    <div class="list-group">
+        <div class="btn"><a asp-action="ViewPendingAdRequests" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Tutor.BrowsePendingAdRequests</a></div>
+        </div>
+
+    <div class="list-group">
+            <div class="btn"><a asp-action="ViewAllAdRequests" class="custom-link btn btn-light col-12">@TutorLizard.Web.Resources.Tutor.BrowsAllAdRequests</a></div>
+            </div>
+ </div>
 
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-action="CreateScheduleItem">@TutorLizard.Web.Resources.Tutor.AddScheduleItem</a></li>
-</ul>
-<li class="list-group-item"><a asp-action="ViewPendingAdRequests">@TutorLizard.Web.Resources.Tutor.BrowsePendingAdRequests</a></li>
-<li class="list-group-item"><a asp-action="ViewAllAdRequests">@TutorLizard.Web.Resources.Tutor.BrowsAllAdRequests</a></li>
-</ul>
-</ul>
-</ul>
-<ul class="list-group col-md-6 col-xl-3">
-    <li class="list-group-item"><a asp-action="TutorsAdsList">@TutorLizard.Web.Resources.Tutor.TutorsAdsLists</a></li>
-</ul>
\ No newline at end of file
diff --git a/TutorLizard.Web/Views/Tutor/TutorsAdsList.cshtml b/TutorLizard.Web/Views/Tutor/TutorsAdsList.cshtml
index cdfb7a78..dd6ffa94 100644
--- a/TutorLizard.Web/Views/Tutor/TutorsAdsList.cshtml
+++ b/TutorLizard.Web/Views/Tutor/TutorsAdsList.cshtml
@@ -4,8 +4,10 @@
     ViewData["Title"] = "AdsList";
 }
 
-<h1>@TutorLizard.Web.Resources.Tutor.AllAds</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Tutor.AllAds</h1>
+<div class="row">
 @foreach(var adListItem in Model.AdList)
 {
-    <partial name="@PartialNames.AdListItem" model="adListItem" />
-}
+    <div class="col-12 col-md-6 col-xl-4 flex-row flex-column"><partial name="@PartialNames.AdListItem" model="adListItem" /></div>
+    }
+</div>
diff --git a/TutorLizard.Web/Views/Tutor/ViewAllAdRequests.cshtml b/TutorLizard.Web/Views/Tutor/ViewAllAdRequests.cshtml
index c6342468..2bce86f7 100644
--- a/TutorLizard.Web/Views/Tutor/ViewAllAdRequests.cshtml
+++ b/TutorLizard.Web/Views/Tutor/ViewAllAdRequests.cshtml
@@ -5,8 +5,11 @@
     ViewData["Title"] = "ViewAdRequests";
 }
 
-<h1>@TutorLizard.Web.Resources.Tutor.AllAdRequests</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Tutor.AllAdRequests</h1>
+<div class="row">
 @foreach (var adrequest in Model.AdRequests)
 {
-    <partial name="@PartialNames.TutorAllAdRequestsListItem" model="adrequest" />
-}
+    <div class="col-12 col-md-6 flex-row flex-column"><partial name="@PartialNames.TutorAllAdRequestsListItem" model="adrequest" /></div>
+    }
+</div>
+
diff --git a/TutorLizard.Web/Views/Tutor/ViewPendingAdRequests.cshtml b/TutorLizard.Web/Views/Tutor/ViewPendingAdRequests.cshtml
index 97f6b238..143c520e 100644
--- a/TutorLizard.Web/Views/Tutor/ViewPendingAdRequests.cshtml
+++ b/TutorLizard.Web/Views/Tutor/ViewPendingAdRequests.cshtml
@@ -5,8 +5,12 @@
     ViewData["Title"] = "ViewPendingAdRequests";
 }
 
-<h1>@TutorLizard.Web.Resources.Tutor.AllPendingRequests</h1>
+<h1 class="title">@TutorLizard.Web.Resources.Tutor.AllPendingRequests</h1>
+<div class="row">
 @foreach (var adrequest in Model.AdRequests)
 {
-   <partial name="@PartialNames.PendingAdRequestsListItem" model="adrequest" />
-}
+        <div class="col-12 col-md-6 flex-row flex-column">
+            <partial name="@PartialNames.PendingAdRequestsListItem" model="adrequest" />
+            </div>
+    }
+</div>
diff --git a/TutorLizard.Web/wwwroot/css/tutorlizard.css b/TutorLizard.Web/wwwroot/css/tutorlizard.css
new file mode 100644
index 00000000..7a9e680d
--- /dev/null
+++ b/TutorLizard.Web/wwwroot/css/tutorlizard.css
@@ -0,0 +1,463 @@
+/* tutorlizard.css */
+
+body {
+    padding-top: 60px;
+}
+
+.banner {
+    background-color: #9DB88C;
+    display: flex;
+    justify-content: center;
+    max-width: 100%;
+    height: auto;
+    
+}
+
+.banner-container {
+    margin-top: 141px;
+    max-width: 100%;
+    height: 300px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 100px;
+    transition: filter 0.3s ease;
+    border-top: 200px solid #9db88c;
+}
+
+.title {
+    font-family: "Montserrat", sans-serif;
+    font-weight: 500;
+    font-size: 2rem;
+    color: #2d4739;
+    margin-bottom: 20px;
+    margin-top: 20px;
+    text-align: center;
+    border-bottom: 1px solid #b0b0b0;
+    padding-top: 1rem;
+}
+
+.title-2 {
+    font-family: "Montserrat", sans-serif;
+    font-weight: 500;
+    font-size: 2rem;
+    color: #2d4739;
+    margin-bottom: 20px;
+    margin-top: 20px;
+}
+
+.title-3 {
+    font-family: "Montserrat", sans-serif;
+    font-weight: 500;
+    font-size: 24px;
+    color: #2d4739;
+    margin-bottom: 20px;
+    margin-top: 5px;
+}
+
+.text-red {
+    font-family: "Montserrat", sans-serif;
+    font-weight: bold;
+    color: #b01e31;
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+
+.text-green {
+    font-family: "Montserrat", sans-serif;
+    font-weight: bold;
+    color: #1b8c3b;
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+
+.text-bold {
+    font-weight: bold;
+}
+
+.btn-light {
+    background-color: #ededed;
+}
+.btn-light:hover {
+    background-color: #9db88c;
+    color: #ffffff;
+}
+
+.btn-details {
+    background-color: #9db88c;
+    font-weight: bold;
+}
+
+    .btn-details:hover {
+        background-color: #2b4027;
+        color: #ffffff;
+    }
+
+.btn-outline-dark {
+    color: #ffffff;
+    border-color: #ffffff;
+    background-color: #2b4027;
+}
+    .btn-outline-dark:hover {
+        background-color: #9db88c;
+        color: #ffffff;
+    }
+
+.btn-dark {
+    background-color: #2b4027;
+    color: #ffffff;
+}
+
+    .btn-dark:hover {
+        background-color: #9db88c;
+        color: #000000;
+    }
+
+.message {
+    padding-top: 30px;
+}
+
+.user-container {
+    padding: 10px;
+    background-color: #f9f9f9;
+    border: 1px solid #dddddd;
+    border-radius: 0px;
+}
+
+.user-container-light {
+    margin-top: 10px;
+    padding: 10px;
+    background-color: #ffffff;
+    border: 1px solid #dddddd;
+    border-radius: 0px;
+}
+
+/*.ad-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;*/
+}
+
+.login-grid {
+    display: flex;
+    gap: 20px;
+}
+
+.work-sans-lizardfont {
+    font-family: "Work Sans", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 500;
+    font-style: normal;
+}
+
+
+.montserrat-lizardfont {
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 500;
+    font-style: normal;
+}
+
+.custom-link {
+    color: #2b4027;
+    font-family: "Montserrat", sans-serif;
+    font-weight: bold;
+    text-decoration: none;
+}
+    .custom-link:hover {
+        color: #2b4027;
+    }
+
+.custom-padding {
+    padding: 5px;
+}
+
+.margin-bottom {
+    margin-bottom: 35px;
+}
+
+.border-bottom {
+    border-bottom: 1px solid #b0b0b0;
+}
+
+.border-top {
+    border-top: 1px solid #b0b0b0;
+}
+
+.margin-top {
+    margin-top: 200px;
+}
+
+.margin-top-small {
+    margin-top: 20px;
+}
+
+
+/* Navbar styles */
+.navbar {
+    background-color: #2b4027;
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+
+.navbar-brand {
+    display: flex;
+    align-items: center;
+}
+
+    .navbar-brand .logo {
+        height: 40px;
+        margin-right: 10px;
+    }
+
+.nav-link {
+    color: #ffffff !important;
+}
+
+    .nav-link:hover {
+        color: #9db88c !important;
+    }
+
+.navbar .form-control {
+    border-radius: 0;
+}
+
+.navbar .btn-outline-light {
+    color: white;
+    border-color: white;
+}
+
+    .navbar .btn-outline-light:hover {
+        color: #000000;
+        background-color: #9db88c;
+        border-color: #000000;
+    }
+
+.dropdown {
+    display: inline-block;
+}
+
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+    .dropdown-content a {
+        color: black;
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+        text-align: left;
+    }
+
+        .dropdown-content a:hover {
+            background-color: #f1f1f1;
+        }
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+
+/* BrowseAds style */
+.ad-list-item {
+    border-radius: 0px;
+    border: 1px solid #d1d1d1;
+    background-color: #ededed;
+    padding: 20px;
+    font-family: "Montserrat", sans-serif;
+    font-weight: 400;
+}
+
+.search-container {
+    border-bottom: 3px solid;
+    border-color: #9db88c;
+    background-color: #ffffff;
+    padding: 20px;
+    font-family: "Montserrat", sans-serif;
+    font-weight: 400;
+    color: black;
+}
+
+.ad-row-height {
+    flex-wrap: wrap;
+    height: 100%;
+}
+
+.button-container {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+}
+
+
+/* AdDetails styles */
+
+.table {
+    margin-top: 20px;
+}
+
+.thead-dark {
+    background-color: #2d4739;
+    color: #ffffff;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgba(45, 71, 57, 0.1);
+}
+
+.category-name {
+    font-weight: 400;
+    color: #3eed8f;
+}
+
+
+.ad-details {
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 5px;
+}
+
+.ad-details-row {
+    margin-bottom: 10px;
+}
+
+.ad-details-label {
+    font-weight: 400;
+    color: #2d4739;
+}
+
+.ad-details-value {
+    color: #333333;
+}
+
+.ad-details-description {
+    margin-top: 20px;
+    padding: 10px;
+    background-color: #f9f9f9;
+    border: 1px solid #dddddd;
+    border-radius: 5px;
+}
+
+/* Schedule styles */
+
+.schedule-container {
+    margin-top: 20px;
+}
+
+.schedule-subtitle {
+    font-family: "Montserrat", sans-serif;
+    font-size: 1.5rem;
+    color: #2d4739;
+    margin-bottom: 15px;
+}
+
+.schedule-empty {
+    font-family: "Montserrat", sans-serif;
+    font-size: 1rem;
+    color: #555555;
+    text-align: center;
+}
+
+.schedule-item {
+    background-color: #f9f9f9;
+    border-radius: 10px;
+}
+
+.schedule-item-title {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #2d4739;
+    margin-bottom: 10px;
+}
+
+.schedule-item-datetime {
+    font-size: 1.1rem;
+    color: #333333;
+    margin-bottom: 5px;
+}
+
+.schedule-item-tutor, .schedule-item-requests, .schedule-item-accepted-student {
+    font-size: 1rem;
+    color: #555555;
+}
+
+.schedule-item-status {
+    margin-top: 10px;
+}
+
+.status-accepted {
+    color: #2e7320;
+    font-weight: bold;
+}
+
+.status-pending {
+    color: #d4a017;
+    font-weight: bold;
+}
+
+.status-rejected {
+    color: #d01717;
+    font-weight: bold;
+}
+
+/* AvailableScheduleForAd styles */
+
+.schedule-container {
+    margin-top: 20px;
+    color: #2e7320;
+}
+
+.schedule-item {
+    background-color: #f9f9f9;
+    border-radius: 10px;
+}
+
+.schedule-item-datetime {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 10px;
+}
+
+.schedule-item-status {
+    font-size: 1rem;
+    color: #555555;
+    margin-bottom: 10px;
+}
+
+.status-accepted {
+    color: #2e7320;
+    font-weight: bold;
+}
+
+.status-pending {
+    color: #d4a017;
+    font-weight: bold;
+}
+
+.status-rejected {
+    color: #d01717;
+    font-weight: bold;
+}
+
+.form-group .form-check-label {
+    font-size: 0.9rem;
+}
+
+.btn-danger {
+    background-color: #d01717;
+    border-color: #d01717;
+}
+
+    .btn-danger:hover {
+        background-color: #a91414;
+        border-color: #a91414;
+    }
+
diff --git a/TutorLizard.Web/wwwroot/images/banner.png b/TutorLizard.Web/wwwroot/images/banner.png
new file mode 100644
index 00000000..1dcfc434
Binary files /dev/null and b/TutorLizard.Web/wwwroot/images/banner.png differ
diff --git a/TutorLizard.Web/wwwroot/images/logo-white-green.png b/TutorLizard.Web/wwwroot/images/logo-white-green.png
new file mode 100644
index 00000000..5f499f2a
Binary files /dev/null and b/TutorLizard.Web/wwwroot/images/logo-white-green.png differ
diff --git a/TutorLizard.Web/wwwroot/images/logo-white.png b/TutorLizard.Web/wwwroot/images/logo-white.png
new file mode 100644
index 00000000..45053bf4
Binary files /dev/null and b/TutorLizard.Web/wwwroot/images/logo-white.png differ
diff --git a/TutorLizard.Web/wwwroot/images/logo.png b/TutorLizard.Web/wwwroot/images/logo.png
new file mode 100644
index 00000000..f86ebd63
Binary files /dev/null and b/TutorLizard.Web/wwwroot/images/logo.png differ