diff --git a/CropSQL/Layout/MainLayout.razor b/CropSQL/Layout/MainLayout.razor
index 72436ba..fe8f4c2 100644
--- a/CropSQL/Layout/MainLayout.razor
+++ b/CropSQL/Layout/MainLayout.razor
@@ -1,12 +1,7 @@
 @inherits LayoutComponentBase
 <div class="page">
-
     <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
-        </div>
-
-        <article class="content px-4">
+        <article class="content">
             @Body
         </article>
     </main>
diff --git a/CropSQL/Layout/NavMenu.razor b/CropSQL/Layout/NavMenu.razor
index b5a8f97..ed1758f 100644
--- a/CropSQL/Layout/NavMenu.razor
+++ b/CropSQL/Layout/NavMenu.razor
@@ -16,16 +16,6 @@
                 <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
             </NavLink>
         </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="weather">
-                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
-            </NavLink>
-        </div>
     </nav>
 </div>
 
diff --git a/CropSQL/Pages/Components/Header.razor b/CropSQL/Pages/Components/Header.razor
new file mode 100644
index 0000000..a7dd40a
--- /dev/null
+++ b/CropSQL/Pages/Components/Header.razor
@@ -0,0 +1,4 @@
+<div class="header-1">
+    <p class="github"><a href="https://github.com/Oia20/CropSQL">Github</a></p>
+    <img src="Crop__2_-removebg-preview.png" class="carrot-img" alt="CropSQL logo"/>
+</div>
\ No newline at end of file
diff --git a/CropSQL/Pages/Components/Header.razor.css b/CropSQL/Pages/Components/Header.razor.css
new file mode 100644
index 0000000..b222085
--- /dev/null
+++ b/CropSQL/Pages/Components/Header.razor.css
@@ -0,0 +1,30 @@
+.header-1 {
+    position: relative; /* Make the container a positioned parent */
+    width: 100%;
+    height: 75px;
+    background-image: linear-gradient(140deg, #5e8d61,#5e8d61 );
+    border-bottom: 1px solid;
+    border-color: #302910;
+}
+
+
+.carrot-img {
+    height:100px;
+    width: 150px;
+    overflow: hidden;
+    margin-left: 10px;
+    margin-bottom: 20px;
+}
+
+.github {
+    position: absolute; /* Position the element absolutely */
+    top: 50%; /* Move the element 50% down from the top of the container */
+    right: 0; /* Align the element to the right */
+    transform: translateY(-20%); /* Adjust for the height of the element */
+    margin-right: 25px;
+    font-size: 1.5em;
+}
+
+a {
+    color:darkgreen;
+}
\ No newline at end of file
diff --git a/CropSQL/Pages/Home.razor b/CropSQL/Pages/Components/Home.razor
similarity index 92%
rename from CropSQL/Pages/Home.razor
rename to CropSQL/Pages/Components/Home.razor
index 282028d..a47d963 100644
--- a/CropSQL/Pages/Home.razor
+++ b/CropSQL/Pages/Components/Home.razor
@@ -3,6 +3,7 @@
 
 <PageTitle>Home</PageTitle>
 <WelcomeModal />
+<Header />
 
 <h1>Hello, world!</h1>
 <p>   
diff --git a/CropSQL/Pages/Counter.razor b/CropSQL/Pages/Counter.razor
deleted file mode 100644
index 8a9c8ae..0000000
--- a/CropSQL/Pages/Counter.razor
+++ /dev/null
@@ -1,12 +0,0 @@
-@page "/counter"
-
-<h1>Welcome dude!</h1>
-<p>The counter value is @currentCount</p>
-<button class="btn btn-primary" @onclick=IncrementCounter>Increment counter</button>
-@code {
-    private int currentCount = 42;
-
-    private void IncrementCounter() {
-        currentCount++;
-    }
-}
\ No newline at end of file
diff --git a/CropSQL/Pages/Weather.razor b/CropSQL/Pages/Weather.razor
deleted file mode 100644
index 8a083fc..0000000
--- a/CropSQL/Pages/Weather.razor
+++ /dev/null
@@ -1,57 +0,0 @@
-@page "/weather"
-@inject HttpClient Http
-
-<PageTitle>Weather</PageTitle>
-
-<h1>Weather</h1>
-
-<p>This component demonstrates fetching data from the server.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th>Temp. (C)</th>
-                <th>Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
-    }
-
-    public class WeatherForecast
-    {
-        public DateOnly Date { get; set; }
-
-        public int TemperatureC { get; set; }
-
-        public string? Summary { get; set; }
-
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-    }
-}
diff --git a/CropSQL/wwwroot/Cri.png b/CropSQL/wwwroot/Cri.png
new file mode 100644
index 0000000..963d2d4
Binary files /dev/null and b/CropSQL/wwwroot/Cri.png differ
diff --git a/CropSQL/wwwroot/Crop (1).png b/CropSQL/wwwroot/Crop (1).png
new file mode 100644
index 0000000..6bf85d3
Binary files /dev/null and b/CropSQL/wwwroot/Crop (1).png differ
diff --git a/CropSQL/wwwroot/Crop.png b/CropSQL/wwwroot/Crop.png
new file mode 100644
index 0000000..f16e1c5
Binary files /dev/null and b/CropSQL/wwwroot/Crop.png differ
diff --git a/CropSQL/wwwroot/Crop__2_-removebg-preview.png b/CropSQL/wwwroot/Crop__2_-removebg-preview.png
new file mode 100644
index 0000000..9ff1d5f
Binary files /dev/null and b/CropSQL/wwwroot/Crop__2_-removebg-preview.png differ
diff --git a/CropSQL/wwwroot/css/app.css b/CropSQL/wwwroot/css/app.css
index 861bc24..8df9d52 100644
--- a/CropSQL/wwwroot/css/app.css
+++ b/CropSQL/wwwroot/css/app.css
@@ -2,7 +2,8 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    height: 100vh
+    height: 100vh;
+    background-color: #a2b780;
 }
 
 h1:focus {
@@ -23,9 +24,9 @@ a, .btn-link {
   box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
 }
 
-.content {
+/* .content {
     padding-top: 1.1rem;
-}
+} */
 
 .valid.modified:not([type=checkbox]) {
     outline: 1px solid #26b050;
diff --git a/README.md b/README.md
index 227e354..7888ac6 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ Matrix: #b0545a
 
 
 
-1. Hello welcome to CropSQL, in this game you will use SQL commands and queries to build and manage your farm.
+1. Hello welcome to CropSQL, in this game you will learn and use SQL commands and queries to build and manage your farm.
 
 2. Let's start by creating your farm with "CREATE DATABASE" followed by the name of your farm. ex: CREATE DATABASE myFarm; don't forget the semi-colon, this is how sql knows where your command ends.