added CPs, sponsors and events

src/App.css

@@ -246,6 +246,6 @@ body{
   margin-top: 40px;
 }
 .logo_sponsi{
-  height: 90px;
+  height: 120px;
   margin: 30px;
 }

src/components/EventCard/eventCard.js

@@ -1,5 +1,16 @@
 import React from "react";
 import "../../styles/Card.css";
+import cof from "./images/cof.png"
+import cos from "./images/cos.png"
+import dat from "./images/dat.png"
+import hnc from "./images/hnc.png"
+import poly from "./images/poly.jpeg"
+import qm from "./images/qm.png"
+import robowars from "./images/robowars.png"
+import str from "./images/str.png"
+import tff from "./images/tff.jpeg"
+import wot from "./images/wot.jpeg"
+import hack from "./images/hack.png"
 
 export default function EventCard(props) {
   // let mouseOver = () => {
@@ -15,12 +26,45 @@ export default function EventCard(props) {
     const card = document.querySelector("#" + props.id);
     card.classList.toggle("is-flipped");
   };
-
+  let eimg;
+  if(props.img==="cof"){
+    eimg=cof
+  }
+  if(props.img==="cos"){
+    eimg=cos
+  }
+  if(props.img==="dat"){
+    eimg=dat
+  }
+  if(props.img==="hnc"){
+    eimg=hnc
+  }
+  if(props.img==="poly"){
+    eimg=poly
+  }
+  if(props.img==="qm"){
+    eimg=qm
+  }
+  if(props.img==="robowars"){
+    eimg=robowars
+  }
+  if(props.img==="str"){
+    eimg=str
+  }
+  if(props.img==="tff"){
+    eimg=tff
+  }
+  if(props.img==="wot"){
+    eimg=wot
+  }
+  if(props.img==="hack"){
+    eimg=hack
+  }
   return (
     <div className='card' onClick={click}>
       <div className='card__inner' id={props.id}>
         <div className='card__face card__face--front card-'>
-          <h2>{props.frontHeader}</h2>
+          <img src={eimg} className="event_post"/>
         </div>
         <div className='card__face card__face--back'>
           <div className='card__content'>
@@ -30,6 +74,9 @@ export default function EventCard(props) {
             <div className='card__body'>
               <p>{props.details}</p>
             </div>
+            <div className='card__href'>
+              <a href={props.href} className="link_event" target={"_blank"}>Register</a>
+            </div>
           </div>
         </div>
       </div>

src/components/EventCard/events.js

@@ -9,48 +9,94 @@ export default function Events() {
     <section className='eventStart' id="events">
       <p class='event-heading'>OUR EVENTS</p>
       <div className='events'>
-        <Fade up>
-          <div className='comingSoon'>
-            <h1><TubelightText text= 'Announcing Soon...' /></h1>
-          </div>
-        </Fade>
-
-        {/* <EventCard
+        <EventCard
+        img="hack"
+        href="https://hacknsut23.devfolio.co/"
+        id='card0'
+        frontHeader='Event 1'
+        title='HackNSUT'
+        details='It will be a 30-hour in-person hackathon wherein various students and professionals from more than 350 top universities across the nation will be participating. '
+      />
+        <EventCard
+        img="cof"
+        href="http://bit.ly/3D36BDg"
         id='card1'
         frontHeader='Event 1'
-        title='Title 1'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur?'
+        title='Code-O-Fiésta'
+        details='Ready to solve fun, challenging problems? Coding Ninjas is hosting the ”Code-O-Fiésta” in collaboration with ”IEEE NSUT”'
       />
       <EventCard
+              img="cos"
+              href="https://forms.gle/ApCiPYarWeMZE3wR6"
         id='card2'
         frontHeader='Event 2'
-        title='Title 2'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur? Dolor amet similique, ad culpa magnam alias eveniet odit labore quas deserunt consequun'
+        title='Chamber of Secrets'
+        details='TechWeek 2023 is elated to announce Chamber of Secrets, a treasure hunt event, filled with mind-thobbering puzzles and riddles where you will get to showcase your problem solving and detective skills live!'
       />
       <EventCard
+              img="dat"
+              href="https://bit.ly/TechWeek2023_Designathon"
         id='card3'
         frontHeader='Event 3'
-        title='Title 3'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur? Dolor amet similique,'
+        title='Design-A-Thon'
+        details='TechWeek 2023 is thrilled to announce the Design-A-Thon, a unique opportunity for aspiring and novice designers to showcase their talents and push their creative boundaries.'
       />
       <EventCard
+              img="hnc"
+              href="https://bit.ly/HIDE_N_CLICK"
         id='card4'
         frontHeader='Event 4'
-        title='Title 4'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur?'
+        title="HIDE 'N' CLICK"
+        details="Junoon - The Photography club of NSUT announces 'Hide n Click' an event in association with IEEE NSUT for the TechWeek 2023."
       />
       <EventCard
+              img="poly"
+              href="https://lu.ma/metaschool_techweek2023"
         id='card5'
         frontHeader='Event 5'
-        title='Title 5'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur? Dolor amet similique, ad culpa magnam alias eveniet odit labore quas deserunt consequun'
+        title='How to create a token in Polygon'
+        details='IEEE NSUT in collaboration with METASCHOOL present to you "Learn with Ashwin”, a knowledge enriched experience brought to you by TechWeek 2023.'
       />
       <EventCard
+              img="qm"
+              href="https://bit.ly/TechWeek2023_Quizomania"
         id='card6'
         frontHeader='Event 6'
-        title='Title 6'
-        details='Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, harum tenetur? Dolor amet similique,'
-      /> */}
+        title='Quizomania'
+        details='Quizomania, an exhilarating Tech Quiz by The NSUT Quiz Club in collaboration with IEEE NSUT as a part of TechWeek 2023.'
+      />
+      <EventCard
+              img="robowars"
+              href="https://bit.ly/ROBOWARS"
+        id='card11'
+        frontHeader='Event 6'
+        title='ROBOWAR'
+        details='IEEE NSUT in collaboration with ARES is excited to introduce you to Techweek 2023 ROBOWAR, the ultimate robo-battling event.'
+      />
+      <EventCard
+              img="str"
+              href="https://bit.ly/Stratazenith_TechWeek2023"
+        id='card12'
+        frontHeader='Event 6'
+        title='Stratazenith'
+        details='IEEE NSUT in association with The Indian Game Theory Society at NSUT proudly unveil Stratazenith - an exhilarating strategy case competition, set to ignite TechWeek 2023.'
+      />
+      <EventCard
+              img="tff"
+              href="https://bit.ly/TheFrontendFiesta"
+        id='card13'
+        frontHeader='Event 6'
+        title='The Frontend Fiésta'
+        details='A front-end development competition to showcase the best in modern web design and development , that will recognize the most talented and innovative developers, who bring front-end innovation to life.'
+      />
+      <EventCard
+              img="wot"
+              href="https://bit.ly/Write-O-Tech"
+        id='card14'
+        frontHeader='Event 6'
+        title='Write-O-Tech'
+        details="A technical blog writing competition to be conducted by IEEE NSUT in association with The Alliance, NSUT's Newspaper"
+      />
       </div>
     </section>
   );

src/components/Header/Header.jsx

@@ -53,7 +53,7 @@ const Header = () => {
 
           <Countdown date={"2023-02-08"} />
           <a
-            href='https://discord.gg/PtmKS5ke'
+            href='https://discord.gg/KX52TkVMsW'
             target={"_blank"}
             className='discord_wrap'
             style={{ marginTop: "10px", width: "220px" }}

src/components/Sponsors/AnnouncingSponsors.js

@@ -5,29 +5,59 @@ import logo2 from "./images/taskade.png"
 import logo3 from "./images/wolfram.png"
 import logo4 from "./images/xyz.png"
 
-import p1 from "./partners/dscbennett.png"
-import p2 from "./partners/ed.png"
-import p3 from "./partners/ieeedtu.png"
-import p4 from "./partners/ieeepec.png"
-import p5 from "./partners/kalidni.png"
-import p6 from "./partners/dscmsit.png"
-import p7 from "./partners/ieeemait.png"
-import p8 from "./partners/ieeebkbiet.png"
-import p9 from "./partners/ieeeadgitm.png"
-import p10 from "./partners/ieeeciet.png"
-import p11 from "./partners/ieeeiiitd.png"
-import p12 from "./partners/bvpieee.png"
-import p20 from "./partners/iosdmait.png"
 
+import p1 from "./partners/1.png"
+import p2 from "./partners/2.png"
+import p3 from "./partners/3.png"
+import p4 from "./partners/4.png"
+import p5 from "./partners/5.png"
+import p6 from "./partners/6.png"
+import p7 from "./partners/7.png"
+import p8 from "./partners/8.png"
+import p9 from "./partners/9.png"
+import p10 from "./partners/10.png"
+import p11 from "./partners/11.png"
+import p12 from "./partners/12.png"
+import p13 from "./partners/13.png"
+import p14 from "./partners/14.png"
+import p15 from "./partners/15.png"
+import p16 from "./partners/16.png"
+import p17 from "./partners/17.png"
+import p18 from "./partners/18.png"
+import p19 from "./partners/19.png"
+import p20 from "./partners/20.png"
+import p21 from "./partners/21.png"
+import p22 from "./partners/22.png"
+import p23 from "./partners/23.png"
+import p24 from "./partners/24.png"
+import p25 from "./partners/25.png"
+import p26 from "./partners/26.png"
+import p27 from "./partners/27.png"
+import p28 from "./partners/28.png"
+import p29 from "./partners/29.png"
+import p30 from "./partners/30.png"
+import p31 from "./partners/31.png"
+import p32 from "./partners/32.png"
+import p33 from "./partners/33.png"
+import p34 from "./partners/34.png"
+import p35 from "./partners/35.png"
+import p36 from "./partners/36.png"
+import p37 from "./partners/37.png"
+import p38 from "./partners/38.png"
+import p39 from "./partners/39.png"
+import p40 from "./partners/40.png"
+import p41 from "./partners/41.png"
+import p42 from "./partners/42.png"
+import p43 from "./partners/43.png"
 
 
-import p13 from "./metvy.png"
-import p14 from "./youngskilled.png"
-import p15 from "./mentro.svg"
-import p16 from "./metaschool.jpeg"
-import p17 from "./social3.svg"
-import p18 from "./streamyard.png"
-import p19 from "./stickeryou.webp"
+import p45 from "./metvy.png"
+import p46 from "./youngskilled.png"
+import p47 from "./mentro.svg"
+import p48 from "./metaschool.jpeg"
+import p49 from "./social3.svg"
+import p50 from "./streamyard.png"
+import p51 from "./stickeryou.webp"
 
 
 
@@ -36,22 +66,22 @@ function AnnouncingSponsors() {
     <section className="eventStart">
       <p class="event-heading" style={{marginTop:"60px"}}>Education Partners</p>
       <div className="logos_wrap">
-        <img src={p13} className="logo_sponsi"/>
-        <img src={p14} className="logo_sponsi"/>
-        <img src={p15} className="logo_sponsi"/>
-        <img src={p16} className="logo_sponsi"/>
+        <img src={p45} className="logo_sponsi"/>
+        <img src={p46} className="logo_sponsi"/>
+        <img src={p47} className="logo_sponsi"/>
+        <img src={p48} className="logo_sponsi"/>
       </div>
       <p class="event-heading" style={{marginTop:"60px"}}>Hiring Partner</p>
       <div className="logos_wrap">
-        <img src={p17} className="logo_sponsi"/>
+        <img src={p49} className="logo_sponsi"/>
       </div>
       <p class="event-heading" style={{marginTop:"60px"}}>Platform Partner</p>
       <div className="logos_wrap">
-        <img src={p18} className="logo_sponsi"/>
+        <img src={p50} className="logo_sponsi"/>
       </div>
       <p class="event-heading" style={{marginTop:"60px"}}>Sticker Partner</p>
       <div className="logos_wrap">
-        <img src={p19} className="logo_sponsi"/>
+        <img src={p51} className="logo_sponsi"/>
       </div>
       <p class="event-heading" style={{marginTop:"60px"}}>Outreach Partners</p>
       <div className="logos_wrap">
@@ -67,7 +97,37 @@ function AnnouncingSponsors() {
         <img src={p10} className="logo_sponsi"/>
         <img src={p11} className="logo_sponsi"/>
         <img src={p12} className="logo_sponsi"/>
+        <img src={p13} className="logo_sponsi"/>
+        <img src={p14} className="logo_sponsi"/>
+        <img src={p15} className="logo_sponsi"/>
+        <img src={p16} className="logo_sponsi"/>
+        <img src={p17} className="logo_sponsi"/>
+        <img src={p18} className="logo_sponsi"/>
+        <img src={p19} className="logo_sponsi"/>
         <img src={p20} className="logo_sponsi"/>
+        <img src={p21} className="logo_sponsi"/>
+        <img src={p22} className="logo_sponsi"/>
+        <img src={p23} className="logo_sponsi"/>
+        <img src={p24} className="logo_sponsi"/>
+        <img src={p25} className="logo_sponsi"/>
+        <img src={p26} className="logo_sponsi"/>
+        <img src={p27} className="logo_sponsi"/>
+        <img src={p28} className="logo_sponsi"/>
+        <img src={p29} className="logo_sponsi"/>
+        <img src={p30} className="logo_sponsi"/>
+        <img src={p31} className="logo_sponsi"/>
+        <img src={p32} className="logo_sponsi"/>
+        <img src={p33} className="logo_sponsi"/>
+        <img src={p34} className="logo_sponsi"/>
+        <img src={p35} className="logo_sponsi"/>
+        <img src={p36} className="logo_sponsi"/>
+        <img src={p37} className="logo_sponsi"/>
+        <img src={p38} className="logo_sponsi"/>
+        <img src={p39} className="logo_sponsi"/>
+        <img src={p40} className="logo_sponsi"/>
+        <img src={p41} className="logo_sponsi"/>
+        <img src={p42} className="logo_sponsi"/>
+        <img src={p43} className="logo_sponsi"/>
 
       </div>
 

src/components/Sponsors/Title.js

@@ -1,7 +1,7 @@
 import Zeeve from "./Zeeve.svg";
 import Kiara from "./kiara.png";
 const object1={src:Zeeve,href:"https://zeeve.io"};
-const object2={src:Kiara,href:"http://www.kiaraeducation.com/"};
+const object2={src:Kiara,href:"https://www.kiaraedu.com/"};
 const titlearray=[object1,object2];
 const listitems=titlearray.map((index)=>
         <div class="logo-box griditem">

src/components/footer/footer.jsx

@@ -77,16 +77,16 @@ function Footer() {
           </h3>
           <ul>
             <li>
-              <a href='#about'>About</a>
+              <div>About</div>
             </li>
             <li>
-              <a href='#sponsor'>Sponsors</a>
+              <div>Sponsors</div>
             </li>
             <li>
-              <a href='#faq'>FAQs</a>
+              <div>FAQs</div>
             </li>
             <li>
-              <a href='#footer'>Contact</a>
+              <div>Contact</div>
             </li>
           </ul>
         </div>