diff --git a/index.html b/index.html index 7a12104..90ff063 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,11 @@ - Srijan 2023 + + SriGen 2023
diff --git a/src/Components/Sidelinks/Sidelinks.jsx b/src/Components/Sidelinks/Sidelinks.jsx index f9d3341..42a6c0c 100644 --- a/src/Components/Sidelinks/Sidelinks.jsx +++ b/src/Components/Sidelinks/Sidelinks.jsx @@ -1,19 +1,40 @@ +/* eslint-disable jsx-a11y/control-has-associated-label */ import React from "react"; import { FiFacebook, FiLinkedin } from "react-icons/fi"; import { AiOutlineInstagram } from "react-icons/ai"; import style from "./Sidelinks.module.scss"; const Sidelinks = () => { + const handleLinkedin = () => { + window.open("https://www.linkedin.com/company/srijan-nit-silchar", "_blank"); + }; + + const handleFacebook = () => { + window.open("https://www.facebook.com/srijan.nits", "_blank"); + }; + + const handleInstagram = () => { + window.open("https://www.instagram.com/srijan_nits/?hl=en", "_blank"); + }; + return (
- +
- +
- +
line diff --git a/src/Components/Sidelinks/Sidelinks.module.scss b/src/Components/Sidelinks/Sidelinks.module.scss index 8fd4751..bafad44 100644 --- a/src/Components/Sidelinks/Sidelinks.module.scss +++ b/src/Components/Sidelinks/Sidelinks.module.scss @@ -7,17 +7,27 @@ align-items: center; justify-content: space-between; top: 7rem; + z-index: 1000; .iconimgcont { .icon { - font-size: 2.5em; + font-size: 2.6vw; color: var(--srijan-white-1); } + button { + cursor: pointer; + background: transparent; + border: none; + outline: none; + } } } -@media (max-width: 1000px) { +@media (max-width: 1100px) { .iconcontainer { .iconimgcont { + .icon { + font-size: 4.2vw; + } width: 80%; display: flex; justify-content: center; @@ -27,16 +37,8 @@ @media (max-width: 640px) { .iconcontainer { - .iconimgcont { - width: 60%; - } + display: none; } } -@media (max-width: 359px) { - .iconcontainer { - .iconimgcont { - width: 60%; - } - } -} +//sidelinks.css diff --git a/src/Pages/ComingSoon/Comingsoon.jsx b/src/Pages/ComingSoon/Comingsoon.jsx index 80e4d78..ddb7ea0 100644 --- a/src/Pages/ComingSoon/Comingsoon.jsx +++ b/src/Pages/ComingSoon/Comingsoon.jsx @@ -9,6 +9,12 @@ const Comingsoon = () => { // const bgColor = "transparent"; const spanColor = "var(--srijan4-gradient-8)"; + const handleGoToBrochure = () => { + window.open( + "https://drive.google.com/file/d/13_UqI2r2NkvjfC_lIkhcehV7pebS5Az3/view?usp=sharing", + "_blank" + ); + }; return (
@@ -369,6 +375,12 @@ const Comingsoon = () => { />
+ +
+ +
); }; diff --git a/src/Pages/ComingSoon/Comingsoon.module.scss b/src/Pages/ComingSoon/Comingsoon.module.scss index ee23e67..ea22ce5 100644 --- a/src/Pages/ComingSoon/Comingsoon.module.scss +++ b/src/Pages/ComingSoon/Comingsoon.module.scss @@ -292,6 +292,25 @@ $animationmobilespeed: 32s; } } +.btnholder_brochure { + padding-bottom: 5vw; + .button_download_bro { + display: block; + color: white; + background: var(--srijan4-gradient-1); + padding: 0.5vw 2vw; + border: none; + outline: none; + margin: 2vw auto; + cursor: pointer; + font-weight: 600; + font-family: var(--srijan4-font-1); + border-radius: 20px; + transition: all 0.25s ease-in-out; + font-size: 1.25vw; + } +} + @media (max-width: 900px) and (min-width: 661px) { .srigen { position: absolute; @@ -331,6 +350,15 @@ $animationmobilespeed: 32s; } @media (max-width: 660px) { + //comingsoon.module.scss + + //line334 + + .topimg { + img { + width: 50px; + } + } .diamond { position: absolute; top: 60%; @@ -477,7 +505,7 @@ $animationmobilespeed: 32s; } .tshirtsection { - margin-top: 15vw; + margin-top: 23vw; h1 { padding-bottom: 10vw; span { @@ -502,6 +530,19 @@ $animationmobilespeed: 32s; } } } + + .btnholder_brochure { + padding-bottom: 5vw; + .button_download_bro { + display: block; + color: white; + background: var(--srijan4-gradient-1); + padding: 2vw 6vw; + margin: 4vw auto; + border-radius: 10px; + font-size: 3vw; + } + } } @media (max-width: 540px) { diff --git a/src/Pages/Sponsors/Sponsors.module.scss b/src/Pages/Sponsors/Sponsors.module.scss index e75bdfe..7bad3ee 100644 --- a/src/Pages/Sponsors/Sponsors.module.scss +++ b/src/Pages/Sponsors/Sponsors.module.scss @@ -202,7 +202,7 @@ font-size: 1.25rem; line-height: 1.875rem; text-align: center; - margin-bottom: 1rem; + margin-bottom: 9vw; } .prevSponsors { display: none;