diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000000000000000000000000000000000000..dd620cbe7d97a3bd8c22337ce679d98a6b9aee87
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8" />
+ <meta
+ name="viewport"
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+ />
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+ <!-- BOOTSTRAP-->
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+ <!-- CSS STYLESHEET-->
+ <link rel="stylesheet" href="./css/main.css" />
+ <title>Brainster Labs</title>
+</head>
+<body>
+ <!-- NAVBAR-->
+ <nav>
+ <a class="logo" href="./index.php">
+ <img src="./images/Logo.png" alt="brainster logo" />
+ <p>brainster</p>
+ </a>
+
+ <div class="nav-links">
+ <div class="close-icon-wrapper">
+ <i class="fa-solid fa-xmark close-icon"></i>
+ </div>
+
+ <ul>
+ <li><a href="#">Ðкадемија за маркетинг</a></li>
+ <li><a href="#">Ðкадемија за програмирање</a></li>
+ <li><a href="#">Ðкадемија за data science</a></li>
+ <li><a href="#">Ðкадемија за дизајн</a></li>
+ </ul>
+ <a class="btn-primary" href="#">Вработи наш Ñтудент</a>
+ </div>
+
+ <div class="hamburger">
+ <div class="bar"></div>
+ <div class="bar"></div>
+ <div class="bar"></div>
+ </div>
+ </nav>
+
+
+
+ <!-- CARDS FILTER SCRIPT-->
+ <script src="./js/navbar.js"></script>
+ <!-- BOOTSTRAP-->
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+
+ <!--latest font awesome cdn-->
+ <script src="https://kit.fontawesome.com/7cba051bd4.js" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/css/components/_form-contact.scss b/css/components/_form-contact.scss
new file mode 100644
index 0000000000000000000000000000000000000000..68d3dbdb7d2233cf17bf5a182e53ae1258ca4ccd
--- /dev/null
+++ b/css/components/_form-contact.scss
@@ -0,0 +1,3 @@
+@use "../abstracts/mixins" as mix;
+@use "../abstracts/variables" as var;
+
diff --git a/css/components/_index.scss b/css/components/_index.scss
index bde2da6169ec5ac82232be1a9078900b9f28993d..370ed4a6671fc57c0430c1a4b2c7986e9cf24b0f 100644
--- a/css/components/_index.scss
+++ b/css/components/_index.scss
@@ -2,4 +2,5 @@
@forward "banner";
@forward "filters";
@forward "project-showcase";
-@forward "footer";
\ No newline at end of file
+@forward "footer";
+@forward "form-contact";
\ No newline at end of file
diff --git a/index.html b/index.php
similarity index 99%
rename from index.html
rename to index.php
index 5740cf9069c2c26a800595a56644ddd2f92df80e..835e7a7ffa6e02d22394210c60a883c803d6b52d 100644
--- a/index.html
+++ b/index.php
@@ -16,7 +16,7 @@
<body>
<!-- NAVBAR-->
<nav>
- <a class="logo" href="./index.html">
+ <a class="logo" href="./index.php">
<img src="./images/Logo.png" alt="brainster logo" />
<p>brainster</p>
</a>
@@ -33,7 +33,7 @@
<li><a href="#">Ðкадемија за data science</a></li>
<li><a href="#">Ðкадемија за дизајн</a></li>
</ul>
- <a class="btn-primary" href="#">Вработи наш Ñтудент</a>
+ <a class="btn-primary" href="./contact.php">Вработи наш Ñтудент</a>
</div>
<div class="hamburger">