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') -})