Skip to content

add footer css in index ,login ,contact page #700

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
VAIBHAVBABELE wants to merge 6 commits into
base: main
Choose a base branch
from
Open

add footer css in index ,login ,contact page #700

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
38d1cd8
add separate css page for footer
VAIBHAVBABELE Jan 23, 2025
305613d
add separate footer
VAIBHAVBABELE Jan 27, 2025
9558838
update footer
VAIBHAVBABELE Jan 27, 2025
ce83375
update css
VAIBHAVBABELE Jan 27, 2025
57f901b
update footer in index,platform,login,contact
VAIBHAVBABELE Jan 27, 2025
833a7e8
Merge branch 'main' into issue-699
VAIBHAVBABELE Jan 27, 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
139 changes: 65 additions & 74 deletions Blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="pages/navbar.css">
<link rel="stylesheet" href="footer.css">
<style>
/* General Body Styling */
body {
Expand Down Expand Up @@ -268,100 +269,90 @@ <h2 class="blog-post-title">Coding Interview Preparation Tips</h2>
<a href="#next" class="next-page">Next »</a>
</div>

<footer style="background: linear-gradient(to right, #11cb2a, #19be50);; color: #ffffff; padding: 40px 20px; font-family: 'Arial', sans-serif; overflow: hidden;">
<footer>
<!-- Footer Container -->
<div class="footer-container" style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px;">

<div class="footer-container">
<!-- Left Section (Logo and Description) -->
<div class="footer-left" style="flex: 2; min-width: 300px;">
<div class="footer-left">
<!-- Logo -->
<div class="footer-logo" style="margin-bottom: 20px; animation: fadeInLeft 1s;">
<div style="background-color: #8cc152; padding: 20px; border-radius: 8px; display: inline-block;">
<h1 style="margin: 0; font-size: 36px; font-weight: bold;">DSA</h1>
<div class="footer-logo" >
<div class="footer-div" onclick="window.location.href = 'index.html'">
<h1>DSA</h1>
</div>
</div>
<!-- Description -->
<p style="font-size: 16px; line-height: 1.6; animation: fadeInLeft 1.5s;">
DSA problem solutions involve step-by-step methods to solve data structure and algorithm challenges efficiently.
They include understanding the problem, selecting the right approach, implementing optimized code, and analyzing
time and space complexity for performance.
<p>
DSA problem solutions involve step-by-step methods to solve data
structure and algorithm challenges efficiently. They include
understanding the problem, selecting the right approach,
implementing optimized code, and analyzing time and space complexity
for performance.
</p>
</div>

<!-- Quick Links Section -->
<div class="footer-section-services">
<h2>Quick Links </h2>
<ul >
<li><a href="about.html">Who We Are</a></li>
<li> <a href="#">Blog</a></li>
<li><a href="#">Work With Us</a></li>
<li><a href="#">Investor Relations</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="footer-section services" >
<h2 style="font-size: 18px;
margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">DSA Problem Solutions</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="about.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Who We Are</a></li>
<li><a href="Blog.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Blog</a></li>
<li><a href="#" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Work With Us</a></li>
<li><a href="#" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Investor Relations</a></li>
<li><a href="contact.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Contact Us</a></li>
</ul>
</div>

<div class="footer-section-services">
<h2> DSA Problem Solutions </h2>
<ul >
<li> <a href="about.html">Who We Are</a></li>
<li> <a href="#">Blog</a></li>
<li> <a href="#">Work With Us</a></li>
<li> <a href="#">Investor Relations</a></li>
<li> <a href="contact.html">Contact Us</a> </li>
</ul>
</div>

<!-- Learn More Section -->
<div class="footer-section services" >
<h2 style="font-size: 18px;
margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Learn More</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="privacy.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Privacy Policy</a></li>
<li><a href="security.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Security</a></li>
<li><a href="terms.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Terms of Service</a></li>
<li><a href="contributors.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"
onmouseout="this.style.color='white'; this.style.paddingLeft='0'">Our Contributors</a></li>
</ul>
<div class="footer-section-services">
<h2> Learn More</h2>
<ul >
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="security.html">Security</a></li>
<li><a ref="terms.html">Terms of Service</a></li>
<li><a href="contributors.html">Our Contributors</a></li>
</ul>
</div>
</div>

<!-- Stay Updated Section -->
<div class="footer-section.newsletter" style="background: rgba(255, 255, 255, 0.2); border-radius: 20px; backdrop-filter: blur(10px); padding: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease;">
<h3 style="font-size: 18px; margin-bottom: 20px; text-align: center; color: #ffffff;">Stay Updated</h3>
<p style="text-align: center; font-size: 14px; line-height: 1.8; margin-bottom: 20px;">
Subscribe to our newsletter for the latest updates and tips on mastering data structures and algorithms.
<div
class="footer-section-newsletter" >
<h3 > Stay Updated </h3>
<p >
Subscribe to our newsletter for the latest updates and tips on
mastering data structures and algorithms.
</p>
<form action="#" method="POST" style="max-width: 600px; margin: 0 auto; display: flex; gap: 10px;">
<input type="email" placeholder="Your Email Address" required style="flex: 1; padding: 10px; font-size: 14px; border: 1px solid #dee2e6; border-radius: 4px;">
<button type="submit" style="padding: 10px 20px; font-size: 14px; background-color: #6c757d; color: #ffffff; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;">
Subscribe
</button>
<form action="#" method="POST">
<input type="email" placeholder="Your Email Address" required />
<button type="submit">Subscribe</button>
</form>
</div>

<!-- Social Links -->
<div class="social-links" style="text-align: center; margin-top: 40px; animation: fadeInUp 2.5s;">
<ul style="list-style: none; padding: 0; display: flex; justify-content: center; gap: 20px;">
<li><a href="#" style="color: #ffffff; font-size: 20px; transition: color 0.3s;" onmouseover="this.style.color='#8cc152';" onmouseout="this.style.color='#ffffff';"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 20px; transition: color 0.3s;" onmouseover="this.style.color='#8cc152';" onmouseout="this.style.color='#ffffff';"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 20px; transition: color 0.3s;" onmouseover="this.style.color='#8cc152';" onmouseout="this.style.color='#ffffff';"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#" style="color: #ffffff; font-size: 20px; transition: color 0.3s;" onmouseover="this.style.color='#8cc152';" onmouseout="this.style.color='#ffffff';"><i class="fab fa-youtube"></i></a></li>
<div
class="social-links" >
<ul>
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" ><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>

<!-- Footer Bottom -->
<div class="footer-bottom" style="text-align: center; margin-top: 20px; padding-top: 20px; background: none; color: #ffffff; animation: fadeInUp 3s;">
<p style="margin: 0; font-size: 14px;">&copy; 2025 DSA Problem Solutions. All rights reserved.</p>
<div
class="footer-bottom">
<p> &copy; <span id="currentYear"></span> DSA Problem Solutions. All rights reserved.</p>
</div>
</footer>

Expand Down
86 changes: 41 additions & 45 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -323,6 +323,8 @@
top: -20px;
left: -11px;
}


</style>
</head>

Expand Down Expand Up @@ -569,48 +571,42 @@ <h4 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s; color:
<p style="margin: 0; font-size: 14px; color: white;">© 2025 DSA Problem Solutions. All rights reserved.</p>
</div>
</footer>

<script>
// Set the current year dynamically
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="script.js"></script>
<script src="//code.tidio.co/5w3m6cpl10rvqjkkmhv1nx8p0fqloyq6.js" async></script>
<script src="scrollscript.js"></script>
<script src="audio.js"></script>
<!-- Scroll to Top Button -->
<script>
const scrollButton = document.getElementById('scrollButton');
const outerCircle = document.querySelector('.outer-circle');
const arrow = document.querySelector('.arrow');

// Function to handle scroll behavior
window.addEventListener('scroll', () => {
const scrollTop = window.scrollY;
const scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
const scrollProgress = (scrollTop / scrollHeight) * 360;

// Show button after scrolling 7-8 lines (~100px)
if (scrollTop > 100) {
scrollButton.classList.add('visible');
} else {
scrollButton.classList.remove('visible');
}

// Update the circular progress
outerCircle.style.setProperty('--scroll-progress', `${scrollProgress}deg`);
});

// Scroll-to-top functionality
scrollButton.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
</script>
</body>

</html>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="about.js"></script>
<script src="script.js"></script>
<script>
// Set the current year dynamically
document.getElementById("currentYear").textContent =
new Date().getFullYear();
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script>
<script>
// Initialize tilt effect on mission cards
VanillaTilt.init(document.querySelectorAll(".mission-card"), {
max: 15,
speed: 400,
glare: true,
"max-glare": 0.2,
});

// Mobile menu toggle
document
.querySelector(".mobile-menu-btn")
.addEventListener("click", function () {
document.querySelector(".nav-links").classList.toggle("active");
});
</script>
</body>
</html>
Loading