diff --git a/assets/css/new.css b/assets/css/new.css
index 586a693..2a5fac2 100644
--- a/assets/css/new.css
+++ b/assets/css/new.css
@@ -1,6 +1,7 @@
 :root {
 	--nc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	--nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
+	--nc-tx-white: #FFFFFF;
 
 	/* Light theme */
 	--nc-tx-1: #000000;
@@ -202,6 +203,24 @@ header {
 
 	padding-left: calc(50vw - 50%);
 	padding-right: calc(50vw - 50%);
+	background-image: url("/assets/imgs/adblock.webp");
+	background-size: cover;
+	min-height: 500px;
+	background-position: center;
+	display: flex;
+    flex-direction: column;
+    align-items: center;
+	position: relative;
+	z-index: 0;
+}
+
+header .overlay {
+	background-color: rgba(0,0,0,0.8);
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
 header h1,
@@ -220,6 +239,46 @@ header > *:last-child {
 	margin-bottom: 0;
 }
 
+header nav {
+	z-index: 1;
+	font-size: 1.4rem;
+	text-decoration: none;
+	color: var(--nc-tx-white);
+}
+
+
+header nav a {
+	text-decoration: none;
+	color: var(--nc-tx-white);
+	text-transform: uppercase;
+	letter-spacing: 5px;
+	font-weight: 600;
+	padding: 0 10px
+}
+
+@media screen and (max-width: 768px)  {
+	header nav a {
+		font-size: 1rem;
+		letter-spacing: 2px;
+		padding: 0;
+	}
+}
+header nav a:hover {
+	text-decoration: underline;
+	color: var(--nc-tx-white);
+	opacity: 0.9;
+}
+
+header .headline-wrap {
+	text-align: center;
+	margin: auto;
+	z-index: 1;
+}
+
+header .headline-wrap h1 {
+	color: var(--nc-tx-white);
+}
+
 a button,
 button,
 input[type="submit"],
diff --git a/assets/imgs/adblock.webp b/assets/imgs/adblock.webp
new file mode 100644
index 0000000..e63a896
Binary files /dev/null and b/assets/imgs/adblock.webp differ
diff --git a/index.html b/index.html
index be2e50d..1f7b446 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,23 @@
 <!doctype html>
 <html>
 	<head>
+		<meta name="viewport" content="width=device-width,initial-scale=1" />
 		<link rel="stylesheet" href="./assets/css/new.css">
 		<title>STOP REKLAMAMA</title>
 	</head>
 	<body>
 		<div class="content">
 			<header>
+				<div class="overlay"></div>
 				<nav>
-					<h1>STOP REKLAMAMA</h1>
-					<a href="#">Servisi bez reklama</a> /
-					<a href="#">Mreze bez reklama</a> 
+					<a href="#adless-servises">Servisi</a> |
+					<a href="#adless-social-networks">Mreze</a> |
+					<a href="#browser-extensions">Extenzije</a> |
+					<a href="#rest">Rest</a>
 				</nav>
+				<div class="headline-wrap">
+					<h1>STOP REKLAMAMA</h1>
+				</div>
 			</header>
 			<main>
 				<h2 title="su sranje">REKLAME</h2>
@@ -49,7 +55,7 @@
 					<li><a href="#"></a></li>-->
 				</ul>
 
-				<h2>DRUSTVENE MREZE BEZ REKLAMA</h2>
+				<h2 id="adless-social-networks">DRUSTVENE MREZE BEZ REKLAMA</h2>
 				<p> Sve navedene mreze rade medjusobno povezano</p>
 				<ul>
 					<li><a href="https://balkan.fedive.rs/">Mastodon - Twitter federisana mreza bez reklama</a></li>
@@ -64,6 +70,20 @@
 					<li><a href="#"></a></li>
 					<li><a href="#"></a></li> -->
 				</ul>
+
+				<h2 id="browser-extensions">Browser extenzije</h2>
+				<ul>
+					<li><a href="https://github.com/gorhill/uBlock">uBlock Origin - AdBlocker alternativa</a></li>
+					<li><a href="https://libredirect.github.io/">Libredirect - Automatska redirekcija na alternativne sajtove</a></li>
+				</ul>
+
+				<h2 id="rest">Ostalo</h2>
+				<ul>
+					<li><a href="#">DNS66</a></li>
+					<li><a href="#">Freetube</a></li>
+					<li><a href="#">NewPipe</a></li>
+					<li><a href="#">PiHole</a></li>
+				</ul>
 			</main>
 		</div>
 	</body>
