diff --git a/_data/navbar.yml b/_data/navbar.yml
index b8b0706..bb0aa27 100644
--- a/_data/navbar.yml
+++ b/_data/navbar.yml
@@ -1,9 +1,9 @@
-- title: Hlavní stránka
-  url: /
 - title: Aktuality
   url: /news
 - title: Akce
   url: /events
+- title: Přidej se
+  url: /pridejse
 - title: Dokumenty
   url: /documents
 - title: Pro firmy
diff --git a/_includes/nav.html b/_includes/nav.html
index 79122c9..bf5eca4 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,8 +1,11 @@
 <div class="hello__nav__wrapper">     
-   <a href="/"> <img class="hello__nav__logo" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
+   <a href="/"> <img class="hello__nav__logo__phone" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
     <nav class="hello__nav">
+        <a class="{% if page.title == "Hlavní stránka" %} hello__nav__item__selected {% endif %}" href="/"> <img class="hello__nav__logo" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
+        <span class="hello__nav__logo__filler"></span>
         {% for link in site.data.navbar %}
-        <a href={{link.url}} class="hello__nav__item   {% if page.title == link.title %} hello__nav__item__selected {% endif %} ">{{ link.title }}</a>
+        <a href={{link.url}} class="hello__nav__item {% if page.title == link.title %} hello__nav__item__selected {% endif %} ">{{ link.title }}</a>
+        <span class="hello__nav__logo__filler"></span>
         {% endfor %}
     </nav>
     <div class="hello__nav__burger hamburger" id="hamburger" onclick="toggleMenu()">
diff --git a/assets/css/app.css b/assets/css/app.css
index 293e1cc..3cae373 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -813,11 +813,28 @@ section {
 
 .hello__nav__logo {
   margin: 0.5rem;
+  display: none;
   height: 2.5rem;
 }
 
 @media (min-width: 768px) {
   .hello__nav__logo {
+    display: flex;
+  }
+}
+
+.hello__nav__logo__filler {
+  flex-grow: 1;
+  max-width: 40vw;
+}
+
+.hello__nav__logo__phone {
+  margin: 0.5rem;
+  height: 2.5rem;
+}
+
+@media (min-width: 768px) {
+  .hello__nav__logo__phone {
     display: none;
   }
 }
@@ -1550,18 +1567,12 @@ section.post {
   outline-color: transparent;
 }
 
-.post article a:link {
-  color: #aa83e0;
-}
-
-.post article a:visited {
-  color: #120682;
-}
-
+.post article a:link,
+.post article a:visited,
 .post article a:hover,
 .post article a:focus,
 .post article a:active {
-  color: #7e3add;
+  color: var(--blue);
 }
 
 .post article  img {
@@ -1746,6 +1757,19 @@ section.post {
   margin-bottom: 1rem
 }
 
+.page a {
+  text-decoration: underline;
+  outline-color: transparent;
+}
+
+.page a:link,
+.page a:visited,
+.page a:hover,
+.page a:focus,
+.page a:active {
+    color: var(--blue);
+}
+
 .page h1 {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1782,6 +1806,28 @@ section.post {
   font-weight: 700;
 }
 
+.page ul, .page ol {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  margin-left: 1.5rem;
+  text-wrap: wrap;
+  text-align: center;
+}
+
+.page ul li, .page ol li {
+  padding-bottom: 0.5rem;
+}
+
+.page ul li {
+  list-style-type: disc;
+  text-align: left;
+}
+
+.page ol li {
+  list-style-type: decimal;
+  text-align: left;
+}
+
 .footer_flex{
   flex:1;
 }
diff --git a/assets/css/input.css b/assets/css/input.css
index af13a93..62ff479 100644
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -123,7 +123,7 @@ section {
 }
 
 .hello__nav {
-    @apply hidden m-auto md:flex justify-evenly align-top w-10/12 max-w-6xl h-full text-2xl font-extrabold;
+    @apply hidden m-auto md:flex justify-evenly align-top h-full text-2xl font-extrabold;
 }
 
 .hello__nav__phone {
@@ -172,7 +172,7 @@ section {
 }
 
 .hello__nav__item__selected {
-    @apply  relative text-primary-yellow hover:text-primary-yellow cursor-default;
+    @apply relative text-primary-yellow hover:text-primary-yellow cursor-default;
 }
 
 .hello__nav__phone .hello__nav__item, .hello__nav__phone .hello__nav__item__yellow {
@@ -180,7 +180,16 @@ section {
 }
 
 .hello__nav__logo {
-    @apply md:hidden h-10 m-2;   
+    @apply hidden md:flex h-10 m-2;
+}
+
+.hello__nav__logo__filler {
+    @apply grow;
+    max-width: 40vw;
+}
+
+.hello__nav__logo__phone {
+    @apply md:hidden h-10 m-2;
 }
 
 .hello__nav__burger {
@@ -605,22 +614,17 @@ section.post {
 
 .post article a {
     text-decoration: underline;
-  outline-color: transparent;
-}
-
-.post article a:link {
-  color: #aa83e0;
-}
-
-.post article a:visited {
-  color: #120682;
+    outline-color: transparent;
 }
 
+.post article a:link,
+.post article a:visited,
 .post article a:hover,
 .post article a:focus,
 .post article a:active {
-    color: #7e3add;
+    color: var(--blue);
 }
+
 .post article  img {
     @apply  mx-auto mt-4 mb-2;
 }
@@ -705,6 +709,20 @@ section.post {
     margin-bottom: 1rem
 }
 
+
+.page a {
+    text-decoration: underline;
+    outline-color: transparent;
+}
+
+.page a:link,
+.page a:visited,
+.page a:hover,
+.page a:focus,
+.page a:active {
+    color: var(--blue);
+}
+
 .page h1 {
     @apply text-4xl font-bold;
 }
@@ -729,6 +747,23 @@ section.post {
     @apply text-lg font-bold;
 }
 
+
+.page ul, .page ol {
+    @apply text-center text-wrap mt-4 mb-2 ml-6;
+}
+
+.page ul li, .page ol li {
+    @apply pb-2;
+}
+
+.page ul li {
+    @apply list-disc text-left;
+}
+
+.page ol li {
+    @apply list-decimal text-left;
+}
+
 .footer_flex{
     flex:1;
 }
diff --git a/pages/pridejse.md b/pages/pridejse.md
new file mode 100644
index 0000000..cce4fa1
--- /dev/null
+++ b/pages/pridejse.md
@@ -0,0 +1,50 @@
+---
+layout: page
+title: Přidej se
+permalink: /pridejse
+---
+
+# Přidej se k nám!
+
+Studuješ na Fakultě informačních technologií a chceš poznat aktivní FIŤáky nebo jenom najít odreagování od Progtestu? 
+
+Tak jsi tady správně!
+
+Jsme klub FIT++, který působí na Fakultě informačních technologií ČVUT. Pořádáme akce jako [Hello FIT](https://klubfitpp.cz/hellofit), FIT párty, deskovky na fakultě, FITripy, LAN párty a spoustu další edukačních nebo zábavných eventů, na kterých se můžeš nejenom dozvědět knowledge nad rámec předmětů ve škole, ale hlavně poznat spoustu aktivních lidí z fakulty.
+
+### Proč bych se měl\*a přidat?
+
+- Rozšíříš si kontakty, poznáš nové kamarády nejenom z FIT, ale i z dalších fakult nebo studentských spolků
+- Dostaneš přednostní možnost zapojit se do pomoci fakultě na eventech jako COFIT, DOD,.., které jsou zaplacené
+- Na edukačních eventech si můžeš rozšířit obzory mimo hranice předmětů
+- Můžeš si vyzkoušet organizaci eventu - softskill, který se fakt hodí
+- Aktivita ve studentském spolku je ceněná v CVčku
+- Jako dobrovolník dostaneš **zdarma klubové tričko**
+- Odneseš si dobrý pocit, že jsi udělal něco dobrého pro FIŤáckou komunitu
+
+### Jak se můžu zapojit?
+
+- Přijď na jakoukoliv akci, kterou najdeš [tady v kalendáři](/events)
+- Sleduj channel [help-needed](https://discord.com/channels/808276641603649607/1288795322524635176) na Discordu a zapoj se do projektu, který hledá dobrovolníky nebo pracovníky
+- Napiš na Discord, že máš nápad, a my ti ho pomůžeme zrealizovat
+- Přijď na zasedání Představenstva a společně něco vymyslíme
+- Kandiduj do Představenstva a buď nositelem myšlenky
+
+### Co tam v tom klubu vlastně děláte?
+
+- Plánujeme eventy - zařizujeme prostory, hledáme finance, sháníme dobrovolníky
+- Vytváříme grafické materiály
+- Komunikujeme s fakultou a sponzory
+- Publikujeme na sociální sítě
+- Vyvíjíme vlastní web, databázi členů, staráme se o FIT++ Discord
+- Snažíme se o well-being studentů fakulty, pomáháme prvákům s nástupem na univerzitu
+
+### Jak se můžu oficiálně stát členem/členkou?
+
+- Připoj se na FIT++ discord a nastav si jako přezdívku na serveru svoje jméno
+- Podepiš přihlášku do klubu - přijď na akci FIT++ a tam někoho oslov, nebo napiš někomu z Představenstva, ideálně HR, (odkaz na profily) a domluv se na podepsání smlouvy.
+
+
+  <article class="refs__links">
+      <a class="refs__button" style="text-decoration: none" href="https://discord.gg/2Bh93cXGJ3">Připoj se na FIT++ Discord</a>
+  </article>