Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions Code Of Conduct
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
Code of Conduct for Student-ify Experience
Welcome to the Student-ify Experience platform! Our mission is to create an inclusive and supportive environment for all students to learn, share, and grow. To ensure a positive and respectful community, we ask all users to adhere to the following Code of Conduct:
---
1. Respectful Behavior
• - Treat everyone with kindness, respect, and empathy.
• - Avoid offensive, discriminatory, or harmful language and actions based on race, gender, religion, sexual orientation, disability, or any other personal characteristics.
• - Engage in constructive and respectful discussions, even when opinions differ.
2. Integrity and Honesty
• - Provide accurate and truthful information when interacting with the platform and its community.
• - Do not engage in plagiarism, cheating, or any activity that compromises the integrity of the platform.
3. No Harassment or Abuse
• - Harassment, bullying, and any form of abusive behavior are strictly prohibited.
• - Refrain from sending unsolicited messages or spamming other users.
• - Report any incidents of harassment or abuse to the platform administrators.
4. Privacy and Security
• - Respect the privacy of others. Do not share or misuse personal information.
• - Avoid sharing sensitive or confidential information on public forums.
• - Follow the platform’s guidelines for data protection and security.
5. Content Guidelines
• - Share content that is relevant, respectful, and beneficial to the community.
• - Do not post content that is inappropriate, offensive, or violates intellectual property rights.
• - Refrain from sharing malicious links or engaging in fraudulent activities.
6. Compliance with Laws
• - Adhere to all applicable laws and regulations when using the platform.
• - Do not engage in illegal activities, including but not limited to hacking, fraud, or copyright infringement.
7. Enforcement
• - Violations of this Code of Conduct may result in temporary or permanent suspension of access to the platform.
• - Serious violations may be reported to appropriate legal authorities.
8. Reporting Issues
• - If you experience or witness any behavior that violates this Code of Conduct, please report it immediately to [admin email/contact form].
• - All reports will be reviewed and addressed promptly and confidentially.
---
By participating in the Student-ify Experience platform, you agree to follow this Code of Conduct. Let’s work together to maintain a positive and welcoming environment for everyone!
83 changes: 49 additions & 34 deletions Contributors/contributor.html
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@
<li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
<li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
<li><a href="../navigateToPages/faq2.html">FAQ</a></li>
<li><a href="Contributors\contributor.html">CONTRIBUTORS</a></li>
<li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
<li><a href="contactus.html">CONTACT US</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -223,43 +223,58 @@ <h1 class="title">Contributors of STUDENT-IFY</h1>

<script src="contributor.js"></script>

</body>



<footer class="footer">
<div class="footer-container">
<div class="footer-section" style="max-width: 400px;">
<h4>About</h4>
<p style="color: rgb(8, 56, 8); font-weight: 500; ">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success..</p>

</div>
<div class="footer-section" style="margin-left: 0px; margin-right: 0px;">
<h4>Quick Links</h4>
<ul>
<li><a href="navigateToPages\aboutus.html">About us</a></li>
<li><a href="navigateToPages\profile.html">Student Profile</a></li>
<li><a href="navigateToPages\faq2.html">FAQ</a></li>
<li><a href="Contributors\contributor.html">Contributors</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div class="footer-section" style="margin-left: 0;">
<h4>Follow Us</h4>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<footer>

<div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
<div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
<img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
<p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>

</div>

<div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
<li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
</ul>
</div>


<div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
<li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
</ul>
</div>

<div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
<ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<p style="color: rgb(8, 56, 8);">&copy; 2024 Studentify. All rights reserved. </p>
<p style="margin-top: 8px; color: rgb(8, 56, 8);">Made with love 💖</p>
</div>
</footer>


<div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
<p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
</div>

<button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>

</footer>

<button class="chatbot-toggler">
<span class="material-symbols-rounded">mode_comment</span>
Expand Down
228 changes: 143 additions & 85 deletions Contributors/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -576,7 +576,7 @@ li a,a:visited{
.sign-up:hover , .log-in:hover{
background-color: lightblue;
}
/* .footer{
.footer{
overflow-x: hidden;
display: flex;
flex-direction: column;
Expand All @@ -586,7 +586,7 @@ li a,a:visited{
height: 16rem;
background-color: grey;
gap: 1rem;
} */
}
.logo2{
height: 6rem;
width: 9rem;
Expand Down Expand Up @@ -702,96 +702,154 @@ li a,a:visited{
}

/* Footer Styling */
.footer {
background: linear-gradient(45deg, #3498db, #2ecc71);
color: white;
padding: 2rem 1rem;
}

.footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.5rem;
/* margin-left: 70px; */
max-width: 1200px;
margin: 0 auto;
}

/* flex: 1 1 calc(33.333% - 1rem); */
/* min-width: 200px; */
/* margin-right: 90px; */


.footer-section h4 {
margin-bottom: 1rem;
font-weight: bold;
font-size: 1.2rem;
}

.footer-section ul {
list-style: none;
padding: 0;
}

.footer-section ul li {
margin: 0.5rem 0;
transition: transform 0.3s ease;
}
.footer-section ul li:hover{
transform: translateX(10px);
}

.footer-section ul li a {
color: rgb(8, 56, 8);
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease ;
}

.footer-section ul li a:hover {
color: white;
}

.social-icons a i {
margin-right: 0.5rem;
font-size: 1.5rem;
color: rgb(8, 56, 8);
transition: transform 0.3s ease, color 0.3s ease;
}

.social-icons a i:hover {
transform: scale(1.1);
color: white;
}

.footer-bottom {
text-align: center;
margin-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 1rem;
}

.footer-bottom p {
margin: 0;
font-size: 0.9rem;
}

@media (max-width: 768px) {
.footer-container {
flex-direction: column;
align-items: center;
footer {
background-color: black;
padding: 40px 0;
font-family: 'Arial', sans-serif;
color: white;
}


.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
max-width: 1200px;
margin: auto;
padding: 20px;
}

.footer-section {
margin: 20px;
}

.footer-section h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

.footer-section ul {
list-style: none;
padding: 0;
}

.footer-section ul li {
margin-bottom: 10px;
}

.footer-section ul li a {
text-decoration: none;
color: #6c757d;
font-size: 14px;
}

.footer-section ul li a:hover {
color: #000;
}

.social-icons {
display: flex;
gap: 10px;
}

.social-icons li {
list-style: none;
}

.social-icons li a {
font-size: 20px;
color: #6c757d;
}

/* Newsletter Section Styling */
.footer-section.newsletter {
grid-column: span 4; /* span across all sections */
padding: 30px;
background-color: black;
background-image: url('https://media.istockphoto.com/id/666193858/photo/indian-vegetarian-office-or-school-lunch-box-or-tiffin-with-north-indian-or-maharashtrian.jpg?s=612x612&w=0&k=20&c=Ac-U7hY1leIuM97jLNPqzv7SX5DbZofu5p_pfUCgeJA=');
text-align: center;
flex: 1 1 100%;
margin-top: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.footer-section.newsletter h2 {
font-size: 22px;
color: #ea0202;
margin-bottom: 15px;
}

.footer-section.newsletter p {
font-size: 14px;
color: #130111;
margin-bottom: 20px;
}

.footer-section.newsletter .newsletter-form {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
}

.footer-section.newsletter .newsletter-form input {
padding: 10px;
font-size: 14px;
width: 250px;
border: 2px solid #ddd;
border-radius: 4px;
transition: border-color 0.3s ease;
}

.footer-section.newsletter .newsletter-form input:focus {
border-color: #ff5722; /* Focused border color */
outline: none;
}

.footer-section.newsletter .subscribe-btn {
background: linear-gradient(90deg, #ff5722, #ff0000); /* Red gradient */
color: #fff;
padding: 10px 20px;
font-size: 14px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s ease, transform 0.3s ease;
}

.footer-section.newsletter .subscribe-btn:hover {
background: linear-gradient(90deg, #ff0000, #ff5722); /* Reverse gradient on hover */
transform: translateY(-3px); /* Button hover animation */
}

.footer-bottom {
text-align: center;
padding: 20px 0;
background-color: #e9ecef;
font-size: 14px;
}

.theme-toggle {
border-radius: 50%;
color: black;
background-color: yellow;
cursor: pointer;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}

.theme-toggle span {
font-size: 1.5rem;
}

/* Dark Theme Styles */
.dark-theme {
background-color: #121212;
color: #eee;
}




/* .dark-theme .header {
background-color: #222;
Expand Down
Loading