diff --git a/frontend/css/_general.css b/frontend/css/_general.css
new file mode 100644
index 0000000..dad5870
--- /dev/null
+++ b/frontend/css/_general.css
@@ -0,0 +1,28 @@
+*{
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+}
+
+body {
+	font-family: OpenSans;
+	padding: 0 0.5rem;
+}
+
+.flex {
+	display: flex;
+}
+
+.f-row {
+	display: flex;
+	flex-direction: row;
+}
+
+.f-col {
+	display: flex;
+	flex-direction: column;
+}
+
+footer {
+	display: none;
+}
diff --git a/frontend/css/_variables.css b/frontend/css/_variables.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/css/home.css b/frontend/css/home.css
index e69de29..8abc90a 100644
--- a/frontend/css/home.css
+++ b/frontend/css/home.css
@@ -0,0 +1,3 @@
+.main-wrapper h1 {
+	text-align: center;
+}
diff --git a/frontend/css/nav.css b/frontend/css/nav.css
new file mode 100644
index 0000000..2933369
--- /dev/null
+++ b/frontend/css/nav.css
@@ -0,0 +1,8 @@
+.nav-wrapper {
+	justify-content: space-between;
+	padding: 1rem 0.5rem;
+}
+
+a {
+	color: black;
+}
diff --git a/frontend/img/tabornici_logo.png b/frontend/img/tabornici_logo.png
new file mode 100644
index 0000000..2e768f0
Binary files /dev/null and b/frontend/img/tabornici_logo.png differ
diff --git a/frontend/index.php b/frontend/index.php
index 8221c9e..8d132b0 100644
--- a/frontend/index.php
+++ b/frontend/index.php
@@ -11,7 +11,9 @@
 	
 	// Date Time Zone
 	date_default_timezone_set('Europe/Prague');
-	$API_URL = "http://localhost:6060"
+	$API_URL = "http://localhost:6060";
+
+	$LOGGEDIN = !false;
 ?>
 
 <!DOCTYPE html>
@@ -20,22 +22,34 @@
 		<title>DeguApp</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<link href="home.css" rel="stylesheet">
+		<link href="/css/_general.css" rel="stylesheet">
+		<link href="/css/_variables.css" rel="stylesheet">
+		<link href="/css/nav.css" rel="stylesheet">
+		<link href="/css/home.css" rel="stylesheet">
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
 	</head>
 	<body>
-		<header>
-			<div class="flex-left">
+		<header class="f-row nav-wrapper">
+			<div class="">
 				<a href="/">DeguApp</a>
 			</div>
-			<div class="flex-left">
+			<div class="">
+			<?php
+			if(!$LOGGEDIN) {
+			?>
 				<a href="/login">Přihlásit se</a>
 				<a href="/signup">Registrace</a>
+			<?php
+			} else{
+			?>
 				<a href="/add_beer">Přidat pivo</a>
 				<a href="/add_review">Přidat recenzi</a>
+			<?php } ?>
 			</div>
 		</header>
 		<section class="main-wrapper">
-			<h1>DeguApp</h1>
+			<!-- routing shits -->
 			<?php
 				$R = new Router();
 				$R->route('GET', '/', 'home');
diff --git a/frontend/pages/home/home.php b/frontend/pages/home/home.php
index e69de29..d8e2d35 100644
--- a/frontend/pages/home/home.php
+++ b/frontend/pages/home/home.php
@@ -0,0 +1,5 @@
+<h1>DeguApp</h1>
+<center>
+	<img src="/img/tabornici_logo.png" alt="tabornici logo" width="60%">
+</center>
+
diff --git a/frontend/pages/login/login.php b/frontend/pages/login/login.php
new file mode 100644
index 0000000..962de66
--- /dev/null
+++ b/frontend/pages/login/login.php
@@ -0,0 +1,51 @@
+<?php
+	$API_URL = "http://localhost:6060"
+?>
+
+<link rel="stylesheet" href="/css/add.css">
+
+<form class="form_add">
+	<label for="email">E-mail:</label>
+	<input type="email" name="email" id="email">
+
+	<label for="password">Heslo:</label>
+	<input type="password" name="password" id="password">
+
+	<button id="submit" class="btn-send">Přihlásit se</button>
+</form>
+
+<script>
+	const btn = document.querySelector('.btn-send')
+	console.log(btn)
+	btn.addEventListener('click', (e) => {
+		e.preventDefault()
+		send()
+	})
+
+	function send() {
+		let form = new FormData(document.querySelector("form"));
+
+		let body = JSON.stringify(Object.fromEntries(form))
+
+		//fetch('<?php echo $API_URL;?>/api/v1/user/add', {
+		//	credentials: 'include',
+		//	headers: {
+		//		'Content-Type': 'application/json',
+		//	},
+		//	method: 'POST',
+		//	body: body,
+		//})
+			.then(res => {
+				console.log(res)
+				console.log(res.json())
+				
+			})
+			.then(data => {
+				console.log(data)
+			})
+			.catch(err => {
+				console.log(err)
+			})
+	}
+</script>
+
