Skip to content

Commit

Permalink
Merge pull request #447 from Mrunalx863/bug/footer-all-platform
Browse files Browse the repository at this point in the history 
Fix: Ensure Footer Consistency Across Platform
  • Loading branch information
@PRIYESHSINGH24
PRIYESHSINGH24 authored Jan 21, 2025
2 parents ff1d537 + aa8e8ff commit 5a6a5ab
Showing 1 changed file with 127 additions and 154 deletions.
281 changes: 127 additions & 154 deletions platform.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -395,172 +395,145 @@ <h2>CodeChef</h2>
</section>
</main>

<footer class="main-footer" style="background: linear-gradient(to right, #0e2511, #19be50);; color: #ffffff; padding: 20px 20px;">
<div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
<div class="footer-section" style="flex: 1; min-width: 250px; max-width: 300px;">

<!-- Top scroll button -->
<button id="scrollBtn" title="Go to top">
<i class="fa-solid fa-arrow-up fa-lg"></i>
</button>

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

<!-- Left Section (Logo and Description) -->
<div class="footer-left" style="flex: 2; min-width: 300px;">

<!-- Logo -->
<div class="footer-logo" style="margin-bottom: 10px; animation: fadeInLeft 1s; text-align: center;">
<div style="padding: 10px; border-radius: 8px; display: inline-block;">
<img src="img/lightlogo.png" alt="Logo" style="height: 60px; width: auto;" />
<!-- Top scroll button -->
<button id="scrollBtn" title="Go to top">
<i class="fa-solid fa-arrow-up fa-lg"></i>
</button>

<footer class="main-footer" style="background: linear-gradient(to right, #0e2511, #19be50);; color: #ffffff; padding: 20px 20px;">
<div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;">
<div class="footer-section" style="flex: 1; min-width: 250px; max-width: 300px;">
<!-- Logo -->
<div class="footer-logo" style="margin-bottom: 10px; animation: fadeInLeft 1s; text-align: center;">
<div style="padding: 10px; border-radius: 8px; display: inline-block;">
<img src="img/lightlogo.png" alt="Logo" style="height: 60px; width: auto;" />
</div>
</div>
<p style="text-align: justify; margin-bottom: 20px; line-height: 1.6; color: white;">DSA problem solutions involve understanding the problem, choosing the right approach, implementing optimized code, and analyzing time and space complexity for efficiency.</p>
<div class="social-links" style="text-align: center;">
<a href="#" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
<a href="#" target="_blank" aria-label="Linkedin"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
<p style="text-align: justify; margin-bottom: 20px; line-height: 1.6; color: white;">DSA problem solutions involve understanding the problem, choosing the right approach, implementing optimized code, and analyzing time and space complexity for efficiency.</p>
<div class="social-links" style="text-align: center;">
<a href="#" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
<a href="#" target="_blank" aria-label="Linkedin"><i class="fa-brands fa-linkedin-in"></i></a>

<!-- Quick Links Section -->
<div class="footer-section services" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Quick Links<div class="underline"><span></span></div></h4><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="work.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"></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'">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="#" 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>

<!-- Quick Links Section -->
<div class="footer-section services" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Quick Links<div class="underline"><span></span></div></h4><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>

onmouseover="this.style.color='black'; 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="work.html" style="color: white; text-decoration: none; transition: all 0.3s ease;"
onmouseover="this.style.color='green'; this.style.paddingLeft='10px'"></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'">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="#" 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" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Learn More<div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<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='black'; 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>

<div class="footer-section services" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Newsletter<div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<form>
<i class="fas fa-envelope"></i>
<input type="email" placeholder="Enter your email id" required>
<button type="submit"><i class="fas fa-arrow-right"></i></button>
</form>
<br>
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Contact Us <div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<ul style="list-style: none; padding: 0;">
<li><a href="mailto:contact@example.com" 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@example.com</a></li>
<li><a class="fas fa-map-marker-alt" 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'">India</a></li>
</ul>
<div class="footer-section services" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Learn More<div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<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>
</div>

<div class="footer-bottom" style="text-align: center; margin-top: 10px;">
<p style="margin: 0; font-size: 14px; color: white;">&copy; 2025 DSA Problem Solutions. All rights reserved.</p>
</div>
</footer>

<script>
// Set the current year dynamically
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
<div class="footer-section services" >
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Newsletter<div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<form>
<i class="fas fa-envelope"></i>
<input type="email" placeholder="Enter your email id" required>
<button type="submit"><i class="fas fa-arrow-right"></i></button>
</form>
<br>
<h4 style="font-size: 18px; margin-bottom: 10px;
transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='white'">Contact Us <div class="underline"><span></span></div></h4><ul style="list-style: none; padding: 0;">
<ul style="list-style: none; padding: 0;">
<li><a href="mailto:contact@example.com" 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@example.com</a></li>
<li><a class="fas fa-map-marker-alt" 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'">India</a></li>
</ul>
</div>
</div>

<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>
<script>
<div class="footer-bottom" style="text-align: center; margin-top: 10px;">
<p style="margin: 0; font-size: 14px; color: white;">&copy; 2025 DSA Problem Solutions. All rights reserved.</p>
</div>
</footer>

// Get the button element
const scrollBtn = document.getElementById('scrollBtn');

// Show the button when the user scrolls down 100px from the top
window.onscroll = function () {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {

// Get the button
const scrollBtn = document.getElementById("scrollBtn");

// Show/hide the button based on scroll position
<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>
<script>
// Get the button element
const scrollBtn = document.getElementById('scrollBtn');

// Show the button when the user scrolls down 100px from the top
window.onscroll = function () {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {

scrollBtn.style.display = "block";
} else {
scrollBtn.style.display = "none";
}
};

// Scroll to the top of the page when the button is clicked
scrollBtn.onclick = function () {
window.scrollTo({
top: 0,
behavior: "smooth"
});
};

</script>


// Scroll to the top when the button is clicked
scrollBtn.addEventListener("click", function () {
scrollBtn.style.display = "block";
} else {
scrollBtn.style.display = "none";
}
};

// Scroll to the top of the page when the button is clicked
scrollBtn.onclick = function () {
window.scrollTo({
top: 0,
behavior: "smooth", // Smooth scrolling
top: 0,
behavior: "smooth"
});
});
};

</script>

</script>



</script>
</body>

</html>

0 comments on commit 5a6a5ab

Please sign in to comment.