Skip to content

Commit

Permalink
Merge pull request #650 from sachinggsingh/main
Browse files Browse the repository at this point in the history
Footer will be good in sections like FAQs #644
  • Loading branch information
YadavAkhileshh authored Nov 3, 2024
2 parents 336e911 + d263429 commit 29780ce
Show file tree
Hide file tree
Showing 6 changed files with 181 additions and 17 deletions.
9 changes: 7 additions & 2 deletions FAQs.css
Original file line number Diff line number Diff line change
Expand Up @@ -132,11 +132,16 @@ footer {
position: relative;
bottom: 0;
width: 100%;
margin-top: 50px;
margin-top: 100px;

}

footer p {
margin: 0;
margin-top: 10px;
width: 100%;
font-size: 1.2em;
color: #999;

}

/* Futuristic Hover Effects */
Expand Down
58 changes: 48 additions & 10 deletions FAQs.html
Original file line number Diff line number Diff line change
Expand Up @@ -206,16 +206,54 @@ <h2 onclick="toggleAnswer(this)">
</section>
</main>

<footer>
<p>&copy; 2024 Alien Invasion. All Rights Reserved.</p>
<ul>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="terms-of-service.html">Terms of Service</a></li>
<li><a href="https://www.facebook.com/AlienInvasionGame" target="_blank">Facebook</a></li>
<li><a href="https://twitter.com/AlienInvasionGame" target="_blank">Twitter</a></li>
<li><a href="https://www.instagram.com/AlienInvasionGame" target="_blank">Instagram</a></li>
</ul>
</footer>
<footer class="bg-body-tertiary text-center">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-facebook-f"></i
></a>

<!-- Twitter -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-twitter"></i
></a>

<!-- Google -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-google"></i
></a>

<!-- Instagram -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-instagram"></i
></a>

<!-- Linkedin -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-linkedin-in"></i
></a>

<!-- Github -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-github"></i
></a>
</section>
<section class="mx-4 mb-4">
<p>
Welcome to Alien Invasion Defense, a fast-paced space shooting game! Defend your base from waves of alien invaders and become the ultimate space defender. 🌌 With simple controls, sleek graphics, and exciting gameplay, get ready for an epic battle. Use your weapons to destroy alien ships, survive multiple waves, and protect your base with 3 lives. 👾
</p>
</section>
</div>

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
© 2024 Alien-Invasion-Defense. All rights reserved.
</div>
<!-- Copyright -->
</footer>

<button id="scrollUpBtn" onclick="scrollToTop()">
Scroll Up
Expand Down
10 changes: 8 additions & 2 deletions privacy.css
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,7 @@ ul li::before {
margin-right: 10px;
}


footer {
background: #0b0e17;
color: #999;
Expand All @@ -101,11 +102,16 @@ footer {
position: relative;
bottom: 0;
width: 100%;
margin-top: 50px;
margin-top: 100px;

}

footer p {
margin: 0;
margin-top: 10px;
width: 100%;
font-size: 1.2em;
color: #999;

}

/* Futuristic Hover Effects */
Expand Down
52 changes: 49 additions & 3 deletions privacy_policy.html
Original file line number Diff line number Diff line change
Expand Up @@ -205,8 +205,54 @@ <h2>6. Contact Us</h2>
do not hesitate to contact us.
</p>
</main>
<footer>
<p>&copy; 2024 Alien Invasion. All Rights Reserved.</p>
</footer>

<footer class="bg-body-tertiary text-center">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-facebook-f"></i
></a>

<!-- Twitter -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-twitter"></i
></a>

<!-- Google -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-google"></i
></a>

<!-- Instagram -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-instagram"></i
></a>

<!-- Linkedin -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-linkedin-in"></i
></a>

<!-- Github -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-github"></i
></a>
</section>
<section class="mx-4 mb-4">
<p>
Welcome to Alien Invasion Defense, a fast-paced space shooting game! Defend your base from waves of alien invaders and become the ultimate space defender. 🌌 With simple controls, sleek graphics, and exciting gameplay, get ready for an epic battle. Use your weapons to destroy alien ships, survive multiple waves, and protect your base with 3 lives. 👾
</p>
</section>
</div>

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
© 2024 Alien-Invasion-Defense. All rights reserved.
</div>
<!-- Copyright -->
</footer>
</body>
</html>
49 changes: 49 additions & 0 deletions profile.html
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,55 @@ <h2>Notifications</h2>
</div>

</section>

<footer class="bg-body-tertiary text-center">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-facebook-f"></i
></a>

<!-- Twitter -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-twitter"></i
></a>

<!-- Google -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-google"></i
></a>

<!-- Instagram -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-instagram"></i
></a>

<!-- Linkedin -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-linkedin-in"></i
></a>

<!-- Github -->
<a data-mdb-ripple-init class="btn btn-outline btn-floating m-1" href="#!"style="margin:15px" role="button"
><i class="fab fa-github"></i
></a>
</section>
<section class="mx-4 mb-4">
<p>
Welcome to Alien Invasion Defense, a fast-paced space shooting game! Defend your base from waves of alien invaders and become the ultimate space defender. 🌌 With simple controls, sleek graphics, and exciting gameplay, get ready for an epic battle. Use your weapons to destroy alien ships, survive multiple waves, and protect your base with 3 lives. 👾
</p>
</section>
</div>

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
© 2024 Alien-Invasion-Defense. All rights reserved.
</div>
<!-- Copyright -->
</footer>

</body>

Expand Down
20 changes: 20 additions & 0 deletions testp.css
Original file line number Diff line number Diff line change
Expand Up @@ -258,3 +258,23 @@ body {

}


footer {
background: #0b0e17;
color: #999;
text-align: center;
padding: 15px 0;
position: relative;
bottom: 0;
width: 100%;
margin-top: 100px;

}

footer p {
margin-top: 10px;
width: 100%;
font-size: 1.2em;
color: #999;

}

0 comments on commit 29780ce

Please sign in to comment.