PrivateCoffee/googledonts
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: enhance footer styling and structure

Browse source 
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:
Kumi 2024-08-05 16:40:00 +02:00
parent 0b57f6cfe6
commit d52595bed0
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 35 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
templates/index.html
View file

@ -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,8 +75,9 @@
</div> </div>
</main> </main>
<footer class="text-center py-4"> <footer class="text-center">
<h2 class="mt-5">Privacy</h2> <div class="container">
<h2>Privacy</h2>
<p> <p>
GoogleDonts is a privacy-focused service. It does not track you or log GoogleDonts is a privacy-focused service. It does not track you or log
any data. It creates a fully separate connection to Google Fonts for any data. It creates a fully separate connection to Google Fonts for
@ -77,6 +93,7 @@
<p> <p>
Brought to you by <a href="https://private.coffee">Private.coffee</a> Brought to you by <a href="https://private.coffee">Private.coffee</a>
</p> </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>