feat: enhance footer styling and structure
Refined the footer section by adding CSS rules for better spacing, typography, and link hover effects to improve readability and visual appeal. Wrapped footer content in a container for better layout control. These changes aim to provide a more polished and consistent user experience.
This commit is contained in:
parent
0b57f6cfe6
commit
d52595bed0
1 changed files with 35 additions and 18 deletions
|
@ -35,6 +35,21 @@
|
||||||
footer {
|
footer {
|
||||||
background-color: #343a40;
|
background-color: #343a40;
|
||||||
color: white;
|
color: white;
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
footer h2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
footer p {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
color: #ffc107;
|
||||||
|
}
|
||||||
|
footer a:hover {
|
||||||
|
color: #ffca2c;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
@ -60,24 +75,26 @@
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="text-center py-4">
|
<footer class="text-center">
|
||||||
<h2 class="mt-5">Privacy</h2>
|
<div class="container">
|
||||||
<p>
|
<h2>Privacy</h2>
|
||||||
GoogleDonts is a privacy-focused service. It does not track you or log
|
<p>
|
||||||
any data. It creates a fully separate connection to Google Fonts for
|
GoogleDonts is a privacy-focused service. It does not track you or log
|
||||||
each request, so Google does not see your IP address or any other
|
any data. It creates a fully separate connection to Google Fonts for
|
||||||
information about you.
|
each request, so Google does not see your IP address or any other
|
||||||
</p>
|
information about you.
|
||||||
<p>
|
</p>
|
||||||
The service is open-source and you can view the source code on
|
<p>
|
||||||
<a href="https://git.private.coffee/privatecoffee/googledonts"
|
The service is open-source and you can view the source code on
|
||||||
>Private.coffee Git</a
|
<a href="https://git.private.coffee/privatecoffee/googledonts"
|
||||||
>.
|
>Private.coffee Git</a
|
||||||
</p>
|
>.
|
||||||
<p>
|
</p>
|
||||||
Brought to you by <a href="https://private.coffee">Private.coffee</a>
|
<p>
|
||||||
</p>
|
Brought to you by <a href="https://private.coffee">Private.coffee</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="https://nobsdelivr.private.coffee/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://nobsdelivr.private.coffee/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in a new issue