+
+
+ NST-SDC
+ Code, Create, Connect!
+
+
+
+
+
+
+
+
Aims & Motives
+
•Encourage Collaboration:Promote teamwork through group projects and collaborative coding sessions.
+
+
•Enhance Skills:Organize workshops and training sessions to improve technical skills and knowledge in software development.
+
+
•Create Projects:Develop real-world applications and projects that can be showcased in portfolios or competitions.
+
+
•Networking Opportunities: Facilitate connections with industry professionals and alumni to enhance career prospects.
+
+
•Host Events:Organize hackathons, coding competitions, and guest speaker events to engage members and the wider community.
+
+
•Promote Innovation: Encourage members to explore new technologies and creative solutions to problems.
+
+
+
+
+
+
+
Meet Our Team
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/contact.css b/contact.css
new file mode 100644
index 0000000..0bb6cc8
--- /dev/null
+++ b/contact.css
@@ -0,0 +1,205 @@
+body {
+ background-image: url('/photos/background.gif');
+ background-size: cover;
+ background-repeat: no-repeat;
+ color: #f0f0f0;
+ font-family: 'Roboto', sans-serif;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.body {
+ max-width: 1200px;
+ width: 100%;
+ padding: 20px;
+ background: rgba(30, 30, 30, 0.85);
+ border-radius: 15px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+}
+
+/* Header */
+header {
+ text-align: center;
+ color: #00bcd4;
+}
+
+header h1 {
+ font-size: 2.5rem;
+ margin: 0;
+}
+
+header h3 {
+ font-size: 1.2rem;
+ margin: 10px 0;
+ color: #e0e0e0;
+}
+
+/* Navigation */
+.nav {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin: 15px 0;
+}
+
+.nav-item a {
+ text-decoration: none;
+ color: #00bcd4;
+ font-weight: bold;
+ padding: 10px 20px;
+ border-radius: 8px;
+ transition: background-color 0.3s;
+}
+
+.nav-item a:hover {
+ background-color: #0097a7;
+ color: #ffffff;
+}
+
+/* Hero Section */
+.herosection {
+ margin: 20px 0;
+ display: flex;
+ justify-content: center;
+}
+
+.slider {
+ display: flex;
+ overflow: hidden;
+ width: 100%;
+}
+
+.slides {
+ display: flex;
+ gap: 15px;
+}
+
+.container {
+ position: relative;
+ width: 300px;
+}
+
+.img {
+ width: 100%;
+ height: auto;
+ border-radius: 10px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
+}
+
+.button-container {
+ display: flex;
+ justify-content: space-around;
+ position: absolute;
+ bottom: 10px;
+ width: 100%;
+}
+
+button {
+ padding: 8px 16px;
+ background-color: #00bcd4;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ color: #ffffff;
+ font-weight: bold;
+ transition: background-color 0.3s, transform 0.2s;
+}
+
+button:hover {
+ background-color: #0097a7;
+ transform: scale(1.05);
+}
+
+/* Mentor and Team styling */
+.mentor, .team {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.mentor1, .mentor2, .dev {
+ display: flex;
+ align-items: center;
+ width: 80%;
+ max-width: 700px;
+ margin: 15px 0;
+ padding: 15px;
+ border-radius: 8px;
+ background-color: transparent;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+ transition: transform 0.2s;
+ color:white;
+}
+
+.mentor1:hover, .mentor2:hover, .dev:hover {
+ transform: translateY(-5px);
+}
+
+.mentor1 img, .mentor2 img, .dev img {
+ width: 80px;
+ height: 80px;
+ border-radius: 50%;
+ margin-right: 20px;
+ object-fit: cover;
+}
+
+.mentor1 p, .mentor2 p, .dev p {
+ font-size: 1em;
+ color: white;
+ line-height: 1.5;
+}
+
+.dev p {
+ font-size: 0.95em;
+}
+
+/* Footer */
+.footer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ background-color: rgba(20, 20, 20, 0.9);
+ border-radius: 10px;
+ margin-top: 20px;
+}
+
+.footer-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: #e0e0e0;
+}
+
+.footer-content p {
+ margin: 0;
+ font-size: 1rem;
+ color: #e0e0e0;
+}
+
+.social-icons {
+ display: flex;
+ gap: 15px;
+ margin-top: 10px;
+}
+
+.social-icons img {
+ width: 30px;
+ height: 30px;
+ transition: transform 0.3s;
+ cursor: pointer;
+}
+
+.social-icons img:hover {
+ transform: scale(1.1);
+}
+
+#date-time {
+ font-size: 1rem;
+ color: #e0e0e0;
+ margin-top: 5px;
+}
+
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..c8b07d3
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,404 @@
+
+
+
+
+
+
NST-SDC
+
+
+
+
+
+
+ NST-SDC
+ Code, Create, Connect!
+
+
+
+
+
+
+
+
Connect us......!!
+
+
Mentors
+
+
+
+ •mentor1
+ •Email:
+ •Discord:
+ •Linkedin:
+
+
+
+
+
+ •mentor2
+ •Email:
+ •Discord:
+ •Linkedin:
+
+
+
+
+
Team
+
+
+
Frontend Developers
+
+
+
+ •Name: Siddharth Pareek
+ •Role: Frontend Developer
+ •Email: siddharth@example.com
+ •Discord: siddharth#1234
+ •Linkedin: linkedin.com/in/siddharth
+
+
+
+
+
+ •Name: NIHAL C
+ •Role: Frontend Developer
+ •Email: nihal@example.com
+ •Discord: nihal#1234
+ •Linkedin: linkedin.com/in/nihal
+
+
+
+
+
+ •Name: Ayush Kumar Mandal
+ •Role: Frontend Developer
+ •Email: ayush@example.com
+ •Discord: ayush#1234
+ •Linkedin: linkedin.com/in/ayush
+
+
+
+
+
+ •Name: Neel
+ •Role: Frontend Developer
+ •Email: neel@example.com
+ •Discord: neel#1234
+ •Linkedin: linkedin.com/in/neel
+
+
+
+
+
+ •Name: Nitya Jain
+ •Role: Frontend Developer
+ •Email: nitya@example.com
+ •Discord: nitya#1234
+ •Linkedin: linkedin.com/in/nitya
+
+
+
+
+
+ •Name: Aditya Prakash
+ •Role: Frontend Developer
+ •Email: aditya@example.com
+ •Discord: aditya#1234
+ •Linkedin: linkedin.com/in/aditya
+
+
+
+
+
Backend Developers
+
+
+
+ •Name: Burra Karthikeya
+ •Role: Backend Developer
+ •Email: karthikeya@example.com
+ •Discord: karthikeya#1234
+ •Linkedin: linkedin.com/in/karthikeya
+
+
+
+
+
+ •Name: Gunavanth Reddy
+ •Role: Backend Developer
+ •Email: gunavanth@example.com
+ •Discord: gunavanth#1234
+ •Linkedin: linkedin.com/in/gunavanth
+
+
+
+
+
+ •Name: Abhay Pratap Yadav
+ •Role: Backend Developer
+ •Email: abhay@example.com
+ •Discord: abhay#1234
+ •Linkedin: linkedin.com/in/abhay
+
+
+
+
+
+ •Name: Rahul Gupta
+ •Role: Backend Developer
+ •Email: rahul@example.com
+ •Discord: rahul#1234
+ •Linkedin: linkedin.com/in/rahul
+
+
+
+
+
+ •Name: Arohi Jadhav
+ •Role: Backend Developer
+ •Email: arohi@example.com
+ •Discord: arohi#1234
+ •Linkedin: linkedin.com/in/arohi
+ •
President
+
+
+
+
+
DevOps
+
+
+
+ •Name: Vivek Wagdare
+ •Role: DevOps
+ •Email: vivek@example.com
+ •Discord: vivek#1234
+ •Linkedin: linkedin.com/in/vivek
+
+
+
+
+
+ •Name: Ayush Shukla
+ •Role: DevOps
+ •Email: ayushs@example.com
+ •Discord: ayushs#1234
+ •Linkedin: linkedin.com/in/ayushs
+
+
+
+
+
+ •Name: B Sai Thrishul
+ •Role: DevOps
+ •Email: bsaithrishul@example.com
+ •Discord: bsaithrishul#1234
+ •Linkedin: linkedin.com/in/bsaithrishul
+
+
+
+
+
Designers
+
+
+
+ •Name: Riddhi
+ •Role: Designer
+ •Email: riddhi@example.com
+ •Discord: riddhi#1234
+ •Linkedin: linkedin.com/in/riddhi
+
+
+
+
+
+ •Name: Sakina
+ •Role: Designer
+ •Email: sakina@example.com
+ •Discord: sakina#1234
+ •Linkedin: linkedin.com/in/sakina
+
+
+
+
+
+ •Name: Ananya Gupta
+ •Role: Designer
+ •Email: ananya@example.com
+ •Discord: ananya#1234
+ •Linkedin: linkedin.com/in/ananya
+
+
+
+
+
+ •Name: Vipul
+ •Role: Designer
+ •Email: vipul@example.com
+ •Discord: vipul#1234
+ •Linkedin: linkedin.com/in/vipul
+
+
+
+
+
Mobile Apps
+
+
+
+ •Name: Tanubhav
+ •Role: Mobile App Developer
+ •Email: tanubhav@example.com
+ •Discord: tanubhav#1234
+ •Linkedin: linkedin.com/in/tanubhav
+
+
+
+
+
+ •Name: Chiranjeev
+ •Role: Mobile App Developer
+ •Email: chiranjeev@example.com
+ •Discord: chiranjeev#1234
+ •Linkedin: linkedin.com/in/chiranjeev
+
+
+
+
+
+ •Name: Kanishk Kumar Ranjan
+ •Role: Mobile App Developer
+ •Email: kanishk@example.com
+ •Discord: kanish k#1234
+ •Linkedin: linkedin.com/in/kanishk
+
+
+
+
+
+ •Name: Daksh Saini
+ •Role: Mobile App Developer
+ •Email: daksh@example.com
+ •Discord: daksh#1234
+ •Linkedin: linkedin.com/in/daksh
+ •
Vice-President
+
+
+
+
+
Volunteers
+
+
+
+ •Name: Yash Mali
+ •Role: Volunteer
+ •Email: yash@example.com
+ •Discord: yash#1234
+ •Linkedin: linkedin.com/in/yash
+
+
+
+
+
+ •Name: Arpit Sarang
+ •Role: Volunteer
+ •Email: arpit@example.com
+ •Discord: arpit#1234
+ •Linkedin: linkedin.com/in/arpit
+
+
+
+
+
+ •Name: Kirti Gautam
+ •Role: Volunteer
+ •Email: kirti@example.com
+ •Discord: kirti#1234
+ •Linkedin: linkedin.com/in/kirti
+
+
+
+
+
+ •Name: Birajit Saikia
+ •Role: Volunteer
+ •Email: birajit@example.com
+ •Discord: birajit#1234
+ •Linkedin: linkedin.com/in/birajit
+
+
+
+
+
+ •Name: Ayush Pandey
+ •Role: Volunteer
+ •Email: ayushp@example.com
+ •Discord: ayushp#1234
+ •Linkedin: linkedin.com/in/ayushp
+
+
+
+
+
+ •Name: Aditya Raj Soni
+ •Role: Volunteer
+ •Email: aditya.raj@example.com
+ •Discord: aditya.raj#1234
+ •Linkedin: linkedin.com/in/aditya-raj
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/event.css b/event.css
new file mode 100644
index 0000000..f3051a3
--- /dev/null
+++ b/event.css
@@ -0,0 +1,152 @@
+body {
+ background-image: url('/photos/background.gif');
+ background-size: cover;
+ background-repeat: no-repeat;
+ color: #f0f0f0;
+ font-family: 'Roboto', sans-serif;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.body {
+ max-width: 1200px;
+ width: 100%;
+ padding: 20px;
+ background: rgba(30, 30, 30, 0.85);
+ border-radius: 15px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+}
+
+/* Header */
+header {
+ text-align: center;
+ color: #00bcd4;
+}
+
+header h1 {
+ font-size: 2.5rem;
+ margin: 0;
+}
+
+header h3 {
+ font-size: 1.2rem;
+ margin: 10px 0;
+ color: #e0e0e0;
+}
+
+/* Navigation */
+.nav {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin: 15px 0;
+}
+
+.nav-item a {
+ text-decoration: none;
+ color: #00bcd4;
+ font-weight: bold;
+ padding: 10px 20px;
+ border-radius: 8px;
+ transition: background-color 0.3s;
+}
+
+.nav-item a:hover {
+ background-color: #0097a7;
+ color: #ffffff;
+}
+
+/* Upcoming Events Section */
+.upevent, .pastevent {
+ max-width: 900px;
+ width: 90%;
+ text-align: center;
+ margin: 20px 0;
+ /* background: rgba(30, 30, 30, 0.85); */
+ padding: 20px;
+ border-radius: 15px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+ align-items: center;
+}
+
+.upevent h2, .pastevent h2 {
+ color: #00bcd4;
+ font-size: 1.8rem;
+ margin-bottom: 20px;
+}
+
+.upevent-item, .paevent {
+ display: inline-block;
+ width: 200px;
+ margin: 15px;
+ text-align: center;
+}
+
+.upevent-item img, .paevent img {
+ width: 100%;
+ height: 150px;
+ object-fit: cover;
+ border-radius: 10px;
+ transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.upevent-item img:hover, .paevent img:hover {
+ transform: scale(1.05);
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+}
+
+.upevent-item h3, .paevent h3 {
+ color: #e0e0e0;
+ margin-top: 10px;
+ font-size: 1.2rem;
+}
+
+/* Footer */
+.footer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ background-color: rgba(20, 20, 20, 0.9);
+ border-radius: 10px;
+ margin-top: 20px;
+}
+
+.footer-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: #e0e0e0;
+}
+
+.footer-content p {
+ margin: 0;
+ font-size: 1rem;
+ color: #e0e0e0;
+}
+
+.social-icons {
+ display: flex;
+ gap: 15px;
+ margin-top: 10px;
+}
+
+.social-icons img {
+ width: 30px;
+ height: 30px;
+ transition: transform 0.3s;
+ cursor: pointer;
+}
+
+.social-icons img:hover {
+ transform: scale(1.1);
+}
+
+#date-time {
+ font-size: 1rem;
+ color: #e0e0e0;
+ margin-top: 5px;
+}
\ No newline at end of file
diff --git a/events.html b/events.html
new file mode 100644
index 0000000..2725a5a
--- /dev/null
+++ b/events.html
@@ -0,0 +1,111 @@
+
+
+
+
+
+
NST-SDC
+
+
+
+
+
+
+ NST-SDC
+ Code, Create, Connect!
+
+
+
+
+
+
+
+
+
Upcoming Events
+
+
+
Event 1
+
+
+
+
Event 2
+
+
+
+
Event 3
+
+
+
+
+
+
Past Events
+
+
+
Event 1
+
+
+
+
Event 2
+
+
+
+
Event 3
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gallery.html b/gallery.html
new file mode 100644
index 0000000..fc2ad10
--- /dev/null
+++ b/gallery.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
NST-SDC
+
+
+
+
+
+
+ NST-SDC
+ Code, Create, Connect!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/home.css b/home.css
new file mode 100644
index 0000000..122ecfe
--- /dev/null
+++ b/home.css
@@ -0,0 +1,219 @@
+body {
+ background-image: url('/photos/background.gif');
+ background-size: cover;
+ background-repeat: no-repeat;
+ color: #f0f0f0;
+ font-family: 'Roboto', sans-serif;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.body {
+ max-width: 1200px;
+ width: 100%;
+ padding: 20px;
+ background: rgba(30, 30, 30, 0.85);
+ border-radius: 15px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+}
+
+/* Header */
+header {
+ text-align: center;
+ color: #00bcd4;
+}
+
+header h1 {
+ font-size: 2.5rem;
+ margin: 0;
+}
+
+header h3 {
+ font-size: 1.2rem;
+ margin: 10px 0;
+ color: #e0e0e0;
+}
+
+/* Navigation */
+.nav {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin: 15px 0;
+}
+
+.nav-item a {
+ text-decoration: none;
+ color: #00bcd4;
+ font-weight: bold;
+ padding: 10px 20px;
+ border-radius: 8px;
+ transition: background-color 0.3s;
+}
+
+.nav-item a:hover {
+ background-color: #0097a7;
+ color: #ffffff;
+}
+
+/* Hero Section */
+.herosection {
+ margin: 20px 0;
+ display: flex;
+ justify-content: center;
+}
+
+.slider {
+ display: flex;
+ overflow: hidden;
+ width: 100%;
+}
+
+.slides {
+ display: flex;
+ gap: 15px;
+}
+
+.container {
+ position: relative;
+ width: 300px;
+}
+
+.img {
+ width: 100%;
+ height: auto;
+ border-radius: 10px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
+}
+
+.button-container {
+ display: flex;
+ justify-content: space-around;
+ position: absolute;
+ bottom: 10px;
+ width: 100%;
+}
+
+button {
+ padding: 8px 16px;
+ background-color: #00bcd4;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ color: #ffffff;
+ font-weight: bold;
+ transition: background-color 0.3s, transform 0.2s;
+}
+
+button:hover {
+ background-color: #0097a7;
+ transform: scale(1.05);
+}
+
+/* Events Section */
+.events {
+ margin: 20px 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.events .slides {
+ display: flex;
+ gap: 20px;
+}
+
+.events .img {
+ border-radius: 10px;
+ max-width: 250px;
+}
+
+.events p {
+ font-size: 0.9rem;
+ color: #e0e0e0;
+}
+
+/* News Section */
+.news {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 15px;
+ margin: 20px 0;
+}
+
+.news h4 {
+ color: #00bcd4;
+}
+
+.news p {
+ color: #e0e0e0;
+ font-size: 0.9rem;
+}
+
+.news button {
+ background-color: #00bcd4;
+ color: #ffffff;
+ border-radius: 5px;
+ padding: 8px;
+ font-weight: bold;
+ margin-top: 10px;
+}
+
+.news button a {
+ color: inherit;
+ text-decoration: none;
+}
+
+.news button:hover {
+ background-color: #0097a7;
+}
+
+/* Footer */
+.footer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ background-color: rgba(20, 20, 20, 0.9);
+ border-radius: 10px;
+ margin-top: 20px;
+}
+
+.footer-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: #e0e0e0;
+}
+
+.footer-content p {
+ margin: 0;
+ font-size: 1rem;
+ color: #e0e0e0;
+}
+
+.social-icons {
+ display: flex;
+ gap: 15px;
+ margin-top: 10px;
+}
+
+.social-icons img {
+ width: 30px;
+ height: 30px;
+ transition: transform 0.3s;
+ cursor: pointer;
+}
+
+.social-icons img:hover {
+ transform: scale(1.1);
+}
+
+#date-time {
+ font-size: 1rem;
+ color: #e0e0e0;
+ margin-top: 5px;
+}
diff --git a/home.html b/home.html
new file mode 100644
index 0000000..f7a124a
--- /dev/null
+++ b/home.html
@@ -0,0 +1,161 @@
+
+
+
+
+
+
NST-SDC
+
+
+
+
+
+
+ NST-SDC
+ Code, Create, Connect!
+
+
+
+
+
+
+
+
Our Club
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Upcoming Events
+
+
+
+
+
+
•Event:Lorem Ipsum
•Date: xx.xx.xxxx
•Details:this is our 1st event held by NST-SDC
+
+
+
+
•Event:Lorem Ipsum
•Date: xx.xx.xxxx
•Details:this is our 2nd event held by NST-SDC
+
+
+
+
•Event:Lorem Ipsum
•Date: xx.xx.xxxx
•Details:this is our 3rd event held by NST-SDC
+
+
+
+
•Event:Lorem Ipsum
•Date: xx.xx.xxxx
•Details:this is our 4th event held by NST-SDC
+
+
+
+
+
+
+
+
+
News
+
+
+
News
+
lorem Ipsum iugwuidgvbdacuobjeougadjfbadfgouahf hwdgiugadugfeqfuoeqhfu
+
+
+
+
News
+
lorem Ipsum iugwuidgvbdacuobjeougadjfbadfgouahf hwdgiugadugfeqfuoeqhfu
+
+
+
+
News
+
l orem Ipsum iugwuidgvbdacuobjeougadjfbadfgouahf hwdgiugadugfeqfuoeqhfu
+
+
+
+
News
+
lorem Ipsum iugwuidgvbdacuobjeougadjfbadfgouahf hwdgiugadugfeqfuoeqhfu
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..e4b6f9c
--- /dev/null
+++ b/index.css
@@ -0,0 +1,86 @@
+body {
+ background-image: url('/photos/background.gif');
+ background-size: cover;
+ background-repeat: no-repeat;
+ font-family: 'Roboto', sans-serif;
+ color: #f0f0f0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+ background-color: #1a1a1a;
+}
+
+.form {
+ max-width: 400px;
+ margin: 100px auto;
+ background: rgba(30, 30, 30, 0.85);
+ padding: 20px;
+ border-radius: 15px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+}
+
+.data1, .data2, .data3 {
+ margin-bottom: 15px;
+}
+
+label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: bold;
+ color: #e0e0e0;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="date"],
+input[type="radio"] {
+ width: calc(100% - 10px);
+ padding: 10px;
+ border: 1px solid #444;
+ border-radius: 5px;
+ background-color: #222;
+ color: #f0f0f0;
+ transition: border-color 0.3s, background-color 0.3s;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="date"]:focus {
+ border-color: #00bcd4;
+ background-color: #333;
+ outline: none;
+}
+
+input[type="radio"] {
+ width: auto;
+ margin-right: 5px;
+}
+
+.data2 label {
+ display: inline-block;
+ margin-right: 15px;
+}
+
+.button-container {
+ display: flex;
+ justify-content: space-between;
+}
+
+input[type="submit"] {
+ background-color: #00bcd4;
+ color: white;
+ border: none;
+ padding: 10px;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s, transform 0.2s;
+ width: 48%;
+ font-weight: bold;
+}
+
+input[type="submit"]:hover {
+ background-color: #0097a7;
+ transform: scale(1.05);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0479d0c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+
NST-SDC
+
+
+
+
+
+
+
+
diff --git a/photos/NST-SDC.png b/photos/NST-SDC.png
new file mode 100644
index 0000000..7c411ed
Binary files /dev/null and b/photos/NST-SDC.png differ
diff --git a/photos/bCKGROUND8.gif b/photos/bCKGROUND8.gif
new file mode 100644
index 0000000..82da45c
Binary files /dev/null and b/photos/bCKGROUND8.gif differ
diff --git a/photos/background.gif b/photos/background.gif
new file mode 100644
index 0000000..e10d0d0
Binary files /dev/null and b/photos/background.gif differ
diff --git a/photos/background2.jpeg b/photos/background2.jpeg
new file mode 100644
index 0000000..59a961b
Binary files /dev/null and b/photos/background2.jpeg differ
diff --git a/photos/background3.gif b/photos/background3.gif
new file mode 100644
index 0000000..e9dad16
Binary files /dev/null and b/photos/background3.gif differ
diff --git a/photos/background5.gif b/photos/background5.gif
new file mode 100644
index 0000000..8d38ea5
Binary files /dev/null and b/photos/background5.gif differ
diff --git a/photos/background6.gif b/photos/background6.gif
new file mode 100644
index 0000000..0a46448
Binary files /dev/null and b/photos/background6.gif differ
diff --git a/photos/codemaverick.jpeg b/photos/codemaverick.jpeg
new file mode 100644
index 0000000..d99a5b9
Binary files /dev/null and b/photos/codemaverick.jpeg differ
diff --git a/photos/discord.png b/photos/discord.png
new file mode 100644
index 0000000..45547f7
Binary files /dev/null and b/photos/discord.png differ
diff --git a/photos/event1.jpeg b/photos/event1.jpeg
new file mode 100644
index 0000000..b42ca01
Binary files /dev/null and b/photos/event1.jpeg differ
diff --git a/photos/event2.jpeg b/photos/event2.jpeg
new file mode 100644
index 0000000..807449d
Binary files /dev/null and b/photos/event2.jpeg differ
diff --git a/photos/event3.jpeg b/photos/event3.jpeg
new file mode 100644
index 0000000..8f16d89
Binary files /dev/null and b/photos/event3.jpeg differ
diff --git a/photos/event4.jpeg b/photos/event4.jpeg
new file mode 100644
index 0000000..4857541
Binary files /dev/null and b/photos/event4.jpeg differ
diff --git a/photos/github.png b/photos/github.png
new file mode 100644
index 0000000..bb2163f
Binary files /dev/null and b/photos/github.png differ
diff --git a/photos/heroimg1.jpeg b/photos/heroimg1.jpeg
new file mode 100644
index 0000000..584c5b2
Binary files /dev/null and b/photos/heroimg1.jpeg differ
diff --git a/photos/heroimg2.jpeg b/photos/heroimg2.jpeg
new file mode 100644
index 0000000..de561c7
Binary files /dev/null and b/photos/heroimg2.jpeg differ
diff --git a/photos/heroimg3.jpeg b/photos/heroimg3.jpeg
new file mode 100644
index 0000000..f1bc0fb
Binary files /dev/null and b/photos/heroimg3.jpeg differ
diff --git a/photos/instagram.png b/photos/instagram.png
new file mode 100644
index 0000000..d4726e4
Binary files /dev/null and b/photos/instagram.png differ
diff --git a/photos/profile.jpeg b/photos/profile.jpeg
new file mode 100644
index 0000000..2b66368
Binary files /dev/null and b/photos/profile.jpeg differ
diff --git a/photos/twitter.png b/photos/twitter.png
new file mode 100644
index 0000000..c58056a
Binary files /dev/null and b/photos/twitter.png differ
diff --git a/photos/youtube.png b/photos/youtube.png
new file mode 100644
index 0000000..fdf2590
Binary files /dev/null and b/photos/youtube.png differ
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..a0e3bec
--- /dev/null
+++ b/server.js
@@ -0,0 +1,44 @@
+// server.js
+const express = require('express');
+const bodyParser = require('body-parser');
+const app = express();
+const PORT = 3000;
+
+app.use(bodyParser.urlencoded({ extended: true }));
+app.use(bodyParser.json());
+
+// Dummy database for demonstration
+const users = [];
+
+// Signup route
+app.post('/signup', (req, res) => {
+ const { name, role, Batch, urn, DOB, email } = req.body;
+
+ // Check if user already exists
+ const userExists = users.some((user) => user.email === email);
+ if (userExists) {
+ return res.status(400).send("User already exists. Please log in.");
+ }
+
+ // Add user to the "database"
+ users.push({ name, role, Batch, urn, DOB, email });
+ res.send("Signup successful! You can now log in.");
+});
+
+// Login route
+app.post('/login', (req, res) => {
+ const { email } = req.body;
+
+ // Verify if user exists
+ const user = users.find((user) => user.email === email);
+ if (user) {
+ res.send("Login successful! Redirecting to home page...");
+ } else {
+ res.status(400).send("User not found. Please sign up first.");
+ }
+});
+
+// Start the server
+app.listen(PORT, () => {
+ console.log(`Server running on http://localhost:${PORT}`);
+});