Skip to content

Footer Redesign for first-contrib-placement #226

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
213sanjana wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Footer Redesign for first-contrib-placement #226

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f778f6e
Redesigned Foooter
213sanjana Oct 20, 2025
c9e2b1e
Merge branch 'master' into feature
213sanjana Oct 20, 2025
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
126 changes: 125 additions & 1 deletion career-roadmaps.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -554,8 +554,105 @@ <h3>Technical Writer</h3>
</div>
</div>

<!-- Enhanced Footer -->
<footer>
Made with ❤️ by a GSSoC'25 Contributor | <a href="https://first-contrib-placement.netlify.app" target="_blank">Back to Home</a>
<div class="footer-container">
<!-- Branding & Description -->
<div class="footer-section">
<h2>first-contrib-placement</h2>
<p>
A community-driven project to share the best placement and learning resources for BTech students.
Join thousands of students who have successfully landed their dream jobs using our curated resources.
</p>

<!-- Newsletter Subscription -->
<div class="newsletter-section">
<h4>📧 Stay Updated</h4>
<form class="newsletter-form" id="newsletterForm">
<input type="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form>
<p class="newsletter-privacy">We respect your privacy. Unsubscribe at any time.</p>
</div>
</div>

<!-- Quick Links -->
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="./index.html">🏠 Home</a></li>
<li><a href="./contribute.html">🤝 Contribute</a></li>
<li><a href="./interviewprep.html">💼 Interview Prep</a></li>
<li><a href="./roadmap.html">🗺️ Roadmap</a></li>
<li><a href="./contact.html">📞 Contact</a></li>
<li><a href="https://github.com/Varshitha713/first-contrib-placement" target="_blank">⭐ Star on GitHub</a></li>
</ul>
</div>

<!-- Top Categories -->
<div class="footer-section">
<h3>Resources</h3>
<ul>
<li><a href="./dsa.html">🧮 DSA Practice</a></li>
<li><a href="./resume.html">📄 Resume Tips</a></li>
<li><a href="./interviewprep.html">🎯 Interview Prep</a></li>
<li><a href="./open.html">🔓 Open Source</a></li>
<li><a href="./career-roadmaps.html">📚 Career Roadmaps</a></li>
<li><a href="https://leetcode.com" target="_blank">💻 LeetCode</a></li>
</ul>
</div>

<!-- Contact Info -->
<div class="footer-section">
<h3>Get in Touch</h3>
<div class="contact-info">
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<span>📍 India</span>
</div>
<div class="contact-item">
<i class="fas fa-envelope"></i>
<span>contact@firstcontrib.com</span>
</div>
<div class="contact-item">
<i class="fas fa-users"></i>
<span>5000+ Students Helped</span>
</div>
<div class="contact-item">
<i class="fas fa-star"></i>
<span>4.8/5 Community Rating</span>
</div>
</div>

<!-- Enhanced Social Icons -->
<div class="social-icons">
<a href="https://www.linkedin.com/in/varshitha-macha/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://github.com/Varshitha713/first-contrib-placement" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
<i class="fab fa-github"></i>
</a>
<a href="https://api.whatsapp.com/send?text=Check%20out%20this%20amazing%20placement%20resource%20platform%21" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<i class="fab fa-whatsapp"></i>
</a>
<a href="https://twitter.com/intent/tweet?text=Check%20out%20this%20amazing%20placement%20resource%20platform%21&url=https://first-contrib-placement.netlify.app" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
<i class="fab fa-x-twitter"></i>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://first-contrib-placement.netlify.app" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="mailto:contact@firstcontrib.com?subject=Feedback%20on%20Placement%20Resources" aria-label="Email">
<i class="fas fa-envelope"></i>
</a>
</div>
</div>
</div>

<!-- Enhanced Footer Bottom -->
<div class="footer-bottom">
© 2025 All Rights Reserved | Built with ❤️ by the <a href="https://github.com/Varshitha713/first-contrib-placement/graphs/contributors" target="_blank">FCP Community</a> |
<a href="https://github.com/Varshitha713/first-contrib-placement/blob/main/LICENSE" target="_blank">MIT License</a>
</div>
</footer>

<script>
Expand All @@ -580,6 +677,33 @@ <h3>Technical Writer</h3>
}
});
});

// 📧 Newsletter Subscription
const newsletterForm = document.getElementById('newsletterForm');
if (newsletterForm) {
newsletterForm.addEventListener('submit', function(e) {
e.preventDefault();
const email = this.querySelector('input[type="email"]').value;
const button = this.querySelector('button');
const originalText = button.textContent;

// Simulate subscription
button.textContent = 'Subscribing...';
button.disabled = true;

setTimeout(() => {
button.textContent = '✓ Subscribed!';
button.style.background = 'linear-gradient(45deg, #4CAF50, #45a049)';

setTimeout(() => {
button.textContent = originalText;
button.disabled = false;
button.style.background = 'linear-gradient(45deg, #fff, #e0f7fa)';
this.querySelector('input[type="email"]').value = '';
}, 2000);
}, 1500);
});
}
</script>
</body>
</html>
118 changes: 96 additions & 22 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -208,57 +208,104 @@ <h2>Contact Us</h2>
</div>
</div>
</section>
<!-- Enhanced Footer -->
<footer>
<div class="footer-container">
<!-- Branding -->
<!-- Branding & Description -->
<div class="footer-section">
<h2>first-contrib-placement</h2>
<p>
A community-driven project to share the best placement and learning resources for BTech students.
A community-driven project to share the best placement and learning resources for BTech students.
Join thousands of students who have successfully landed their dream jobs using our curated resources.
</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/varshitha-macha/" target="blank" rel="noopener noreferrer"><i
class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/Varshitha713/first-contrib-placement" target="_blank"
rel="noopener noreferrer"><i class="fab fa-github"></i></a>

<!-- Newsletter Subscription -->
<div class="newsletter-section">
<h4>📧 Stay Updated</h4>
<form class="newsletter-form" id="newsletterForm">
<input type="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form>
<p class="newsletter-privacy">We respect your privacy. Unsubscribe at any time.</p>
</div>
</div>

<!-- Quick Links -->
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="#">Contribute</a></li>
<li><a href="#">Resources</a></li>
<li><a href="./roadmap.html">Roadmap</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./index.html">🏠 Home</a></li>
<li><a href="./contribute.html">🤝 Contribute</a></li>
<li><a href="./interviewprep.html">💼 Interview Prep</a></li>
<li><a href="./roadmap.html">🗺️ Roadmap</a></li>
<li><a href="./contact.html">📞 Contact</a></li>
<li><a href="https://github.com/Varshitha713/first-contrib-placement" target="_blank">⭐ Star on GitHub</a></li>
</ul>
</div>

<!-- Top Categories -->
<div class="footer-section">
<h3>Top Categories</h3>
<h3>Resources</h3>
<ul>
<li><a href="./dsa.html">DSA Practice</a></li>
<li><a href="./resume.html">Resume Tips</a></li>
<li><a href="./interviewprep.html">Interview Prep</a></li>
<li><a href="./open.html">Open Source</a></li>
<li><a href="./roadmap.html">Roadmaps</a></li>
<li><a href="./dsa.html">🧮 DSA Practice</a></li>
<li><a href="./resume.html">📄 Resume Tips</a></li>
<li><a href="./interviewprep.html">🎯 Interview Prep</a></li>
<li><a href="./open.html">🔓 Open Source</a></li>
<li><a href="./career-roadmaps.html">📚 Career Roadmaps</a></li>
<li><a href="https://leetcode.com" target="_blank">💻 LeetCode</a></li>
</ul>
</div>

<!-- Contact Info -->
<div class="footer-section">
<h3>Get in Touch</h3>
<p><strong>Location:</strong> India</p>
<p><strong>Email:</strong> contact@firstcontrib.com</p>
<div class="contact-info">
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<span>📍 India</span>
</div>
<div class="contact-item">
<i class="fas fa-envelope"></i>
<span>contact@firstcontrib.com</span>
</div>
<div class="contact-item">
<i class="fas fa-users"></i>
<span>5000+ Students Helped</span>
</div>
<div class="contact-item">
<i class="fas fa-star"></i>
<span>4.8/5 Community Rating</span>
</div>
</div>

<!-- Enhanced Social Icons -->
<div class="social-icons">
<a href="https://www.linkedin.com/in/varshitha-macha/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://github.com/Varshitha713/first-contrib-placement" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
<i class="fab fa-github"></i>
</a>
<a href="https://api.whatsapp.com/send?text=Check%20out%20this%20amazing%20placement%20resource%20platform%21" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<i class="fab fa-whatsapp"></i>
</a>
<a href="https://twitter.com/intent/tweet?text=Check%20out%20this%20amazing%20placement%20resource%20platform%21&url=https://first-contrib-placement.netlify.app" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
<i class="fab fa-x-twitter"></i>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://first-contrib-placement.netlify.app" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="mailto:contact@firstcontrib.com?subject=Feedback%20on%20Placement%20Resources" aria-label="Email">
<i class="fas fa-envelope"></i>
</a>
</div>
</div>
</div>


<!-- Enhanced Footer Bottom -->
<div class="footer-bottom">
© 2025 All Rights Reserved | Built with ❤️ by the FCP Community
© 2025 All Rights Reserved | Built with ❤️ by the <a href="https://github.com/Varshitha713/first-contrib-placement/graphs/contributors" target="_blank">FCP Community</a> |
<a href="https://github.com/Varshitha713/first-contrib-placement/blob/main/LICENSE" target="_blank">MIT License</a>
</div>
</footer>
<script>
Expand Down Expand Up @@ -315,6 +362,33 @@ <h3>Get in Touch</h3>
}
});

// 📧 Newsletter Subscription
const newsletterForm = document.getElementById('newsletterForm');
if (newsletterForm) {
newsletterForm.addEventListener('submit', function(e) {
e.preventDefault();
const email = this.querySelector('input[type="email"]').value;
const button = this.querySelector('button');
const originalText = button.textContent;

// Simulate subscription
button.textContent = 'Subscribing...';
button.disabled = true;

setTimeout(() => {
button.textContent = '✓ Subscribed!';
button.style.background = 'linear-gradient(45deg, #4CAF50, #45a049)';

setTimeout(() => {
button.textContent = originalText;
button.disabled = false;
button.style.background = 'linear-gradient(45deg, #fff, #e0f7fa)';
this.querySelector('input[type="email"]').value = '';
}, 2000);
}, 1500);
});
}

</script>
<script>
document.getElementById('contactForm').addEventListener('submit', function (e) {
Expand Down
Loading