diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..e69de29 diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..979c073 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.CustomBrowser": "microsoft-edge" +} \ No newline at end of file diff --git a/app/js/app.js b/app/js/app.js index 73ee41c..e94296f 100644 --- a/app/js/app.js +++ b/app/js/app.js @@ -1,6 +1,70 @@ console.log("working!"); navbar = document.getElementById("navbar-container"); +trigger = document.getElementById("scroll-trigger"); +nav_links = document.getElementsByClassName("nav-item"); console.log(navbar); document.addEventListener("scroll", () => { - console.log("1"); + if (window.pageYOffset >= trigger.offsetTop) { + console.log(1); + navbar.style.backgroundColor = "rgb(2,22,30)"; + } + if (window.pageYOffset <= trigger.offsetTop) { + console.log(1); + navbar.style.background = "None"; + } +}); + +// clock +function getTimeRemaining(endtime) { + const total = Date.parse(endtime) - Date.parse(new Date()); + const seconds = Math.floor((total / 1000) % 60); + const minutes = Math.floor((total / 1000 / 60) % 60); + const hours = Math.floor((total / (1000 * 60 * 60)) % 24); + const days = Math.floor(total / (1000 * 60 * 60 * 24)); + + return { + total, + days, + hours, + minutes, + seconds, + }; +} + +function initializeClock(id, endtime) { + const clock = document.getElementById(id); + const daysSpan = clock.querySelector(".days"); + const hoursSpan = clock.querySelector(".hours"); + const minutesSpan = clock.querySelector(".minutes"); + const secondsSpan = clock.querySelector(".seconds"); + + function updateClock() { + const t = getTimeRemaining(endtime); + + daysSpan.innerHTML = t.days; + hoursSpan.innerHTML = ("0" + t.hours).slice(-2); + minutesSpan.innerHTML = ("0" + t.minutes).slice(-2); + secondsSpan.innerHTML = ("0" + t.seconds).slice(-2); + + if (t.total <= 0) { + clearInterval(timeinterval); + } + } + + updateClock(); + const timeinterval = setInterval(updateClock, 1000); +} + +const deadline = new Date(Date.parse(new Date(2022, 2, 1))); +initializeClock("clockdiv", deadline); + +//nav-items + +[...nav_links].forEach((nav_link) => { + nav_link.addEventListener("click", () => { + id = nav_link.getAttribute("name"); + console.log(id); + element = document.getElementById(id); + element.scrollIntoView((options = { behavior: "smooth" })); + }); }); diff --git a/app/scss/main.css b/app/scss/main.css index dc0d27f..4306de0 100644 --- a/app/scss/main.css +++ b/app/scss/main.css @@ -1,8 +1,3 @@ -html -{ - box-sizing: border-box; min-width: 0; min-height: 0; - font-size: 100%; -} body { background-color: #02161e; margin: 0; @@ -26,35 +21,42 @@ body { object-fit: cover; } +.moon { + width: 10vw; + position: absolute; + z-index: 1; + left: 70vw; + top: 10vh; +} + +.timeline { + width: 100vw; +} + .nav { position: fixed; - left: 1.5rem; - top: 0.2rem; background: none; display: -webkit-box; display: -ms-flexbox; display: flex; - height: 5vh; + height: 6vh; width: 100%; } +.nav :first-child { + margin-left: 1.5rem; +} + .nav .nav-item { text-decoration: none; padding: 1rem; + padding-top: 0; display: inline; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - background: none; - color: white !important; - font-family: Roboto, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, - Cantarell, "Open Sans", "Helvetica Neue", sans-serif; - margin-right: 1.5rem; font-size: 1rem; - color: white; + color: white !important; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-family: "Bungee Inline", cursive; @@ -73,22 +75,54 @@ body { transform: scale(1.2); } +.about { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 !important; + padding: 0 !important; +} + +.about .text { + padding: 1rem; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + color: white; + font-family: "Oswald", sans-serif; + font-size: 1.5rem; +} + +.line-right { + margin: 0; + display: inline; + height: 60vh; +} + +.sponsors_text { + margin: 1rem; + padding: 1rem !important; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + color: white; + font-family: "Oswald", sans-serif; + font-size: 1.5rem; +} + .container { -webkit-transition: ease-in-out; transition: ease-in-out; - background-color: #610094; border-radius: 5%; - margin: 5%; - width: 90%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; - border: 1px solid white; + padding: 1rem; } .container h1 { padding: 2%; - font-size: 1rem; + font-size: 2rem !important; font-family: "Press Start 2P", cursive; color: white; font-weight: 900; @@ -121,15 +155,17 @@ body { .splash .cta .splash-cta { margin-top: 2%; - width: 30%; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; height: 10%; font-size: 1.3rem; - color: white; + color: #f2e49b; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-family: "Bungee Inline", cursive; background: none; - border: 1px solid white; + border: 1px solid #f2e49b; } .splash .cta .splash-cta:hover { @@ -139,10 +175,59 @@ body { transform: scale(1.2); } +.clock { + text-align: center; +} + +.clock h1 { + padding: 2%; + font-size: 2rem !important; + font-family: "Press Start 2P", cursive; + color: white; + font-weight: 900; +} + +#clockdiv { + margin: 2vw; + font-family: "Bungee Inline", cursive; + font-size: 1.5rem; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-weight: 100; + text-align: center; + padding: 1rem; +} + +#clockdiv > div { + margin: 2vw; + padding: 1vw; + border-radius: 5%; + background-color: #610094; + display: inline-block; +} + +#clockdiv div > span { + padding: 0.3rem; + border-radius: 5%; + background-color: #3f0071; + display: inline-block; + width: 5vw; +} + +.smalltext { + padding-top: 0.5rem; + font-size: 1rem; +} + @media only screen and (min-width: 1001px) and (max-width: 1300px) { .bg_img { margin-left: 1%; - height: 60vh; + height: 70vh; } .logo { height: 10vh; @@ -154,12 +239,49 @@ body { } @media only screen and (max-width: 1000px) { + #clockdiv { + font-size: 0.8rem; + } + .smalltext { + padding-top: 0.5rem; + font-size: 0.5rem; + } + .get h2 { + font-size: 1.5rem; + } + .left-half h1, + .right-half h1 { + font-size: 2rem !important; + } + .left-half p, + .right-half p { + font-size: 0.8rem !important; + } + .sponsors_text { + font-size: 0.8rem !important; + } + .text { + font-size: 0.8rem !important; + } + .line-right { + height: 10vh; + } + .container .elem { + width: 40%; + padding-top: 3vh; + } + .container .elem .caption { + font-size: 0.8rem !important; + } + .container h1 { + font-size: 1.5rem !important; + } .bg_img { height: 70vh; } .nav { margin: auto; - width: 90%; + width: 100%; -ms-flex-pack: distribute; justify-content: space-around; } @@ -188,101 +310,179 @@ body { width: fit-content !important; } } -/*# sourceMappingURL=main.css.map */ +.flex-container { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: inherit; + -ms-flex-positive: inherit; + flex-grow: inherit; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.flex-container .icon1 { + width: 10vw; + margin: 0.2rem; + border-radius: 50%; +} -/* Changes made by Priyansh */ -.get -{ - background-color: white; - display: flex; - flex-wrap: wrap; - align-items: center; - background-color: white; - width: 100%; - font-family: "Bungee Inline", cursive; - justify-content: center; -} -.get h2,p -{ - color: black; -} -.get-involved -{ - display: flex; - flex-wrap: wrap; - align-items: center; - background-color: white; - width: 100%; - margin-top: 0; +.flex-container .elem { + text-align: center; + vertical-align: middle; + color: white; + -webkit-transition: 0.4s ease-in-out; + transition: 0.4s ease-in-out; +} + +.flex-container .elem .caption { + margin-top: 0.2rem; + font-size: 1.2rem; + font-family: "Orbitron", sans-serif; +} + +.flex-container .elem:hover { + -webkit-transform: scale(1.3); + transform: scale(1.3); } -.get-involved h2,p -{ + +.get { + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: white; + font-size: 1.5rem; + width: 100%; + font-family: "Bungee Inline", cursive; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.get-involved { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: white; + width: 100%; + margin-top: 0; + -webkit-box-pack: space; + -ms-flex-pack: space; + justify-content: space; +} + +.get-involved h2 { text-align: left; - color: black; -} -@media (max-width: 900px) -{ - .right-half,.left-half - { - width: 100%; - } +} + +@media (max-width: 900px) { + .right-half, + .left-half { + width: 100%; } -.left-half -{ - /* background-color: green; */ - flex-grow: 1; - flex-shrink: 1; - flex-basis: 500px; - margin: 30px; - margin-top: 0; - width: 35%; - text-align: center; - padding: 40px; - border-radius: 12px; - font-family: "Bungee Inline", cursive; -} -.right-half -{ - /* background-color: blueviolet; */ - flex-grow: 1; - flex-shrink: 1; - flex-basis: 500px; - margin: 30px; - margin-top: 0; - width: 35%; - text-align: center; - padding: 40px; - border-radius: 12px; - font-family: "Bungee Inline", cursive; -} - -.register-btn -{ +} + +.left-half { + /* background-color: green; */ + display: inline-block; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -ms-flex-preferred-size: 500px; + flex-basis: 500px; + margin-top: 0; + width: 35%; + text-align: center; + border-radius: 12px; + font-family: "Oswald", sans-serif; +} + +.left-half h2 { + font-size: 2rem; +} + +.left-half p { + text-align: left; + font-size: 1rem; +} + +.right-half { + /* background-color: blueviolet; */ + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -ms-flex-preferred-size: 500px; + flex-basis: 500px; + margin-top: 0; + width: 35%; + text-align: center; + border-radius: 12px; + font-family: "Oswald", sans-serif; +} + +.right-half h2 { + font-size: 2rem; +} + +.right-half p { + text-align: left; + font-size: 1rem; +} + +.register-btn { + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; max-width: 100%; margin-top: 2%; - width: 30%; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; height: 10%; font-size: 1.3rem; - color: black; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-family: "Bungee Inline", cursive; background: none; border: 1px solid black; /* min-width: 0; */ - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; +} + +.register-btn a { + text-decoration: none !important; + color: black !important; } -.register-btn > span -{ - flex-shrink: 0; +.register-btn > span { + -ms-flex-negative: 0; + flex-shrink: 0; max-width: 100%; } -.register-btn:hover -{ + +.register-btn:hover { background: #bc54cc; /* background-image: -webkit-linear-gradient(top, #bc54cc, #01060a); background-image: -moz-linear-gradient(top, #bc54cc, #01060a); @@ -293,5 +493,36 @@ body { background-color: white; color: #3f0071; -webkit-transform: scale(1.2); - transform: scale(1.2); -} \ No newline at end of file + transform: scale(1.2); +} + +.white_container { + margin: 0; + padding: 2rem; + text-align: center; + background-color: white; +} + +.footer-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100%; + width: calc(100% - 7rem); + max-width: 1200px; + margin: 0 auto; + padding: 0 3.5rem; +} +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/app/scss/main.css.map b/app/scss/main.css.map index 4b33d50..99a9e85 100644 --- a/app/scss/main.css.map +++ b/app/scss/main.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "main.scss", "variables.scss" diff --git a/app/scss/main.scss b/app/scss/main.scss index ea7e4a3..f029136 100644 --- a/app/scss/main.scss +++ b/app/scss/main.scss @@ -17,13 +17,24 @@ body { margin: 2%; object-fit: cover; } +.moon { + width: 10vw; + position: absolute; + z-index: 1; + left: 70vw; + top: 10vh; +} +.timeline { + width: 100vw; +} .nav { + :first-child { + margin-left: 1.5rem; + } position: fixed; - left: 1.5rem; - top: 0.2rem; background: none; display: flex; - height: 5vh; + height: 6vh; width: 100%; .nav-item { p { @@ -32,16 +43,11 @@ body { } text-decoration: none; padding: 1rem; + padding-top: 0; display: inline; width: fit-content !important; - height: fit-content; - background: none; - color: white !important; - font-family: Roboto, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, - Cantarell, "Open Sans", "Helvetica Neue", sans-serif; - margin-right: 1.5rem; font-size: 1rem; - color: $primary_text; + color: $primary_text !important; transition: 0.4s ease-in-out; font-family: "Bungee Inline", cursive; background: none; @@ -55,15 +61,37 @@ body { // margin-right: 5%; // } } +.about { + .text { + padding: 1rem; + width: fit-content; + color: $primary_text; + font-family: "Oswald", sans-serif; + font-size: 1.5rem; + } + display: flex; + margin: 0 !important; + padding: 0 !important; +} +.line-right { + margin: 0; + display: inline; + height: 60vh; +} +.sponsors_text { + margin: 1rem; + padding: 1rem !important; + width: fit-content; + color: $primary_text; + font-family: "Oswald", sans-serif; + font-size: 1.5rem; +} .container { @include section_head; transition: ease-in-out; - background-color: $secondary; border-radius: 5%; - margin: 5%; - width: 90%; height: fit-content; - border: 1px solid white; + padding: 1rem; } .splash { justify-content: center; @@ -82,14 +110,14 @@ body { justify-content: space-between; .splash-cta { margin-top: 2%; - width: 30%; + width: fit-content; height: 10%; font-size: 1.3rem; - color: $primary_text; + color: $accent-color; transition: 0.4s ease-in-out; font-family: "Bungee Inline", cursive; background: none; - border: 1px solid white; + border: 1px solid $accent-color; &:hover { background-color: white; @@ -99,10 +127,49 @@ body { } } } + +// clock section +.clock { + @include section_head; + text-align: center; +} + +#clockdiv { + margin: 2vw; + font-family: "Bungee Inline", cursive; + font-size: 1.5rem; + color: #fff; + display: flex; + justify-content: center; + font-weight: 100; + text-align: center; + padding: 1rem; +} + +#clockdiv > div { + margin: 2vw; + padding: 1vw; + border-radius: 5%; + background-color: $secondary; + display: inline-block; +} + +#clockdiv div > span { + padding: 0.3rem; + border-radius: 5%; + background-color: $primary; + display: inline-block; + width: 5vw; +} + +.smalltext { + padding-top: 0.5rem; + font-size: 1rem; +} @media only screen and (min-width: 1001px) and (max-width: 1300px) { .bg_img { margin-left: 1%; - height: 60vh; + height: 70vh; } .logo { height: 10vh; @@ -113,12 +180,54 @@ body { } } @media only screen and (max-width: 1000px) { + #clockdiv { + font-size: 0.8rem; + } + .smalltext { + padding-top: 0.5rem; + font-size: 0.5rem; + } + .get { + h2 { + font-size: 1.5rem; + } + } + .left-half, + .right-half { + h1 { + font-size: 2rem !important; + } + p { + font-size: 0.8rem !important; + } + } + .sponsors_text { + font-size: 0.8rem !important; + } + .text { + font-size: 0.8rem !important; + } + .line-right { + height: 10vh; + } + .container { + .elem { + width: 40%; + padding-top: 3vh; + .caption { + font-size: 0.8rem !important ; + } + } + h1 { + font-size: 1.5rem !important; + } + } .bg_img { height: 70vh; } .nav { margin: auto; - width: 90%; + width: 100%; justify-content: space-around; .nav-item { margin-right: 0; @@ -141,3 +250,170 @@ body { width: fit-content !important; } } +//AboutUs-styling +.flex-container { + .icon1 { + width: 10vw; + margin: 0.2rem; + border-radius: 50%; + } + .elem { + text-align: center; + vertical-align: middle; + color: $primary_text; + transition: 0.4s ease-in-out; + .caption { + margin-top: 0.2rem; + font-size: 1.2rem; + font-family: "Orbitron", sans-serif; + } + &:hover { + transform: scale(1.3); + } + } + width: 100%; + display: flex; + flex-wrap: wrap; + flex-grow: inherit; + justify-content: space-around; +} + +// colab section styling +.get { + background-color: white; + display: flex; + flex-wrap: wrap; + align-items: center; + background-color: white; + font-size: 1.5rem; + width: 100%; + font-family: "Bungee Inline", cursive; + justify-content: space-around; +} +.get-involved { + display: flex; + flex-wrap: wrap; + align-items: center; + background-color: white; + width: 100%; + margin-top: 0; + justify-content: space; +} +.get-involved h2 { + text-align: left; +} +@media (max-width: 900px) { + .right-half, + .left-half { + width: 100%; + } +} +.left-half { + /* background-color: green; */ + h2 { + font-size: 2rem; + } + p { + text-align: left; + font-size: 1rem; + } + display: inline-block; + flex-grow: 1; + flex-shrink: 1; + flex-basis: 500px; + margin-top: 0; + width: 35%; + text-align: center; + border-radius: 12px; + font-family: "Oswald", sans-serif; +} +.right-half { + h2 { + font-size: 2rem; + } + p { + text-align: left; + font-size: 1rem; + } + /* background-color: blueviolet; */ + flex-grow: 1; + flex-shrink: 1; + flex-basis: 500px; + margin-top: 0; + width: 35%; + text-align: center; + border-radius: 12px; + font-family: "Oswald", sans-serif; +} + +.register-btn { + a { + text-decoration: none !important; + color: black !important; + } + + display: inline-flex; + justify-content: center; + max-width: 100%; + margin-top: 2%; + width: fit-content; + height: 10%; + font-size: 1.3rem; + + -webkit-transition: 0.4s ease-in-out; + transition: 0.4s ease-in-out; + font-family: "Bungee Inline", cursive; + background: none; + border: 1px solid black; + /* min-width: 0; */ + flex-basis: 0; +} + +.register-btn > span { + flex-shrink: 0; + max-width: 100%; +} +.register-btn:hover { + background: #bc54cc; + /* background-image: -webkit-linear-gradient(top, #bc54cc, #01060a); + background-image: -moz-linear-gradient(top, #bc54cc, #01060a); + background-image: -ms-linear-gradient(top, #bc54cc, #01060a); + background-image: -o-linear-gradient(top, #bc54cc, #01060a); + background-image: linear-gradient(to bottom, #bc54cc, #01060a); + text-decoration: none; */ + background-color: white; + color: #3f0071; + -webkit-transform: scale(1.2); + transform: scale(1.2); +} + +.white_container { + margin: 0; + padding: 2rem; + text-align: center; + background-color: $primary_text; +} + + + + +//-- FOOTER --// +.footer-container +{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 100%; + width: calc(100% - 7rem); + max-width: 1200px; + margin: 0 auto; + padding: 0 3.5rem; + h5 + { + color: $primary_text !important; + } + + +} \ No newline at end of file diff --git a/app/scss/variables.scss b/app/scss/variables.scss index 9c4f7ca..778e6ef 100644 --- a/app/scss/variables.scss +++ b/app/scss/variables.scss @@ -5,11 +5,12 @@ $secondary: #610094; $primary_text: white; $secondary_text: #ff00e4; $nav-primary: #080056; +$accent-color: #f2e49b; //text mixins @mixin section_head { h1 { padding: 2%; - font-size: 1rem; + font-size: 2rem !important; font-family: "Press Start 2P", cursive; color: $primary_text; font-weight: 900; diff --git a/images/FFFFFF.gif b/images/FFFFFF.gif new file mode 100644 index 0000000..f38ea9f Binary files /dev/null and b/images/FFFFFF.gif differ diff --git a/images/febothon_017_1@3x.png b/images/febothon_017_1@3x.png new file mode 100644 index 0000000..bb27fc4 Binary files /dev/null and b/images/febothon_017_1@3x.png differ diff --git a/images/febothon_024@3x.png b/images/febothon_024@3x.png new file mode 100644 index 0000000..07106f4 Binary files /dev/null and b/images/febothon_024@3x.png differ diff --git a/images/febothon_027@3x.png b/images/febothon_027@3x.png new file mode 100644 index 0000000..78bd806 Binary files /dev/null and b/images/febothon_027@3x.png differ diff --git a/images/hackathon-background+.png b/images/hackathon-background+.png new file mode 100644 index 0000000..4f55e6d Binary files /dev/null and b/images/hackathon-background+.png differ diff --git a/images/hackathon-background-2.png b/images/hackathon-background-2.png deleted file mode 100644 index 7da7824..0000000 Binary files a/images/hackathon-background-2.png and /dev/null differ diff --git a/images/hackathon-background5.png b/images/hackathon-background5.png new file mode 100644 index 0000000..21b54e1 Binary files /dev/null and b/images/hackathon-background5.png differ diff --git a/images/icons/beginner.jpg b/images/icons/beginner.jpg new file mode 100644 index 0000000..d0e55fb Binary files /dev/null and b/images/icons/beginner.jpg differ diff --git a/images/icons/community.jpg b/images/icons/community.jpg new file mode 100644 index 0000000..99738ad Binary files /dev/null and b/images/icons/community.jpg differ diff --git a/images/icons/dev.jpg b/images/icons/dev.jpg new file mode 100644 index 0000000..8e3722b Binary files /dev/null and b/images/icons/dev.jpg differ diff --git a/images/icons/industry.jpg b/images/icons/industry.jpg new file mode 100644 index 0000000..d225d28 Binary files /dev/null and b/images/icons/industry.jpg differ diff --git a/images/icons/line1.png b/images/icons/line1.png new file mode 100644 index 0000000..cabe7dc Binary files /dev/null and b/images/icons/line1.png differ diff --git a/images/icons/line2.png b/images/icons/line2.png new file mode 100644 index 0000000..f891c51 Binary files /dev/null and b/images/icons/line2.png differ diff --git a/images/icons/lines-1-finaljpg-removebg-preview.png b/images/icons/lines-1-finaljpg-removebg-preview.png new file mode 100644 index 0000000..4b58ac8 Binary files /dev/null and b/images/icons/lines-1-finaljpg-removebg-preview.png differ diff --git a/images/icons/lines-1.png b/images/icons/lines-1.png new file mode 100644 index 0000000..0cb0933 Binary files /dev/null and b/images/icons/lines-1.png differ diff --git a/images/icons/lines-2.png b/images/icons/lines-2.png new file mode 100644 index 0000000..e15e1be Binary files /dev/null and b/images/icons/lines-2.png differ diff --git a/index.html b/index.html index 0b17e24..d144168 100644 --- a/index.html +++ b/index.html @@ -18,25 +18,25 @@ /> - Document + Febothon2022
+
+ +
- +
- +
@@ -44,44 +44,149 @@
-
-

Get Involved

-
-
-
-

Individuals

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum fuga officiis et? Dolorem alias commodi omnis dolore assumenda natus pariatur blanditiis error ad est, a quibusdam quis! Fugiat, ex id. -

- +
+
+

Kickoff In....

+
+
+ +
Days
+
+
+ +
Hours
+
+
+ +
Minutes
+
+
+ +
Seconds
+
-
-

Team participants

+
+
+ +
+

About Us

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum fuga officiis et? Dolorem alias commodi omnis dolore assumenda natus pariatur blanditiis error ad est, a quibusdam quis! Fugiat, ex id. + “Everybody has a creative potential and from the moment you can + express this creative potential, you can start changing the world” – + Paulo Coelho
+ So, here the GCECT – Tech Club in collaboration with MLSA + and GDSC-GCECT presents you with the opportunity to enhance your + skills. The Feb-O-Thon ’22 is alive, let’s not miss it! It is where + your crazy ideas become reality. It is an event gathering various + programmers, designers and businessmen and other domain experts + together to intensively collaborate on a project. The word hackathon + is a portmanteau of the word hacker, which means clever programmer, + and marathon, an event marked by endurance. It is an activity that + brings something useful or cool to the world. This year we the + ByteMonk - GCECT Tech Club is hosting this Collaborative global event, + Hackathon ’22 with the name of FEB-O-THON ’22. The main draw will be + the online sessions by Industrial Experts on various topics related to + modern technologies. The event will continue for seven days. It will + be succeeded by an Open Source event which will be online for a month. +  

VISION:

It’s 2022 But not being able to keep up with the pace of + technology swinging around you? Feb-o-Thon to the rescue! We, here at + Government College of Engineering and Ceramic Technology (GCECT), in + collaboration with MLSA and GDSC-GCECT along with the contribution + from all and wholesome participation , as a team, aim to create a tech + community to create global outreach among the budding developers. Our + vision is to provide a platform conducive for collaborative learning + and mutual growth.


OBJECTIVES:

• Collaborative learning helping + to develop effective teamwork as well as personal accountability.
+ • Exposure to the Tech world with the help of proper guidance from + field experts.
+ • Development of soft skills and boosting of self confidence through + various events of esteemed value.
+ • Gathering experience and interests in the field of Technology.
+ • Building mutual understanding and positive relations between various + sects of students for current and future times.  

-
-
-

About Us

-

+
+
-
-

Events

-

+ +
+

Who can get involved? Everyone!!!!

+
+
+ +

Beginners

+
+
+ +

Experienced Devs

+
+
+ +

Industry Experts

+
+
+ +

Community Leaders

+
+
-
-

Participate

-

+
+
+

Collaborate with Us!

+
+
+
+

Individual

+

+

Individual Collaborators can join if they are a part of Microsoft Learn Student Ambassador Community

+
    +

  • 1 Project only

    • +

  • Team Limit: 5 Members

    • +
+

+
+
+

Community

+

Any Technical Community can collaborate with us as a whole and become joint hosts of the event. +

Requirements

+
    +

  • 4 Open Source Mentors to guide various projects during the open source event

    • +

  • Upto 7 Projects from the Technical Community

    • +
+

+

+

+ Your college doesn't have a technical community yet but still want + to collaborate ? We got you covered too...you can collaborate as an institution, rules are same as technical community collaboration. +

+
+
+
-
+ +
+
Made with ♡, by ByteMonk-GCECT
+
+