An interactive workshop on AI and machine learning.
+
+
+
+
+
+
Networking
+
Meet and connect with top tech talent and mentors.
+
+
+
+
+
+
Panel Discussion
+
Industry leaders discuss the future of tech.
+
+
+
+
"Winners dont do different things, they do things differently"
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/.history/Code/style_20241111144742.css b/.history/Code/style_20241111144742.css
new file mode 100644
index 0000000..8e70a62
--- /dev/null
+++ b/.history/Code/style_20241111144742.css
@@ -0,0 +1,349 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:200.300,400,500,600,700,800,900&display=swap');
+
+html, body
+{
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+
+
+body
+{
+ margin:0;
+ padding: 0;
+ font-family: 'poppins',sans-serif;
+ background: url(background.jpeg);
+ background-size: cover;
+ background-attachment: fixed;
+}
+
+header
+{
+ position: relative;
+ max-width: 1200px;
+
+ margin: 20px auto;
+ padding: 10px;
+ background: #fff;
+ box-sizing: border-box;
+ border-radius: 4px;
+ box-shadow: 0 2px 5px rgba(0,0,0,.2);
+
+ text-align: center;
+ outline: 5px solid #9D00FF;
+
+}
+
+#ImSticky {
+ height:100px;
+ width:275px;
+ position: fixed;
+ bottom: 475px;
+ left: 90px;
+}
+.logo
+{
+ color: #9D00FF;
+ height: 60px;
+ line-height: 60px;
+ font-size: 45px;
+ padding: 0 20px;
+
+ text-align: center;
+ box-sizing: border-box;
+ float: left;
+ font-weight: 900;
+ text-decoration: none;
+}
+
+nav{
+ float: right;
+}
+
+.clearfix
+{
+ clear: both;
+}
+
+nav ul
+{
+ margin:0;
+ padding: 0;
+
+ display: inline-flex;
+ list-style: none;
+}
+
+nav ul li
+{
+ width: 150px;
+ margin: 15px;
+ padding: 15px;
+}
+
+nav ul li a
+{
+ display: block;
+ margin: 10px 0;
+ padding: 10px 20px;
+ text-decoration: none;
+ color:#262626 ;
+}
+
+nav ul li a.active,
+nav ul li a:hover
+{
+ background: #9D00FF;
+ color: #fff;
+ transition:0.2s;
+}
+
+nav .fa
+{
+ margin-right: 5px;
+}
+
+.sub-menu-1
+{
+ display: none;
+}
+
+nav ul li:hover .sub-menu-1
+{
+ display: block;
+ position: absolute;
+ background: #fff;
+ margin-top: 10px;
+ margin-left: -15px;
+ outline: 3px solid #9D00FF;
+}
+
+nav ul li:hover .sub-menu-1 ul
+{
+ display: block;
+ margin: 10px;
+}
+
+nav ul li:hover .sub-menu-1 ul li
+{
+ width: 240px;
+ padding: 0px;
+ background: transparent;
+ border-radius: 0;
+ text-align: center;
+ border-bottom: 1px dotted #9D00FF;
+}
+
+nav ul li:hover .sub-menu-1 ul li a:hover
+{
+ color: #fff;
+}
+
+.fa-angle-right
+{
+ float: right;
+}
+
+.sub-menu-2
+{
+ display: none;
+}
+
+.hover-me:hover .sub-menu-2
+{
+ position: absolute;
+ display: block;
+ margin-top: -40px;
+ margin-left: 220px;
+ background:#fff;
+ outline: 3px solid #9D00FF;
+}
+
+@media(max-width: 1200px)
+{
+ header
+ {
+ margin: 20px;
+ }
+}
+
+@media(max-width: 768px)
+{
+ .menu-toggle
+ {
+ display: block;
+ width: 40px;
+ height: 40px;
+ margin: 10px;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 30px;
+ color:#069370;
+ }
+ .menu-toggle:before
+ {
+ content:'\f0c9';
+ font-family: fontAwesome;
+ line-height: 40px;
+ }
+ .menu-toggle.active:before
+ {
+ content:'\f00d';
+ }
+ nav
+ {
+ display: none;
+ }
+ nav.active
+ {
+ display: block;
+ width: 100%;
+ }
+ nav.active ul
+ {
+ display: block;
+ }
+ nav.active ul li a
+ {
+ margin: 0;
+ }
+
+}
+
+
+
+.socialMedia
+{
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ min-height: 40vh;
+ transition: 0.5s;
+
+}
+.sci
+{
+ position: relative;
+ display: flex;
+
+}
+.sci li
+{
+ list-style: none;
+}
+.sci li::before
+{
+ content: attr(data-text);
+ position: absolute;
+ top: 50%;
+ Left: 50%;
+ transform: translate(2000px,100px);
+ font-size: 7vw;
+ pointer-events: none;
+ font-weight: 700;
+ transition: 0.5s;
+ opacity: 0;
+}
+.sci li:hover::before
+{
+ opacity: 1;
+ transform: translate(-50%,calc(-50% + 150px));
+ color: #fff;
+ text-shadow: 0 0 3px #FF0000;
+
+}
+
+.sci li a
+{
+ position: relative;
+ display: inline-block;
+ width: 150px;
+ height: 150px;
+ background: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #333;
+ border-radius: 10px;
+ text-decoration: none;
+ margin: 80px;
+ font-size: 4em;
+ transform-style: preserve-3d;
+ perspective: 500px;
+ box-shadow: 0 25px 35px rgba(0,0,0,0.1);
+ transition: background 0.25s;
+
+}
+
+.js-tilt-glare
+{
+ border-radius: 10px;
+}
+
+.sci li a:hover.college
+{
+ background:#0000FF;
+}
+
+.sci li a:hover.event
+{
+ background:#FF0000;
+}
+
+
+
+
+
+.sci li a .fa{
+ transition:0.25s;
+ pointer-events: none;
+}
+
+.sci li a:hover .fa{
+ color: #fff;
+ transform: scale(1.75) translateZ(50px);
+}
+
+.t1 {
+ position: absolute;
+ bottom: 58%;
+ left: 16px;
+
+ color: #fff;
+ font-size: 33px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #FF0000;
+ }
+
+ .t2 {
+ position: absolute;
+ bottom: 54%;
+ left: 16px;
+
+ color: #fff;
+ font-size: 17px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #FF0000;
+ }
+
+ .t3 {
+ position: absolute;
+ bottom: 5%;
+ right: 170px;
+
+ color: #ff69b4 ;
+ font-size: 30px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #262626;
+ }
diff --git a/.history/Code/style_20241111144957.css b/.history/Code/style_20241111144957.css
new file mode 100644
index 0000000..965c601
--- /dev/null
+++ b/.history/Code/style_20241111144957.css
@@ -0,0 +1,409 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:200.300,400,500,600,700,800,900&display=swap');
+
+html, body
+{
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+
+
+body
+{
+ margin:0;
+ padding: 0;
+ font-family: 'poppins',sans-serif;
+ background: url(background.jpeg);
+ background-size: cover;
+ background-attachment: fixed;
+}
+
+header
+{
+ position: relative;
+ max-width: 1200px;
+
+ margin: 20px auto;
+ padding: 10px;
+ background: #fff;
+ box-sizing: border-box;
+ border-radius: 4px;
+ box-shadow: 0 2px 5px rgba(0,0,0,.2);
+
+ text-align: center;
+ outline: 5px solid #9D00FF;
+
+}
+
+#ImSticky {
+ height:100px;
+ width:275px;
+ position: fixed;
+ bottom: 475px;
+ left: 90px;
+}
+.logo
+{
+ color: #9D00FF;
+ height: 60px;
+ line-height: 60px;
+ font-size: 45px;
+ padding: 0 20px;
+
+ text-align: center;
+ box-sizing: border-box;
+ float: left;
+ font-weight: 900;
+ text-decoration: none;
+}
+
+nav{
+ float: right;
+}
+
+.clearfix
+{
+ clear: both;
+}
+
+nav ul
+{
+ margin:0;
+ padding: 0;
+
+ display: inline-flex;
+ list-style: none;
+}
+
+nav ul li
+{
+ width: 150px;
+ margin: 15px;
+ padding: 15px;
+}
+
+nav ul li a
+{
+ display: block;
+ margin: 10px 0;
+ padding: 10px 20px;
+ text-decoration: none;
+ color:#262626 ;
+}
+
+nav ul li a.active,
+nav ul li a:hover
+{
+ background: #9D00FF;
+ color: #fff;
+ transition:0.2s;
+}
+
+nav .fa
+{
+ margin-right: 5px;
+}
+
+.sub-menu-1
+{
+ display: none;
+}
+
+nav ul li:hover .sub-menu-1
+{
+ display: block;
+ position: absolute;
+ background: #fff;
+ margin-top: 10px;
+ margin-left: -15px;
+ outline: 3px solid #9D00FF;
+}
+
+nav ul li:hover .sub-menu-1 ul
+{
+ display: block;
+ margin: 10px;
+}
+
+nav ul li:hover .sub-menu-1 ul li
+{
+ width: 240px;
+ padding: 0px;
+ background: transparent;
+ border-radius: 0;
+ text-align: center;
+ border-bottom: 1px dotted #9D00FF;
+}
+
+nav ul li:hover .sub-menu-1 ul li a:hover
+{
+ color: #fff;
+}
+
+.fa-angle-right
+{
+ float: right;
+}
+
+.sub-menu-2
+{
+ display: none;
+}
+
+.hover-me:hover .sub-menu-2
+{
+ position: absolute;
+ display: block;
+ margin-top: -40px;
+ margin-left: 220px;
+ background:#fff;
+ outline: 3px solid #9D00FF;
+}
+
+@media(max-width: 1200px)
+{
+ header
+ {
+ margin: 20px;
+ }
+}
+
+@media(max-width: 768px)
+{
+ .menu-toggle
+ {
+ display: block;
+ width: 40px;
+ height: 40px;
+ margin: 10px;
+ float: right;
+ cursor: pointer;
+ text-align: center;
+ font-size: 30px;
+ color:#069370;
+ }
+ .menu-toggle:before
+ {
+ content:'\f0c9';
+ font-family: fontAwesome;
+ line-height: 40px;
+ }
+ .menu-toggle.active:before
+ {
+ content:'\f00d';
+ }
+ nav
+ {
+ display: none;
+ }
+ nav.active
+ {
+ display: block;
+ width: 100%;
+ }
+ nav.active ul
+ {
+ display: block;
+ }
+ nav.active ul li a
+ {
+ margin: 0;
+ }
+
+}
+
+
+
+.socialMedia
+{
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ min-height: 40vh;
+ transition: 0.5s;
+
+}
+.sci
+{
+ position: relative;
+ display: flex;
+
+}
+.sci li
+{
+ list-style: none;
+}
+.sci li::before
+{
+ content: attr(data-text);
+ position: absolute;
+ top: 50%;
+ Left: 50%;
+ transform: translate(2000px,100px);
+ font-size: 7vw;
+ pointer-events: none;
+ font-weight: 700;
+ transition: 0.5s;
+ opacity: 0;
+}
+.sci li:hover::before
+{
+ opacity: 1;
+ transform: translate(-50%,calc(-50% + 150px));
+ color: #fff;
+ text-shadow: 0 0 3px #FF0000;
+
+}
+
+.sci li a
+{
+ position: relative;
+ display: inline-block;
+ width: 150px;
+ height: 150px;
+ background: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #333;
+ border-radius: 10px;
+ text-decoration: none;
+ margin: 80px;
+ font-size: 4em;
+ transform-style: preserve-3d;
+ perspective: 500px;
+ box-shadow: 0 25px 35px rgba(0,0,0,0.1);
+ transition: background 0.25s;
+
+}
+
+.js-tilt-glare
+{
+ border-radius: 10px;
+}
+
+.sci li a:hover.college
+{
+ background:#0000FF;
+}
+
+.sci li a:hover.event
+{
+ background:#FF0000;
+}
+
+
+
+
+
+.sci li a .fa{
+ transition:0.25s;
+ pointer-events: none;
+}
+
+.sci li a:hover .fa{
+ color: #fff;
+ transform: scale(1.75) translateZ(50px);
+}
+
+.t1 {
+ position: absolute;
+ bottom: 58%;
+ left: 16px;
+
+ color: #fff;
+ font-size: 33px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #FF0000;
+ }
+
+ .t2 {
+ position: absolute;
+ bottom: 54%;
+ left: 16px;
+
+ color: #fff;
+ font-size: 17px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #FF0000;
+ }
+
+ .t3 {
+ position: absolute;
+ bottom: 5%;
+ right: 170px;
+
+ color: #ff69b4 ;
+ font-size: 30px;
+ text-align: center;
+ font-weight: 900;
+ text-decoration: none;
+ text-shadow: 0 0 3px #262626;
+ }
+
+ /* Basic Card Container and Card Styling */
+ .sponsor-section,
+ .highlight-section {
+ text-align: center;
+ padding: 50px 20px;
+ background-color: #f8f8f8;
+ }
+
+ .sponsor-section h2,
+ .highlight-section h2 {
+ font-size: 2em;
+ margin-bottom: 20px;
+ }
+
+ .card-container {
+ display: flex;
+ gap: 20px;
+ justify-content: center;
+ flex-wrap: wrap;
+ }
+
+ .card {
+ position: relative;
+ width: 250px;
+ height: 350px;
+ background: #fff;
+ border-radius: 10px;
+ box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ transform-style: preserve-3d;
+ transition: transform 0.3s ease;
+ }
+
+ .card img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ }
+
+ .card h3 {
+ font-size: 1.5em;
+ margin: 10px 0;
+ }
+
+ .card p {
+ color: #666;
+ padding: 0 15px;
+ font-size: 1em;
+ }
+
+ /* 3D Tilt Effect on Hover */
+ .card:hover {
+ transform: rotateY(10deg) rotateX(-5deg);
+ box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
+ }
+
+ .card:hover img {
+ transform: scale(1.05);
+ }
\ No newline at end of file
diff --git a/.history/README_20241110194336.md b/.history/README_20241110194336.md
new file mode 100644
index 0000000..1295521
--- /dev/null
+++ b/.history/README_20241110194336.md
@@ -0,0 +1,43 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194428.md b/.history/README_20241110194428.md
new file mode 100644
index 0000000..f5f19ca
--- /dev/null
+++ b/.history/README_20241110194428.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194433.md b/.history/README_20241110194433.md
new file mode 100644
index 0000000..327d0d0
--- /dev/null
+++ b/.history/README_20241110194433.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194436.md b/.history/README_20241110194436.md
new file mode 100644
index 0000000..14cf720
--- /dev/null
+++ b/.history/README_20241110194436.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194441.md b/.history/README_20241110194441.md
new file mode 100644
index 0000000..3757faa
--- /dev/null
+++ b/.history/README_20241110194441.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194443.md b/.history/README_20241110194443.md
new file mode 100644
index 0000000..d7d5dbb
--- /dev/null
+++ b/.history/README_20241110194443.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194446.md b/.history/README_20241110194446.md
new file mode 100644
index 0000000..c657357
--- /dev/null
+++ b/.history/README_20241110194446.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194449.md b/.history/README_20241110194449.md
new file mode 100644
index 0000000..383c42a
--- /dev/null
+++ b/.history/README_20241110194449.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194451.md b/.history/README_20241110194451.md
new file mode 100644
index 0000000..24694b9
--- /dev/null
+++ b/.history/README_20241110194451.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194453.md b/.history/README_20241110194453.md
new file mode 100644
index 0000000..d5b6260
--- /dev/null
+++ b/.history/README_20241110194453.md
@@ -0,0 +1,50 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194458.md b/.history/README_20241110194458.md
new file mode 100644
index 0000000..38a0ed1
--- /dev/null
+++ b/.history/README_20241110194458.md
@@ -0,0 +1,51 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194459.md b/.history/README_20241110194459.md
new file mode 100644
index 0000000..8990710
--- /dev/null
+++ b/.history/README_20241110194459.md
@@ -0,0 +1,53 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194501.md b/.history/README_20241110194501.md
new file mode 100644
index 0000000..1c9e07a
--- /dev/null
+++ b/.history/README_20241110194501.md
@@ -0,0 +1,54 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194506.md b/.history/README_20241110194506.md
new file mode 100644
index 0000000..82e1a29
--- /dev/null
+++ b/.history/README_20241110194506.md
@@ -0,0 +1,55 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194507.md b/.history/README_20241110194507.md
new file mode 100644
index 0000000..4dc221f
--- /dev/null
+++ b/.history/README_20241110194507.md
@@ -0,0 +1,56 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194508.md b/.history/README_20241110194508.md
new file mode 100644
index 0000000..b9606b8
--- /dev/null
+++ b/.history/README_20241110194508.md
@@ -0,0 +1,57 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194510.md b/.history/README_20241110194510.md
new file mode 100644
index 0000000..fe8579a
--- /dev/null
+++ b/.history/README_20241110194510.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon.
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194619.md b/.history/README_20241110194619.md
new file mode 100644
index 0000000..a7e9718
--- /dev/null
+++ b/.history/README_20241110194619.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194621.md b/.history/README_20241110194621.md
new file mode 100644
index 0000000..990ad26
--- /dev/null
+++ b/.history/README_20241110194621.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon e.
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194624.md b/.history/README_20241110194624.md
new file mode 100644
index 0000000..a7e9718
--- /dev/null
+++ b/.history/README_20241110194624.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194634.md b/.history/README_20241110194634.md
new file mode 100644
index 0000000..2be67c8
--- /dev/null
+++ b/.history/README_20241110194634.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194644.md b/.history/README_20241110194644.md
new file mode 100644
index 0000000..4e633bd
--- /dev/null
+++ b/.history/README_20241110194644.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes ever to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194646.md b/.history/README_20241110194646.md
new file mode 100644
index 0000000..a6fd4d3
--- /dev/null
+++ b/.history/README_20241110194646.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes every to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194650.md b/.history/README_20241110194650.md
new file mode 100644
index 0000000..f3fd183
--- /dev/null
+++ b/.history/README_20241110194650.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes every times to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194653.md b/.history/README_20241110194653.md
new file mode 100644
index 0000000..54945d9
--- /dev/null
+++ b/.history/README_20241110194653.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194658.md b/.history/README_20241110194658.md
new file mode 100644
index 0000000..787c3e3
--- /dev/null
+++ b/.history/README_20241110194658.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes ú to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194703.md b/.history/README_20241110194703.md
new file mode 100644
index 0000000..998e83d
--- /dev/null
+++ b/.history/README_20241110194703.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194712.md b/.history/README_20241110194712.md
new file mode 100644
index 0000000..3d7d877
--- /dev/null
+++ b/.history/README_20241110194712.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Call-to-Action (CTA) Buttons: Prominent CTA buttons for actions like "Register Now" or "Learn More," encouraging user engagement.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194742.md b/.history/README_20241110194742.md
new file mode 100644
index 0000000..118cd79
--- /dev/null
+++ b/.history/README_20241110194742.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194750.md b/.history/README_20241110194750.md
new file mode 100644
index 0000000..33fc39c
--- /dev/null
+++ b/.history/README_20241110194750.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and lo
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194755.md b/.history/README_20241110194755.md
new file mode 100644
index 0000000..99d159c
--- /dev/null
+++ b/.history/README_20241110194755.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194802.md b/.history/README_20241110194802.md
new file mode 100644
index 0000000..549307f
--- /dev/null
+++ b/.history/README_20241110194802.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194803.md b/.history/README_20241110194803.md
new file mode 100644
index 0000000..b301605
--- /dev/null
+++ b/.history/README_20241110194803.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194810.md b/.history/README_20241110194810.md
new file mode 100644
index 0000000..9a3ef16
--- /dev/null
+++ b/.history/README_20241110194810.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194817.md b/.history/README_20241110194817.md
new file mode 100644
index 0000000..0d16bed
--- /dev/null
+++ b/.history/README_20241110194817.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for user
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194826.md b/.history/README_20241110194826.md
new file mode 100644
index 0000000..6772d73
--- /dev/null
+++ b/.history/README_20241110194826.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194834.md b/.history/README_20241110194834.md
new file mode 100644
index 0000000..1df9207
--- /dev/null
+++ b/.history/README_20241110194834.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194841.md b/.history/README_20241110194841.md
new file mode 100644
index 0000000..6260ea5
--- /dev/null
+++ b/.history/README_20241110194841.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194844.md b/.history/README_20241110194844.md
new file mode 100644
index 0000000..492679b
--- /dev/null
+++ b/.history/README_20241110194844.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194845.md b/.history/README_20241110194845.md
new file mode 100644
index 0000000..754903b
--- /dev/null
+++ b/.history/README_20241110194845.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194927.md b/.history/README_20241110194927.md
new file mode 100644
index 0000000..ca1243f
--- /dev/null
+++ b/.history/README_20241110194927.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: In the to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110194950.md b/.history/README_20241110194950.md
new file mode 100644
index 0000000..754903b
--- /dev/null
+++ b/.history/README_20241110194950.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195003.md b/.history/README_20241110195003.md
new file mode 100644
index 0000000..c833b72
--- /dev/null
+++ b/.history/README_20241110195003.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create Sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195007.md b/.history/README_20241110195007.md
new file mode 100644
index 0000000..a490044
--- /dev/null
+++ b/.history/README_20241110195007.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both past and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195018.md b/.history/README_20241110195018.md
new file mode 100644
index 0000000..1ae3273
--- /dev/null
+++ b/.history/README_20241110195018.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195024.md b/.history/README_20241110195024.md
new file mode 100644
index 0000000..fbaea7e
--- /dev/null
+++ b/.history/README_20241110195024.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both pre and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195027.md b/.history/README_20241110195027.md
new file mode 100644
index 0000000..8999299
--- /dev/null
+++ b/.history/README_20241110195027.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons, helping users explore event details and get excited about future events.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195039.md b/.history/README_20241110195039.md
new file mode 100644
index 0000000..71106cb
--- /dev/null
+++ b/.history/README_20241110195039.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195041.md b/.history/README_20241110195041.md
new file mode 100644
index 0000000..4460fb2
--- /dev/null
+++ b/.history/README_20241110195041.md
@@ -0,0 +1,58 @@
+## Hackathon-Website
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195101.md b/.history/README_20241110195101.md
new file mode 100644
index 0000000..e3e052a
--- /dev/null
+++ b/.history/README_20241110195101.md
@@ -0,0 +1,61 @@
+## Hackathon-Website
+
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/.history/README_20241110195117.md b/.history/README_20241110195117.md
new file mode 100644
index 0000000..e3e052a
--- /dev/null
+++ b/.history/README_20241110195117.md
@@ -0,0 +1,61 @@
+## Hackathon-Website
+
+Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
+
+### Project Overview
+
+This project is a responsive website to promote hackathons. The website features a clean and intuitive design with a focus on user experience. Key functionalities will include a responsive navigation bar, a section to showcase past and upcoming hackathons, an "About Us" section, and a contact form. To enhance the user experience, we will implement a 3D tilt effect using Vanilla TiltJs.
+
+### Installation
+
+1. **Clone the Repository:**
+ ```bash
+ git clone https://github.com/SGCODEX/Hackathon-Website.git
+ ```
+
+### Tech Stack
+
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
+- JavaScript: For interactive elements and dynamic functionality.
+- Vanilla Tilt.js: For creating the 3D tilt effect.
+
+### Usage
+
+Right-click on index.html and choose "Open with" your preferred web browser.
+
+- Demo Video: To be added
+
+### Main Features
+
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
+### Contribution
+
+We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
+We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
+Here are a few useful resources to help you get started:
+
+- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
+
+### License
+
+This project is licensed under the [MIT License](https://github.com/SGCODEX/Hackathon-Website/blob/main/LICENSE)
+
+### Contact Us
+
+For any questions or issues, please contact us at shivampilot2004@gmail.com
diff --git a/Code/index.html b/Code/index.html
index 5f5473c..3150d2a 100644
--- a/Code/index.html
+++ b/Code/index.html
@@ -78,7 +78,58 @@
This Hackathon is brought to you by:
-
Play with banners below for a 3d experience. huehue.
+
Play with banners below for a 3d experience.
+
+
Sponsors
+
+
+
+
+
Sponsor 1
+
Leading technology company supporting innovation.
+
+
+
+
+
+
Sponsor 2
+
Committed to empowering young developers.
+
+
+
+
+
+
Sponsor 3
+
Bringing creative solutions to complex problems.
+
+
+
+
+
+
Hackathon Highlights
+
+
+
+
+
Workshop on AI
+
An interactive workshop on AI and machine learning.
+
+
+
+
+
+
Networking
+
Meet and connect with top tech talent and mentors.
+
+
+
+
+
+
Panel Discussion
+
Industry leaders discuss the future of tech.
+
+
+
"Winners dont do different things, they do things differently"
diff --git a/Code/style.css b/Code/style.css
index 8e70a62..965c601 100644
--- a/Code/style.css
+++ b/Code/style.css
@@ -347,3 +347,63 @@ nav ul li:hover .sub-menu-1 ul li a:hover
text-decoration: none;
text-shadow: 0 0 3px #262626;
}
+
+ /* Basic Card Container and Card Styling */
+ .sponsor-section,
+ .highlight-section {
+ text-align: center;
+ padding: 50px 20px;
+ background-color: #f8f8f8;
+ }
+
+ .sponsor-section h2,
+ .highlight-section h2 {
+ font-size: 2em;
+ margin-bottom: 20px;
+ }
+
+ .card-container {
+ display: flex;
+ gap: 20px;
+ justify-content: center;
+ flex-wrap: wrap;
+ }
+
+ .card {
+ position: relative;
+ width: 250px;
+ height: 350px;
+ background: #fff;
+ border-radius: 10px;
+ box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ transform-style: preserve-3d;
+ transition: transform 0.3s ease;
+ }
+
+ .card img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ }
+
+ .card h3 {
+ font-size: 1.5em;
+ margin: 10px 0;
+ }
+
+ .card p {
+ color: #666;
+ padding: 0 15px;
+ font-size: 1em;
+ }
+
+ /* 3D Tilt Effect on Hover */
+ .card:hover {
+ transform: rotateY(10deg) rotateX(-5deg);
+ box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
+ }
+
+ .card:hover img {
+ transform: scale(1.05);
+ }
\ No newline at end of file
diff --git a/README.md b/README.md
index 1295521..e3e052a 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
## Hackathon-Website
+
Please give us a ⭐ and fork this repo to get started. Thank you 🙌🙌.
### Project Overview
@@ -14,8 +15,8 @@ This project is a responsive website to promote hackathons. The website features
### Tech Stack
-- HTML5: For structuring the web pages.
-- CSS3: For styling and layout.
+- HTML5: For structuring the web pages.
+- CSS3: For styling and layout.
- JavaScript: For interactive elements and dynamic functionality.
- Vanilla Tilt.js: For creating the 3D tilt effect.
@@ -27,11 +28,28 @@ Right-click on index.html and choose "Open with" your preferred web browser.
### Main Features
+- Responsive Design: The website is fully responsive and optimized for different screen sizes and devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
+
+- Navigation Bar: A clean and easy-to-use navigation bar allows users to access different sections of the website effortlessly.
+
+- Hackathon Showcase: Create sections to display both previous and upcoming hackathons.
+
+- 3D Tilt Effect: Interactive 3D tilt effect on banners and images using Vanilla Tilt.js, enhancing the visual appeal and engagement of the site.
+
+- About Us Section: Provides information about the organization, the mission of the hackathon, and the team behind it.
+
+- Contact Form: A simple and accessible contact form where users can reach out with questions or express interest in the event.
+
+- Sign up and login page: Create a page for users to sign up and login.
+
+- Motivational Quote Section: Displays new inspirational quotes everytimes user refresh the page to boost enthusiasm among participants and set a positive tone for the hackathon .
+
### Contribution
We welcome contributions to this project. Feel free to fork the repository, make improvements, and submit pull requests.
We value all contributions, whether it's through code, documentation, creating demos or just spreading the word.
Here are a few useful resources to help you get started:
+
- For contributions, [Check out the contribution guide](https://github.com/SGCODEX/Hackathon-Website/blob/main/CONTRIBUTING.md) .
### License
+ Hacknack
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+