diff --git a/Abhirami_Balakrishnan/index.html b/Abhirami_Balakrishnan/index.html new file mode 100644 index 000000000..80b6e47be --- /dev/null +++ b/Abhirami_Balakrishnan/index.html @@ -0,0 +1,41 @@ + + + + + + Hacksphere'25 + + + + + + + +
+

HackSphere 2025

+

Code. Create. Conquer.

+

June 20–22, 2025 – Online

+ +
+
+

About HackSphere

+

HackSphere 2025 is a global 48-hour hackathon where developers, designers, and creators unite to innovate and build impactful projects. Whether you’re a seasoned coder or just starting out, this event offers a platform to showcase your skills and collaborate with like-minded individuals.

+

Over the course of two days, participants will tackle real-world challenges, explore new technologies, and push their creativity to the limit. With online workshops, mentorship sessions, and networking opportunities, HackSphere 2025 is designed to inspire and empower every participant.

+

Join us from anywhere in the world and be part of a vibrant community passionate about coding, design, and problem-solving. Whether you come to compete or to learn, HackSphere 2025 is your chance to connect, create, and conquer.

+ +
+
+

Contact Us

+

If you have any questions or need assistance, feel free to reach out to us.

+

Email: hacksphere@example.com

+
+ + + \ No newline at end of file diff --git a/Abhirami_Balakrishnan/readme.md b/Abhirami_Balakrishnan/readme.md new file mode 100644 index 000000000..8b1378917 --- /dev/null +++ b/Abhirami_Balakrishnan/readme.md @@ -0,0 +1 @@ + diff --git a/Abhirami_Balakrishnan/styles.css b/Abhirami_Balakrishnan/styles.css new file mode 100644 index 000000000..a4ab5aea1 --- /dev/null +++ b/Abhirami_Balakrishnan/styles.css @@ -0,0 +1,118 @@ +body { + font-family: 'Poppins', sans-serif; + margin: 0 auto; + scroll-behavior: smooth; + background-color: #1E1E2F; + color: #E0E0E0; +} + +h1, h2 { + color: #FF6B6B; +} + +section.heading { + background-color: #2A2A40; + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding: 20px; +} + +.heading h1 { + font-size: 3rem; + margin-bottom: 20px; +} + +.heading h3 { + font-size: 1.5rem; + margin-bottom: 10px; + color: #FFD93D; +} + +.heading p { + font-size: 1.2rem; + margin-bottom: 30px; + color: #9BE8D8; +} + +button { + background-color: #FF6B6B; + color: #ffffff; + padding: 12px 24px; + border: none; + border-radius: 8px; + font-size: 1rem; + cursor: pointer; + display: inline-block; +} + +button:hover { + background-color: #FF4E4E; + color: #fff; +} + +#about { + padding: 2px; + height: 35vh; + justify-content: center; + align-items: center; + text-align: center; + padding: 50px; + background-color: #34344A; + text-decoration: none; +} + +#about h2 { + color: #FFD93D; +} + +#about p { + text-align: left; + color: #E0E0E0; +} + +#contact { + background-color: #2A2A40; + padding: 50px; + text-align: center; +} + +#contact a:hover { + color: #FFD93D; +} + +p { + color: #E0E0E0; +} + +nav { + position: fixed; + top: 0; + width: 100%; + background-color: #FFD93D; + padding: 10px 20px; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + z-index: 1000; +} + +nav ul { + list-style: none; + display: flex; + justify-content: flex-start; + gap: 20px; +} + +nav a { + text-decoration: none; + color: #1E1E2F; + font-weight: bold; +} + +footer { + background-color: #2A2A40; + text-align: center; + color: #E0E0E0; +}