diff --git a/README.md b/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..b1e2084d17afe631dae6591eb7ede674d9e333b0
--- /dev/null
+++ b/README.md
@@ -0,0 +1,34 @@
+# BrainsterProjects_KikoStojanovFS15
+
+# Project-01 | Brainster Labs
+
+## Kiko Stojanov | Full Stack Academy
+
+Brainster Labs is a platform(project) where students from Brainster's marketing, design, and programming academies showcase the projects they have created.
+
+## Design
+
+|   DESIGN: https://prnt.sc/QuHVekNq0DF1   |
+
+This page consists of several sections:
+
+1. Top menu (navbar):
+    - Logo
+    - Marketing Academy that will lead to the following link: https://brainster.co/marketing/
+    - Programming Academy that will lead to the following link: https://brainster.co/full-stack/
+    - Data-Science Academy that will lead to the following link: https://brainster.co/data-science/
+    - Design Academy that will lead to the following link: https://brainster.co/graphic-design/
+    - "Hire a Student" Button which will lead to a new page with a form.
+2. Banner with image and text.
+3. Filters.
+4. 20 Cards with projects from the academy.
+5. Footer.
+
+|   Cards   |
+The index page initially shows a total of 20 cards, of which 10 will
+be for Programming, 4 for Design and 6 for Marketing.
+With mouseover on one of the card, the card should be increased in size.
+
+|   Filters   |
+Above the cards are 3 buttons/checkboxes/radio buttons
+for the various academies that aim to filter cards by academy.
\ No newline at end of file
diff --git a/css/abstracts/_variables.scss b/css/abstracts/_variables.scss
deleted file mode 100644
index 6f13d702ca9a13418a1423392146d9bdac771335..0000000000000000000000000000000000000000
--- a/css/abstracts/_variables.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$color-primary:rgba(252, 212, 50);
-$color-secondary:rgba(48,47,56,1);
-$color-accent:rgb(233, 16, 9);
-$color-danger:rgba(235,59,59,1);
\ No newline at end of file
diff --git a/css/components/_index.scss b/css/components/_index.scss
deleted file mode 100644
index 92adcc42ca121a5a1b4f03dd760daf43955dc627..0000000000000000000000000000000000000000
--- a/css/components/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-// @forward "./navbar"
\ No newline at end of file
diff --git a/css/components/_navbar.scss b/css/components/_navbar.scss
deleted file mode 100644
index dc3d61265ef47436c26520f275519d6ec1111a4d..0000000000000000000000000000000000000000
--- a/css/components/_navbar.scss
+++ /dev/null
@@ -1,197 +0,0 @@
-// @use "./abstracts/variables" as var;
-
-// nav {
-//     background-color: var.$color-primary;
-//     display: flex;
-//     justify-content: space-between;
-//     align-items: center;
-//     padding: 25px 100px;
-//     box-shadow: 2px 3px 8px 2px rgba(30, 30, 30, 0.3);
-//     position: relative;
-  
-//     .nav-logo {
-//       width: 65px;
-//       align-self: center;
-//     }
-  
-//     .nav-links {
-//       display: flex;
-//       align-items: center;
-  
-//       .link {
-//         &:not(:last-child) {
-//           margin-right: 35px;
-//         }
-  
-//         a {
-//           color: #141414;
-//           font-weight: 600;
-//           position: relative;
-  
-//           &:after {
-//             content: "";
-//             position: absolute;
-//             height: 2.5px;
-//             width: 0;
-//             bottom: -18%;
-//             left: 0;
-//             background-color: var.$color-secondary;
-//             transition: all 0.4s ease;
-//           }
-//           &:hover::after {
-//             width: 65%;
-//           }
-//         }
-//       }
-//     }
-  
-//     .hamburger {
-//       padding: 5px 0;
-//       background-color: transparent;
-//       border: none;
-//       cursor: pointer;
-//       display: none;
-  
-//       .bars {
-//         width: 45px;
-//         display: flex;
-//         flex-direction: column;
-//         align-items: flex-end;
-//       }
-  
-//       .bar {
-//         display: block;
-//         height: 5px;
-//         background-color: #141414;
-//         transition: all 0.3s ease;
-//         border-radius: 3px;
-//         &:not(:last-child) {
-//           margin-bottom: 7px;
-//         }
-//       }
-//       .top {
-//         width: 100%;
-//       }
-//       .middle {
-//         width: 75%;
-//       }
-//       .bottom {
-//         width: 50%;
-//       }
-//     }
-  
-//     .mobile-nav {
-//       display: block;
-//       position: fixed;
-//       top: 0;
-//       left: 100%;
-//       width: 100%;
-//       min-height: 100vh;
-//       z-index: 98;
-//       background-color: var.$color-secondary;
-//       padding-top: 160px;
-//       transition: all 0.4s ease;
-//       a {
-//         color: #fff;
-//         font-weight: 600;
-//         font-size: 1rem;
-//         display: inline-block;
-//         margin-bottom: 24px;
-//         padding: 12px 16px;
-//         margin-left: 10px;
-//       }
-  
-//       .hire-btn {
-//         margin-left: 28px;
-//       }
-//     }
-  
-//     .mobile-nav.is-active {
-//       left: 0;
-//     }
-  
-//     .is-active {
-//       .top {
-//         width: 100%;
-//         transform: rotate(-45deg) translate(-8px, 6px);
-//         background-color: #fff;
-//       }
-//       .middle {
-//         opacity: 0;
-//       }
-//       .bottom {
-//         width: 100%;
-//         transform: rotate(45deg) translate(-10px, -9px);
-//         background-color: #fff;
-//       }
-//     }
-//   }
-  
-//   // RESPONSIVENESS: LAPTOP (SM, BG, DESKTOP)
-//   @media (min-width: 769px) {
-//     nav {
-//       padding: 25px 15px 25px 40px;
-  
-//       .nav-logo {
-//         width: 65px;
-//       }
-  
-//       .nav-links {
-//         .link {
-//           font-size: 12px;
-//           &:not(:last-child) {
-//             margin-right: 25px;
-//           }
-//         }
-  
-//         .hire-btn {
-//           font-size: 12px;
-//           &:hover {
-//             background-color: rgba(185, 32, 27, 0.829);
-//             border: 1px solid rgba(170, 21, 19, 0.829);
-//             font-size: 1.20rem;
-//             transition: all 0.4s ease;
-//           }
-//         }
-//       }
-//     }
-//   }
-//   @media (min-width: 1441px) {
-//     nav {
-//       padding: 25px 80px;
-  
-//       .nav-logo{
-//         width: 75px;
-//       }
-  
-//       .nav-links {
-//         .link {
-//           a {
-//             font-size: 18px;
-//           }
-//         }
-//         &:not(:last-child) {
-//           margin-right: 35px;
-//         }
-//         .hire-btn {
-//           font-size: 17px;
-//         }
-//       }
-//     }
-//   }
-  
-  
-//   // RESPONSIVENESS: TABLET
-//   @media (max-width: 768px) {
-//     nav {
-//       padding: 10px 15px 10px 40px;
-//       .nav-links {
-//         display: none;
-//       }
-//       .hamburger {
-//         display: inline-block;
-//         z-index: 99;
-//       }
-//     }
-//   }
-  
\ No newline at end of file
diff --git a/css/core/_common-elements.scss b/css/core/_common-elements.scss
deleted file mode 100644
index 62603fbfdad87b4c7da49c1e3387ea68cf746656..0000000000000000000000000000000000000000
--- a/css/core/_common-elements.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@use '../abstracts/variables' as var;
-
-.hire-btn {
-  background-color: var.$color-accent;
-  border-radius: 7px;
-  padding: 12.5px 22.5px;
-  color: #fff;
-  font-weight: 600;
-  transition: all 0.3s ease;
-  border: 1px solid var.$color-accent;
-  cursor: pointer;
-
-  // &:hover {
-  //   background-color: rgba(185, 32, 27, 0.829);
-  //   border: 1px solid rgba(170, 21, 19, 0.829);
-  //   font-size: 1.15rem;
-  //   transition: all 0.4s ease;
-  // }
-}
\ No newline at end of file
diff --git a/css/core/_index.scss b/css/core/_index.scss
deleted file mode 100644
index eea804cdf4a5520be307a3ac5d4dc4a46247e8a2..0000000000000000000000000000000000000000
--- a/css/core/_index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@forward './common-elements';
-@forward './reboot';
\ No newline at end of file
diff --git a/css/core/_reboot.scss b/css/core/_reboot.scss
deleted file mode 100644
index 3c49b4124e047f212ec8cc4738672bea33fe0f29..0000000000000000000000000000000000000000
--- a/css/core/_reboot.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-* {
-    box-sizing: border-box;
-  }
-
-body {
-  margin: 0;
-  font-size: 16px;
-  font-family: Geneva, Tahoma, sans-serif;
-}
-
-img {
-  max-width: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin-top: 0;
-}
-
-a {
-  text-decoration: none;
-}
-
-ul {
-  padding: 0;
-}
-
-li {
-  list-style: none;
-}
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 3633cb68b42753476f10e63412f8131a7d28f209..0000000000000000000000000000000000000000
--- a/css/style.css
+++ /dev/null
@@ -1,210 +0,0 @@
-.hire-btn {
-  background-color: rgb(233, 16, 9);
-  border-radius: 7px;
-  padding: 12.5px 22.5px;
-  color: #fff;
-  font-weight: 600;
-  transition: all 0.3s ease;
-  border: 1px solid rgb(233, 16, 9);
-  cursor: pointer;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  font-size: 16px;
-  font-family: Geneva, Tahoma, sans-serif;
-}
-
-img {
-  max-width: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin-top: 0;
-}
-
-a {
-  text-decoration: none;
-}
-
-ul {
-  padding: 0;
-}
-
-li {
-  list-style: none;
-}
-
-nav {
-  background-color: rgb(252, 212, 50);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 25px 100px;
-  box-shadow: 2px 3px 8px 2px rgba(30, 30, 30, 0.3);
-  position: relative;
-}
-nav .nav-logo {
-  width: 65px;
-  align-self: center;
-}
-nav .nav-links {
-  display: flex;
-  align-items: center;
-}
-nav .nav-links .link:not(:last-child) {
-  margin-right: 35px;
-}
-nav .nav-links .link a {
-  color: #141414;
-  font-weight: 600;
-  position: relative;
-}
-nav .nav-links .link a:after {
-  content: "";
-  position: absolute;
-  height: 2.5px;
-  width: 0;
-  bottom: -18%;
-  left: 0;
-  background-color: rgb(48, 47, 56);
-  transition: all 0.4s ease;
-}
-nav .nav-links .link a:hover::after {
-  width: 65%;
-}
-nav .hamburger {
-  padding: 5px 0;
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  display: none;
-}
-nav .hamburger .bars {
-  width: 45px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-}
-nav .hamburger .bar {
-  display: block;
-  height: 5px;
-  background-color: #141414;
-  transition: all 0.3s ease;
-  border-radius: 3px;
-}
-nav .hamburger .bar:not(:last-child) {
-  margin-bottom: 7px;
-}
-nav .hamburger .top {
-  width: 100%;
-}
-nav .hamburger .middle {
-  width: 75%;
-}
-nav .hamburger .bottom {
-  width: 50%;
-}
-nav .mobile-nav {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 100%;
-  width: 100%;
-  min-height: 100vh;
-  z-index: 98;
-  background-color: rgb(48, 47, 56);
-  padding-top: 160px;
-  transition: all 0.4s ease;
-}
-nav .mobile-nav a {
-  color: #fff;
-  font-weight: 600;
-  font-size: 1rem;
-  display: inline-block;
-  margin-bottom: 24px;
-  padding: 12px 16px;
-  margin-left: 10px;
-}
-nav .mobile-nav .hire-btn {
-  margin-left: 28px;
-}
-nav .mobile-nav.is-active {
-  left: 0;
-}
-nav .is-active .top {
-  width: 100%;
-  transform: rotate(-45deg) translate(-8px, 6px);
-  background-color: #fff;
-}
-nav .is-active .middle {
-  opacity: 0;
-}
-nav .is-active .bottom {
-  width: 100%;
-  transform: rotate(45deg) translate(-10px, -9px);
-  background-color: #fff;
-}
-
-@media (min-width: 769px) {
-  nav {
-    padding: 25px 15px 25px 40px;
-  }
-  nav .nav-logo {
-    width: 65px;
-  }
-  nav .nav-links .link {
-    font-size: 12px;
-  }
-  nav .nav-links .link:not(:last-child) {
-    margin-right: 25px;
-  }
-  nav .nav-links .hire-btn {
-    font-size: 12px;
-  }
-  nav .nav-links .hire-btn:hover {
-    background-color: rgba(185, 32, 27, 0.829);
-    border: 1px solid rgba(170, 21, 19, 0.829);
-    font-size: 1.2rem;
-    transition: all 0.4s ease;
-  }
-}
-@media (min-width: 1441px) {
-  nav {
-    padding: 25px 80px;
-  }
-  nav .nav-logo {
-    width: 75px;
-  }
-  nav .nav-links .link a {
-    font-size: 18px;
-  }
-  nav .nav-links:not(:last-child) {
-    margin-right: 35px;
-  }
-  nav .nav-links .hire-btn {
-    font-size: 17px;
-  }
-}
-@media (max-width: 768px) {
-  nav {
-    padding: 10px 15px 10px 40px;
-  }
-  nav .nav-links {
-    display: none;
-  }
-  nav .hamburger {
-    display: inline-block;
-    z-index: 99;
-  }
-}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/css/style.css.map b/css/style.css.map
deleted file mode 100644
index 66f374445df5da1de12a1a8708b0aef9f446fb9a..0000000000000000000000000000000000000000
--- a/css/style.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["core/_common-elements.scss","abstracts/_variables.scss","style.css","core/_reboot.scss","style.scss"],"names":[],"mappings":"AAEA;EACE,iCCDY;EDEZ,kBAAA;EACA,sBAAA;EACA,WAAA;EACA,gBAAA;EACA,yBAAA;EACA,iCAAA;EACA,eAAA;AEDF;;ACTA;EACI,sBAAA;ADYJ;;ACTA;EACE,SAAA;EACA,eAAA;EACA,uCAAA;ADYF;;ACTA;EACE,eAAA;ADYF;;ACTA;;;;;;;EAOE,aAAA;ADYF;;ACTA;EACE,qBAAA;ADYF;;ACTA;EACE,UAAA;ADYF;;ACTA;EACE,gBAAA;ADYF;;AErCA;EACE,mCHTa;EGUb,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,mBAAA;EACA,iDAAA;EACA,kBAAA;AFwCF;AEtCE;EACE,WAAA;EACA,kBAAA;AFwCJ;AErCE;EACE,aAAA;EACA,mBAAA;AFuCJ;AEpCM;EACE,kBAAA;AFsCR;AEnCM;EACE,cAAA;EACA,gBAAA;EACA,kBAAA;AFqCR;AEnCQ;EACE,WAAA;EACA,kBAAA;EACA,aAAA;EACA,QAAA;EACA,YAAA;EACA,OAAA;EACA,iCH1CO;EG2CP,yBAAA;AFqCV;AEnCQ;EACE,UAAA;AFqCV;AE/BE;EACE,cAAA;EACA,6BAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;AFiCJ;AE/BI;EACE,WAAA;EACA,aAAA;EACA,sBAAA;EACA,qBAAA;AFiCN;AE9BI;EACE,cAAA;EACA,WAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;AFgCN;AE/BM;EACE,kBAAA;AFiCR;AE9BI;EACE,WAAA;AFgCN;AE9BI;EACE,UAAA;AFgCN;AE9BI;EACE,UAAA;AFgCN;AE5BE;EACE,cAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,WAAA;EACA,iBAAA;EACA,WAAA;EACA,iCH/Fa;EGgGb,kBAAA;EACA,yBAAA;AF8BJ;AE7BI;EACE,WAAA;EACA,gBAAA;EACA,eAAA;EACA,qBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AF+BN;AE5BI;EACE,iBAAA;AF8BN;AE1BE;EACE,OAAA;AF4BJ;AExBI;EACE,WAAA;EACA,8CAAA;EACA,sBAAA;AF0BN;AExBI;EACE,UAAA;AF0BN;AExBI;EACE,WAAA;EACA,+CAAA;EACA,sBAAA;AF0BN;;AELA;EACE;IACE,4BAAA;EFQF;EENE;IACE,WAAA;EFQJ;EEJI;IACE,eAAA;EFMN;EELM;IACE,kBAAA;EFOR;EEHI;IACE,eAAA;EFKN;EEJM;IACE,0CAAA;IACA,0CAAA;IACA,iBAAA;IACA,yBAAA;EFMR;AACF;AEDA;EACE;IACE,kBAAA;EFGF;EEDE;IACE,WAAA;EFGJ;EEEM;IACE,eAAA;EFAR;EEGI;IACE,kBAAA;EFDN;EEGI;IACE,eAAA;EFDN;AACF;AEQA;EACE;IACE,4BAAA;EFNF;EEOE;IACE,aAAA;EFLJ;EEOE;IACE,qBAAA;IACA,WAAA;EFLJ;AACF","file":"style.css"}
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
deleted file mode 100644
index 308d8147d6f7587e5ba8011e04e10095300fadcb..0000000000000000000000000000000000000000
--- a/css/style.scss
+++ /dev/null
@@ -1,217 +0,0 @@
-// REBOOT / COMMON-ELEMENTS //
-@use "./core/index";
-
-// COMPONENTS //
-
-// VARIABLES //
-@use "./abstracts/variables" as var;
-
-nav {
-  background-color: var.$color-primary;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 25px 100px;
-  box-shadow: 2px 3px 8px 2px rgba(30, 30, 30, 0.3);
-  position: relative;
-
-  .nav-logo {
-    width: 65px;
-    align-self: center;
-  }
-
-  .nav-links {
-    display: flex;
-    align-items: center;
-
-    .link {
-      &:not(:last-child) {
-        margin-right: 35px;
-      }
-
-      a {
-        color: #141414;
-        font-weight: 600;
-        position: relative;
-
-        &:after {
-          content: "";
-          position: absolute;
-          height: 2.5px;
-          width: 0;
-          bottom: -18%;
-          left: 0;
-          background-color: var.$color-secondary;
-          transition: all 0.4s ease;
-        }
-        &:hover::after {
-          width: 65%;
-        }
-      }
-    }
-  }
-
-  .hamburger {
-    padding: 5px 0;
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-    display: none;
-
-    .bars {
-      width: 45px;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-    }
-
-    .bar {
-      display: block;
-      height: 5px;
-      background-color: #141414;
-      transition: all 0.3s ease;
-      border-radius: 3px;
-      &:not(:last-child) {
-        margin-bottom: 7px;
-      }
-    }
-    .top {
-      width: 100%;
-    }
-    .middle {
-      width: 75%;
-    }
-    .bottom {
-      width: 50%;
-    }
-  }
-
-  .mobile-nav {
-    display: block;
-    position: fixed;
-    top: 0;
-    left: 100%;
-    width: 100%;
-    min-height: 100vh;
-    z-index: 98;
-    background-color: var.$color-secondary;
-    padding-top: 160px;
-    transition: all 0.4s ease;
-    a {
-      color: #fff;
-      font-weight: 600;
-      font-size: 1rem;
-      display: inline-block;
-      margin-bottom: 24px;
-      padding: 12px 16px;
-      margin-left: 10px;
-    }
-
-    .hire-btn {
-      margin-left: 28px;
-    }
-  }
-
-  .mobile-nav.is-active {
-    left: 0;
-  }
-
-  .is-active {
-    .top {
-      width: 100%;
-      transform: rotate(-45deg) translate(-8px, 6px);
-      background-color: #fff;
-    }
-    .middle {
-      opacity: 0;
-    }
-    .bottom {
-      width: 100%;
-      transform: rotate(45deg) translate(-10px, -9px);
-      background-color: #fff;
-    }
-  }
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// RESPONSIVENESS: LAPTOP (SM, BG, DESKTOP)
-@media (min-width: 769px) {
-  nav {
-    padding: 25px 15px 25px 40px;
-
-    .nav-logo {
-      width: 65px;
-    }
-
-    .nav-links {
-      .link {
-        font-size: 12px;
-        &:not(:last-child) {
-          margin-right: 25px;
-        }
-      }
-
-      .hire-btn {
-        font-size: 12px;
-        &:hover {
-          background-color: rgba(185, 32, 27, 0.829);
-          border: 1px solid rgba(170, 21, 19, 0.829);
-          font-size: 1.20rem;
-          transition: all 0.4s ease;
-        }
-      }
-    }
-  }
-}
-@media (min-width: 1441px) {
-  nav {
-    padding: 25px 80px;
-
-    .nav-logo{
-      width: 75px;
-    }
-
-    .nav-links {
-      .link {
-        a {
-          font-size: 18px;
-        }
-      }
-      &:not(:last-child) {
-        margin-right: 35px;
-      }
-      .hire-btn {
-        font-size: 17px;
-      }
-    }
-  }
-}
-
-
-// RESPONSIVENESS: TABLET
-@media (max-width: 768px) {
-  nav {
-    padding: 10px 15px 10px 40px;
-    .nav-links {
-      display: none;
-    }
-    .hamburger {
-      display: inline-block;
-      z-index: 99;
-    }
-  }
-}
diff --git a/images/cards-images/design/design1.jpg b/images/cards-images/design/design1.jpg
deleted file mode 100644
index 0e76f169a773dafca3eca3b91f11ec9599a8e738..0000000000000000000000000000000000000000
Binary files a/images/cards-images/design/design1.jpg and /dev/null differ
diff --git a/images/cards-images/design/design2.jpg b/images/cards-images/design/design2.jpg
deleted file mode 100644
index 5bdfdd938bcf13d8bee10af07f7748e6f60c5921..0000000000000000000000000000000000000000
Binary files a/images/cards-images/design/design2.jpg and /dev/null differ
diff --git a/images/cards-images/design/design3.jpg b/images/cards-images/design/design3.jpg
deleted file mode 100644
index b8b0b624f644c760bc1debc34d68b213fafa5236..0000000000000000000000000000000000000000
Binary files a/images/cards-images/design/design3.jpg and /dev/null differ
diff --git a/images/cards-images/design/design4.jpg b/images/cards-images/design/design4.jpg
deleted file mode 100644
index 6e824835076bd97d67d04488c9278bc6ebc4db4f..0000000000000000000000000000000000000000
Binary files a/images/cards-images/design/design4.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing1.jpg b/images/cards-images/marketing/marketing1.jpg
deleted file mode 100644
index 5ff22597ddb00a5899996f7674c49bcf41fb7336..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing1.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing2.jpg b/images/cards-images/marketing/marketing2.jpg
deleted file mode 100644
index 0f371952aec926758e78d20c3533e98c9f6454fe..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing2.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing3.jpg b/images/cards-images/marketing/marketing3.jpg
deleted file mode 100644
index bb398c8cfd510844fd697ecfe8eac801bc5362bd..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing3.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing4.jpg b/images/cards-images/marketing/marketing4.jpg
deleted file mode 100644
index 96e4cbbb533b9fea1aa70952fa439358947acc7c..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing4.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing5.jpg b/images/cards-images/marketing/marketing5.jpg
deleted file mode 100644
index 24d8202d12c9d77f210b0fc5d7eeedac2f206c7a..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing5.jpg and /dev/null differ
diff --git a/images/cards-images/marketing/marketing6.jpg b/images/cards-images/marketing/marketing6.jpg
deleted file mode 100644
index b7b2cde4fcd05a2fdac5e52901a535047ef66dd9..0000000000000000000000000000000000000000
Binary files a/images/cards-images/marketing/marketing6.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding1.jpg b/images/cards-images/programming/coding1.jpg
deleted file mode 100644
index 53aa5e3d520bf115535fdab6af661f1f06c8602e..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding1.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding10.jpg b/images/cards-images/programming/coding10.jpg
deleted file mode 100644
index f87161e39ea1a2677ffab230cd0121db7527c920..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding10.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding2.jpg b/images/cards-images/programming/coding2.jpg
deleted file mode 100644
index f8003cb8cc6d77be9f6b181f531ce2890dd700bb..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding2.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding3.jpg b/images/cards-images/programming/coding3.jpg
deleted file mode 100644
index 02d09331957edd268d20f484ab6c1ca3123c6e5c..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding3.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding4.jpg b/images/cards-images/programming/coding4.jpg
deleted file mode 100644
index f4c425e052ab6e26814c3eb6dc77989c1af4e7da..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding4.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding5.jpg b/images/cards-images/programming/coding5.jpg
deleted file mode 100644
index 53732c755e0eac78da47182ebeeff6c109018cae..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding5.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding6.jpg b/images/cards-images/programming/coding6.jpg
deleted file mode 100644
index 358ea953c44b8d11f347cd849406fd63311cb454..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding6.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding7.jpg b/images/cards-images/programming/coding7.jpg
deleted file mode 100644
index 88268a12709816aef2be3885b57ad3b4fad98928..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding7.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding8.jpg b/images/cards-images/programming/coding8.jpg
deleted file mode 100644
index 9669c81928db1fdd1dfeedc69a86fce2ced49dbc..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding8.jpg and /dev/null differ
diff --git a/images/cards-images/programming/coding9.jpg b/images/cards-images/programming/coding9.jpg
deleted file mode 100644
index f79ef537d614d2ab614c2d05540fbc6c824b8824..0000000000000000000000000000000000000000
Binary files a/images/cards-images/programming/coding9.jpg and /dev/null differ
diff --git a/images/logo.png b/images/logo.png
deleted file mode 100644
index 7e5d51e44e8ebc0bdd0d084feaa8719b05f99431..0000000000000000000000000000000000000000
Binary files a/images/logo.png and /dev/null differ
diff --git a/index.html b/index.html
deleted file mode 100644
index 9b54315a7999f10f598062dec44f1c049de4bc7a..0000000000000000000000000000000000000000
--- a/index.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta
-      name="description"
-      content="Brainster Labs is a platform(project) where students from Brainster's marketing, design, and programming academies showcase the projects they have created."
-    />
-    <meta name="author" content="Kiko Stojanov" />
-    <!-- FONT AWESOME -->
-    <script
-      src="https://kit.fontawesome.com/0d6f25b6d2.js"
-      crossorigin="anonymous"
-    ></script>
-
-    <title>Brainster Labs | Project01 Kiko Stojanov FS15</title>
-
-    <!-- CSS STYLE SHEET FILE -->
-    <link rel="stylesheet" href="./css/style.css" />
-  </head>
-  <body>
-    <nav>
-      <div class="nav-logo">
-        <a href="./index.html"
-          ><img src="./images/logo.png" alt="logo-brainster"
-        /></a>
-      </div>
-
-      <div class="nav-links" id="menu">
-        <li class="link">
-          <a href="https://brainster.co/marketing/" target="_blank"
-            >Академија за маркетинг</a
-          >
-        </li>
-        <li class="link">
-          <a href="https://brainster.co/full-stack/" target="_blank"
-            >Академија за програмирање</a
-          >
-        </li>
-        <li class="link">
-          <a href="https://brainster.co/data-science/" target="_blank"
-            >Академија за data science</a
-          >
-        </li>
-        <li class="link">
-          <a href="https://brainster.co/graphic-design/" target="_blank"
-            >Академија за дизајн</a
-          >
-        </li>
-        <a href="./form.html" class="hire-btn">Вработи наш студент</a>
-      </div>
-
-      <button class="hamburger">
-        <div class="bars">
-          <span class="bar top"></span>
-          <span class="bar middle"></span>
-          <span class="bar bottom"></span>
-        </div>
-      </button>
-
-      <div class="mobile-nav">
-        <li class="link">
-            <a href="https://brainster.co/marketing/" target="_blank"
-              >Академија за маркетинг</a
-            >
-          </li>
-          <li class="link">
-            <a href="https://brainster.co/full-stack/" target="_blank"
-              >Академија за програмирање</a
-            >
-          </li>
-          <li class="link">
-            <a href="https://brainster.co/data-science/" target="_blank"
-              >Академија за data science</a
-            >
-          </li>
-          <li class="link">
-            <a href="https://brainster.co/graphic-design/" target="_blank"
-              >Академија за дизајн</a
-            >
-          </li>
-          <a href="./form.html" class="hire-btn">Вработи наш студент</a>
-    </div>
-
-    </nav>
-
-
-
-    <script src="./js/navbar.js"></script>
-  </body>
-</html>
diff --git a/js/navbar.js b/js/navbar.js
deleted file mode 100644
index 58052bc84d50c83dbaa31bed40a5a82ad9c293b8..0000000000000000000000000000000000000000
--- a/js/navbar.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-const menu_btn = document.querySelector('.hamburger')
-const mobile_menu = document.querySelector('.mobile-nav')
-
-menu_btn.addEventListener('click', function () {
-    menu_btn.classList.toggle('is-active')
-    mobile_menu.classList.toggle('is-active')
-})