diff --git a/Domains/Frontend/MiniProjects/CSS Mini Project/app.js b/Domains/Frontend/MiniProjects/CSS Mini Project/app.js new file mode 100644 index 00000000..e26f204c --- /dev/null +++ b/Domains/Frontend/MiniProjects/CSS Mini Project/app.js @@ -0,0 +1,9 @@ +let gallery_btn=document.querySelector("#gallery"); +let newBtn=document.createElement("button"); +gallery_btn.addEventListener("click",()=>{ + + gallery_btn.style.color="red"; + document.querySelector(".menu").append(newBtn); + newBtn.innerText="new button"; + +}) \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/CSS Mini Project/index.html b/Domains/Frontend/MiniProjects/CSS Mini Project/index.html new file mode 100644 index 00000000..44bf8fe8 --- /dev/null +++ b/Domains/Frontend/MiniProjects/CSS Mini Project/index.html @@ -0,0 +1,90 @@ + + + + + + + CSS Project + + + + + + + + + + +
+ +
+ +
+ + +
+ + + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/CSS Mini Project/photo.jpg b/Domains/Frontend/MiniProjects/CSS Mini Project/photo.jpg new file mode 100644 index 00000000..2f5a1a60 Binary files /dev/null and b/Domains/Frontend/MiniProjects/CSS Mini Project/photo.jpg differ diff --git a/Domains/Frontend/MiniProjects/CSS Mini Project/style.css b/Domains/Frontend/MiniProjects/CSS Mini Project/style.css new file mode 100644 index 00000000..abc753db --- /dev/null +++ b/Domains/Frontend/MiniProjects/CSS Mini Project/style.css @@ -0,0 +1,144 @@ +*{ + margin: 0; + padding: 0; + font-family: "Poppins", sans-serif; +} + +.main_box{ + background-image: url("photo.jpg"); + height: 100vh; + background-size: cover; +} + +.btn_one{ + color: white; + font-size: 30px; + font-weight: 700; + position: absolute; + line-height: 60px; + left: 16px; + cursor: pointer; + transition: all 0.3s linear; +} + +.sidebar_menu{ + position: fixed; + height: 100vh; + width: 300px; + left: -300px; + background-color:rgba(255, 255, 255, 0.1); + box-shadow: 0 0 4px rgba(255, 255, 255, 0.1); + transition: all 0.3s linear; +} + +.sidebar_menu .logo { + position: absolute; + line-height: 60px; + width: 100%; + box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5); + height: 60px; +} + +.sidebar_menu .logo a { + position: absolute; + color: white; + text-decoration: none; + left: 50px; + font-size: 25px; + font-weight: 700; +} + +.sidebar_menu .btn_two i { + color: gray; + left: 275px; + font-size: 25px; + line-height: 60px; + position: absolute; + /* opacity: 0; */ + cursor: pointer; + transition: all 0.3s linear; +} + +.sidebar_menu .menu { + top: 60px; + position: absolute; + color: white; + width: 100%; + cursor: pointer; +} + +.sidebar_menu .menu li { + margin-top: 6px; + padding: 14px 20px; +} + +.sidebar_menu .menu i { + color: white; + text-decoration: none; + padding-left: 10px; + font-size: 20px; +} + +.sidebar_menu .menu a { + color: white; + text-decoration: none; + padding-left: 10px; + font-size: 20px; +} + +.sidebar_menu .social_media { + position: absolute; + bottom: 50px; + left: 25%; + } + + /* .sidebar_menu .sidebar_menu i { + color: white; + opacity: 0.5; + padding: 0 5px; + } */ + + .sidebar_menu .social_media i{ + color: white; + opacity: 0.5; + padding: 0 5px; + } + + #check{ + display: none; + } + + /* .sidebar_menu .menu li:hover { + box-shadow: 0 0 4px rgba(255, 255, 255, 0.5); + } + +.btn_two:hover { + font-size: 30px; +} */ + +.btn_one i:hover{ + font-size: 40px; +} + +.btn_two i:hover{ + font-size: 30px; +} + +.sidebar_menu .menu li:hover { + background: rgba(255, 255, 255, 0.2); + box-shadow: 0 0 8px rgba(255, 255, 255, 0.7); + /* transition: all 0.3s linear; */ +} + +.sidebar_menu .social_media i:hover{ + opacity: 1; + transform: scale(1.1); +} + +#check:checked ~ .sidebar_menu { + left: 0; +} + +#check:checked ~ .btn_one{ + opacity: 0; +} \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/project/About-us.png b/Domains/Frontend/MiniProjects/project/About-us.png new file mode 100644 index 00000000..8086a434 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/About-us.png differ diff --git a/Domains/Frontend/MiniProjects/project/AcunetixChatbot.webp b/Domains/Frontend/MiniProjects/project/AcunetixChatbot.webp new file mode 100644 index 00000000..71adc4bf Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/AcunetixChatbot.webp differ diff --git a/Domains/Frontend/MiniProjects/project/Background.mp4 b/Domains/Frontend/MiniProjects/project/Background.mp4 new file mode 100644 index 00000000..bf0fb3c3 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/Background.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/Background1.mp4 b/Domains/Frontend/MiniProjects/project/Background1.mp4 new file mode 100644 index 00000000..27fa5c56 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/Background1.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/Sponsors/edualliance-logo.png b/Domains/Frontend/MiniProjects/project/Sponsors/edualliance-logo.png new file mode 100644 index 00000000..bc702666 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/Sponsors/edualliance-logo.png differ diff --git a/Domains/Frontend/MiniProjects/project/Sponsors/gs-sap-logo.jpg b/Domains/Frontend/MiniProjects/project/Sponsors/gs-sap-logo.jpg new file mode 100644 index 00000000..d64cdeac Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/Sponsors/gs-sap-logo.jpg differ diff --git a/Domains/Frontend/MiniProjects/project/Sponsors/learnomate-logo.svg b/Domains/Frontend/MiniProjects/project/Sponsors/learnomate-logo.svg new file mode 100644 index 00000000..48c013a2 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/Sponsors/learnomate-logo.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + +"/> + + + + + + + + + + + + + + + +"/> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Domains/Frontend/MiniProjects/project/Tech-events.png b/Domains/Frontend/MiniProjects/project/Tech-events.png new file mode 100644 index 00000000..8c787770 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/Tech-events.png differ diff --git a/Domains/Frontend/MiniProjects/project/footer/acunetix-logo.webp b/Domains/Frontend/MiniProjects/project/footer/acunetix-logo.webp new file mode 100644 index 00000000..942df55d Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/footer/acunetix-logo.webp differ diff --git a/Domains/Frontend/MiniProjects/project/footer/instagram.svg b/Domains/Frontend/MiniProjects/project/footer/instagram.svg new file mode 100644 index 00000000..74b100f9 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/footer/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/project/footer/linkedin.svg b/Domains/Frontend/MiniProjects/project/footer/linkedin.svg new file mode 100644 index 00000000..70db1452 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/footer/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/project/footer/youtube.svg b/Domains/Frontend/MiniProjects/project/footer/youtube.svg new file mode 100644 index 00000000..5148e5c1 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/footer/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/project/image/Brainiac.webp b/Domains/Frontend/MiniProjects/project/image/Brainiac.webp new file mode 100644 index 00000000..3805f357 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/Brainiac.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/Bugbounty.webp b/Domains/Frontend/MiniProjects/project/image/Bugbounty.webp new file mode 100644 index 00000000..c4dc04e3 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/Bugbounty.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/CtrlAltElite.webp b/Domains/Frontend/MiniProjects/project/image/CtrlAltElite.webp new file mode 100644 index 00000000..3c3e4d8a Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/CtrlAltElite.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/GameStorm.webp b/Domains/Frontend/MiniProjects/project/image/GameStorm.webp new file mode 100644 index 00000000..792e3987 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/GameStorm.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix5.mp4 b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix5.mp4 new file mode 100644 index 00000000..0bd2748d Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix5.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix6.mp4 b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix6.mp4 new file mode 100644 index 00000000..c7646ef1 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix6.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix7.mp4 b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix7.mp4 new file mode 100644 index 00000000..f9296392 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/Reel-Acunetix7.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/image/build-a-thon.webp b/Domains/Frontend/MiniProjects/project/image/build-a-thon.webp new file mode 100644 index 00000000..ef5bb1b4 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/build-a-thon.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/codeOfLies.webp b/Domains/Frontend/MiniProjects/project/image/codeOfLies.webp new file mode 100644 index 00000000..1441408b Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/codeOfLies.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/dpl.webp b/Domains/Frontend/MiniProjects/project/image/dpl.webp new file mode 100644 index 00000000..6fbe36d7 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/dpl.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/edualliance-logo.png b/Domains/Frontend/MiniProjects/project/image/edualliance-logo.png new file mode 100644 index 00000000..bc702666 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/edualliance-logo.png differ diff --git a/Domains/Frontend/MiniProjects/project/image/gs-sap-logo.jpg b/Domains/Frontend/MiniProjects/project/image/gs-sap-logo.jpg new file mode 100644 index 00000000..d64cdeac Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/gs-sap-logo.jpg differ diff --git a/Domains/Frontend/MiniProjects/project/image/learnomate-logo.svg b/Domains/Frontend/MiniProjects/project/image/learnomate-logo.svg new file mode 100644 index 00000000..48c013a2 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/image/learnomate-logo.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + +"/> + + + + + + + + + + + + + + + +"/> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Domains/Frontend/MiniProjects/project/image/timeScape.webp b/Domains/Frontend/MiniProjects/project/image/timeScape.webp new file mode 100644 index 00000000..a4eb68bd Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/timeScape.webp differ diff --git a/Domains/Frontend/MiniProjects/project/image/treasure-trove.webp b/Domains/Frontend/MiniProjects/project/image/treasure-trove.webp new file mode 100644 index 00000000..a80fafdf Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/image/treasure-trove.webp differ diff --git a/Domains/Frontend/MiniProjects/project/index.html b/Domains/Frontend/MiniProjects/project/index.html new file mode 100644 index 00000000..bfeef586 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/index.html @@ -0,0 +1,375 @@ + + + + + + Acunetix 12.0 + + + + + + + + + +
+ +
+

Acunetix 12.0

+

Dive into the world of illusions

+
+
+ + + +
+

ABOUT US

+

+ Acunetix 12.0 is a flagship event organised by ACES and CSI, offering a range of Tech & Non-Tech events. + Participants take part in diverse competitions, showcasing their skills and earning recognition. + With exciting prizes and a mix of solo and team events, it's a unique opportunity for students to shine + and be part of an unforgettable experience. +

+
+ + + +
+
+

Events

+
+ +
+ + +
+
+ Treasure Trove +
+
+ +
+
+ GameStorm +
+
+ +
+
+ DPL +
+
+ + +
+
+ CodeOfLies +
+
+ +
+
+ Brainiac +
+
+ +
+
+ CtrlAltElite +
+
+ + +
+
+ timeScape +
+
+ +
+
+ build-a-thon +
+
+ +
+
+ Bugbounty +
+
+ +
+
+ + +
+
+

SCHEDULE

+

27–29 MARCH 2025

+
+ + +
+
DAY   1     27   March 2025
+ +
+ +
+
+

Gamestorm

+

Location: 508

+
+
7:30 AM – 6:30 PM
+
+ +
+
+

Escape Room

+

Location: 409 & 411

+
+
7:30 AM – 6:30 PM
+
+ +
+
+

Ctrl Alt Elite

+

⚡ Round 1 & 2 — 10:00 AM – 1:00 PM     ⚡ Round 3 — 3:00 PM – 5:30 PM

+
+
+ +
+
+

Buildable

+

Location: 504, 505, 506

+
+
7:30 AM – 9:00 PM
+
+ +
+
+

DPL

+

⚡ Round 1 & Round 2 — 9:00 AM – 12:30 PM

+

Location: 509, 511

+
+
+ +
+
+

Code of Lies

+

CTF event

+
+
1:00 PM – 3:00 PM
+
+ +
+
+

Brainiac

+

⚡ Round 1 — 8:30 AM – 9:30 AM     ⚡ Round 2 — 2:30 PM – 5:30 PM

+

Location: 402, 509, 511

+
+
+ +
+ +
+ + +
+
DAY   2     28   March 2025
+ +
+ +
+
+

Gamestorm

+

Location: 508

+
+
+ +
+
+

Escape Room

+

Location: 409 & 411

+
+
+ +
+
+

Bug Bounty

+

Location: 5th Floor

+
+
+ +
+
+

DPL (Auction)

+

Location: Library

+
+
+ +
+
+

Brainiac (Interview)

+

Location: 401

+
+
+ +
+ +
+ + +
+ +
DAY   3     29   March 2025
+ +
+ +
+
+

GameStorm

+

Location: 4th Floor

+
+
+ +
+
+

Treasure Tarea

+

Treasure Hunt

+
+
+ +
+ +
+ +
+ + +
+
+

Our Sponsors

+

Visionary organizations powering our journey through innovation and collaboration.

+
+ + +
+ + + +
+

Carrying the Legacy

+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + + + + +
+ + + + + + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix5.mp4 b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix5.mp4 new file mode 100644 index 00000000..0bd2748d Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix5.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix6.mp4 b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix6.mp4 new file mode 100644 index 00000000..c7646ef1 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix6.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix7.mp4 b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix7.mp4 new file mode 100644 index 00000000..f9296392 Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/legacy/Reel-Acunetix7.mp4 differ diff --git a/Domains/Frontend/MiniProjects/project/logo.png b/Domains/Frontend/MiniProjects/project/logo.png new file mode 100644 index 00000000..1ff7f23e Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/logo.png differ diff --git a/Domains/Frontend/MiniProjects/project/no-tech-event.png b/Domains/Frontend/MiniProjects/project/no-tech-event.png new file mode 100644 index 00000000..4ef084cc Binary files /dev/null and b/Domains/Frontend/MiniProjects/project/no-tech-event.png differ diff --git a/Domains/Frontend/MiniProjects/project/style.css b/Domains/Frontend/MiniProjects/project/style.css new file mode 100644 index 00000000..f97619e0 --- /dev/null +++ b/Domains/Frontend/MiniProjects/project/style.css @@ -0,0 +1,554 @@ +/* Reset */ + * { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body, html { + min-height: 100%; + font-family: "Zen Dots", sans-serif; + color: white; + scroll-behavior: smooth; + overflow-x: hidden; +} + +/* Navbar */ +.navbar { + position: fixed; + top: 0; + width: 100%; + background: rgba(0, 0, 0, 0.5); + z-index: 1000; + padding: 8px 48px; +} + +.navbar .main { + display: flex; + justify-content: space-between; + align-items: center; +} + +.navbar .main .one{ + text-align: center; +} + +.navbar .main .one .home{ + margin: 0px 20px; + padding: 0px 16px; +} + +.navbar .main .one .event{ + padding: 0px 16px; +} + + +/* Left section */ + .navbar .one { + display: flex; + gap: 30px; +} + +.navbar .one a { + text-decoration: none; + color: #fff; + font-weight: 600; + transition: color 0.3s ease; +} + +.navbar .one a:hover { + opacity: 0.6; +} + +/* Center logo */ +.navbar .two img { + height: 55px; + margin-left: 32px; +} + +/* Right section */ + .navbar .three { + display: flex; + gap: 30px; +} + +.navbar .main .three .schedule{ + margin: 0px 20px; + padding: 0px 16px; +} + +.navbar .main .three .about-link{ + padding: 0px 16px; +} + +.navbar .three a { + text-decoration: none; + color: #fff; + font-weight: 600; + transition: color 0.3s ease; +} + + + +.navbar .three a:hover { + opacity: 0.6; +} + +/* Hero Section */ + .hero { + position: relative; + height: 100vh; + width: 100%; + overflow: hidden; +} + +/* Background Video */ + .hero video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; + display: block; + filter: brightness(70%); +} + +/* Hero Content */ + + .hero-content { + position: relative; + z-index: 1; + text-align: center; + top: 50%; + transform: translateY(-50%); +} + +.hero-content h1 { + font-size: 6rem; + font-weight: bold; + letter-spacing: 2px; + margin: 0px 0px 40px; +} + +.hero-content p { + font-size: 1.5rem; +} + + +/* ---------------- About ---------------- */ + .about { + background: #000; + min-height: 100vh; + padding: 100px 20px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.about h2 { + font-size: 2.5rem; + margin-bottom: 20px; + position: relative; +} + +.about h2::after { + content: ""; + display: block; + width: 100px; + height: 3px; + background: linear-gradient(90deg, #ff0080, #7928ca, #00d2ff); + margin: 15px auto 0; +} + +.about p { + margin-top: 20px; + line-height: 1.8; + max-width: 800px; + margin-left: auto; + margin-right: auto; + color: #ccc; +} + + +/* ---------------- Events ---------------- */ + +.events { + background: #000; + color: white; + text-align: center; + padding: 80px 20px; +} + +.events .head{ + width: 100%; + height: 13.75rem; + padding: 48px 0px 32px; +} + +.events .head h2 { + height: 6.25rem; + font-size: 3.75rem; + margin: 40px 0px 0px; + padding: 0px 0px 40px; + text-transform: uppercase; + letter-spacing: 2px; + color:white; +} + +/* Container for cards */ +.events-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 15px; + row-gap: 80px; + width: 100%; + height: 1408px; + margin: 28px 24px; + padding: 0px 32px 48px; +} + +.events-container .main { + width: 19.5rem; + height: 27rem; + padding: 16px; + text-align: center; +} + +/* Event cards */ +.event-card { + width: 19rem; + width: 100%; + height: 25rem; + background: #111; + border-radius: 15px; + overflow: hidden; + box-shadow: 0 8px 15px rgba(0, 0, 0, 0.6); + transition: transform 0.3s ease, box-shadow 0.3s ease; + cursor: pointer; +} + +.event-card:hover { + transform: translateY(-10px); + box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4); +} + +.event-card img { + width: 17.5rem; + height: 25rem; + object-fit: cover; + display: block; +} + +/* ===== Schedule Section ===== */ +.schedule { + background: #000; + padding: 80px 20px; + font-family: "Zen Dots", sans-serif; + color: #fff; +} + +/* Header */ +.schedule .head { + text-align: center; + margin-bottom: 50px; +} + +.schedule-title { + font-size: 3rem; + letter-spacing: 3px; + color: #ccc; + font-weight: bold; +} + +.schedule-date { + display: inline-block; + margin-top: 15px; + font-size: 1.2rem; + color: #fff; + padding: 8px 20px; + border-radius: 30px; + text-transform: uppercase; + font-weight: 600; + letter-spacing: 1px; + box-shadow: 0 0 15px rgba(0, 255, 255, 0.7); +} + +/* Day */ +.day { + border: 2px solid indigo; + border-radius: 2rem ; + overflow: hidden; + margin:0px 100px 40px 100px; + box-shadow: 0 0 20px rgba(0, 255, 255, 0.1); +} + +.day-header { + background: linear-gradient(90deg, #2a1f68, #104f76); + padding: 15px 25px; + font-size: 1.3rem; + font-weight: 600; + color: #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + text-transform: uppercase; + letter-spacing: 1px; +} + +.day .header{ + padding: 1.5rem; +} + +/* Event box */ +.event-box { + background: rgba(15, 15, 35, 0.9); + margin: 15px 20px; + padding: 20px; + border-radius: 10px; + display: flex; + justify-content: space-between; + align-items: flex-start; + box-shadow: inset 0 0 8px rgba(0, 255, 255, 0.3); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.event-box:hover { + transform: translateY(-5px); + box-shadow: 0 0 15px rgba(0, 255, 255, 0.5); +} + +/* Event info */ +.event-info h3 { + font-size: 1.2rem; + margin-bottom: 6px; + color: #0ef; +} + +.event-info p { + font-size: 0.95rem; + color: #bbb; + line-height: 1.4; +} + +/* Event time */ +.event-time { + font-size: 0.9rem; + background: #021f2e; + color: #0ef; + padding: 6px 12px; + border-radius: 6px; + font-weight: bold; + white-space: nowrap; + box-shadow: 0 0 10px rgba(0, 255, 255, 0.4); +} + + + +/* Sponsors Section */ +.sponsors { + background: #000; + text-align: center; + padding: 80px 20px; + font-family: "Zen Dots", sans-serif; + color: white; +} + +.sponsors-head h2 { + font-size: 2.5rem; + margin-bottom: 10px; +} + +.sponsors-head p { + font-size: 1rem; + color: #ccc; + margin-bottom: 60px; +} + +.sponsor-cards { + display: flex; + justify-content: center; + gap: 40px; + flex-wrap: wrap; +} + +.sponsor-card { + background: #0d1626; + padding: 40px 20px; + border-radius: 15px; + width: 280px; + height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + box-shadow: 0 8px 20px rgba(0,0,0,0.4); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.sponsor-card:hover { + transform: translateY(-10px); + box-shadow: 0 12px 30px rgba(0,0,0,0.6); +} + +.sponsor-card img { + max-width: 180px; + max-height: 120px; + object-fit: contain; + margin-bottom: 20px; +} + +.sponsor-card h3 { + font-size: 1.2rem; + margin-top: auto; +} + + +/* Legacy Section */ + +.legacy { + background: #000; + color: white; + text-align: center; + padding: 48px 32px; + font-family: "Zen Dots", sans-serif; +} + +.legacy h2 { + width: 100%; + height: 72px; + font-size: 2.25rem; + margin: 0px 0px 32px; + padding: 16px 0px; +} + +.legacy-cards { + width: 100%; + height: 496px; + display: flex; + justify-content: center; + gap: 40px; + flex-wrap: wrap; + padding: 0px 0px 16px; +} + +.legacy-card { + width: 362.66px; + height: 440px; + font-weight: 1rem; + overflow: hidden; + border-radius: 20px; + box-shadow: 0 8px 20px rgba(0,0,0,0.4); + background: #111; +} + +.legacy-card video { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 20px; +} + +/* Footer */ + +.legacy-footer { + width: 100%; + height: 17.1rem; + background: #000; + color: #bbb; + padding:20px; + font-family: "Zen Dots", sans-serif; + text-align: center; +} + +.legacy-footer > div:first-child { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1216px; + margin: auto; + flex-wrap: wrap; +} + +.legacy-footer .legacy-footers{ + width: 1216px; + height: 10rem; + padding: 20px; +} + +/* Left */ +.footer-left h3 { + width: 454px; + height: 40px; + color: rgba(255, 255, 255, 0.75); + font-size: 36px; + +} + +.footer-left p { + width: 454px; + height: 24px; + font-size: 16px; + color: rgba(255, 255, 255, 0.75); +} + +/* Center */ +.footer-center { + flex: 1; + text-align: center; +} + +.footer-center img { + max-width: 100px; + height: 100px; +} + +/* Right */ +.footer-right p { + width: 454px; + height: 28px; + color: rgba(255, 255, 255, 0.75); + font-size: 20px; +} + +.social-icons { + height: 52px; + width: 452px; + display: flex; + gap: 15px; + justify-content: center; +} + +.social-icons img { + margin-top: 10px; + height: 28px; + width: 28px; + filter: brightness(0) invert(1); + transition: 0.3s; +} + + +/* Bottom copyright */ +.bottom { + width: 100%; + height: 22.5px; + margin-top: 70px; + font-size: 15px; + color: rgba(255, 255, 255, 0.75); + text-align: center; +} + +/* ---------------- Bottom Logo ---------------- */ +.bottom-logo { + position: fixed; + right: 20px; + bottom: 20px; + z-index: 100; +} + +.bottom-logo img { + width: 70px; + height: 70px; + border-radius: 50%; +} \ No newline at end of file