haikal/templates/footer.html

124 lines
4.5 KiB
HTML

{% load i18n static %}
{% comment %} <footer class="footer position-absolute fs-9">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center">
<span class="text-body"> © 2025 {{ _("All right reserved")}}</span>
<span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center">
<span class="fw-light text-body-tertiary text-opacity-85">{{ _("Powered by")}} </span>
<a class="mx-1 text-decoration-none text-body-highlight" href="https://tenhal.sa">
<span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
<span class="uil-trademark-circle fs-10 fw-light text-body-tertiary text-opacity-85"></span>
</div>
</div>
</footer> {% endcomment %}
{% comment %} <footer class="footer position-absolute fs-9 bg-info-subtle">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center text-warning">
<span class="text-body "> © 2025 {{ _("All right reserved")}}</span>
<span class="fw-bold text-warning">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold text-warning">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center">
<span class="fw-light text-body-tertiary text-opacity-85 g">{{ _("Powered by")}} </span>
<a class="mx-1 text-warning" href="https://tenhal.sa">
<span text-success-subtle>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
<span class="fas fa-registered fs-10 fw-light text-opacity-85 text-warning"></span>
</div>
</div>
</footer> {% endcomment %}
{% comment %} <footer class="footer position-absolute fs-9 bg-white text-secondary">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center">
<span class="text-body"> © 2025 {{ _("All right reserved")}}</span>
<span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center ">
<span>{{ _("Powered by")}} </span>
<span>
<a class="mx-1 text-secondary" href="https://tenhal.sa">
<span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
<span>
<span class="fas fa-registered fs-10 fw-light text-opacity-85 text-secondary"></span>
</div>
</div>
</footer> {% endcomment %}
<style>
.improved-footer {
/* Kept `position-absolute` and adjusted padding */
position: absolute;
bottom: 0;
width: 90%;
padding: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.05);
color: var(--text-color);
}
.improved-footer .text-body {
color: var(--text-color) !important;
font-weight: 400;
}
.improved-footer .fw-bold {
font-weight: 600 !important;
color: var(--link-color);
}
.improved-footer a {
color: var(--link-color) !important;
text-decoration: none;
transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.improved-footer a:hover {
color: #d1d5db !important; /* A slightly softer white on hover */
transform: translateY(-2px);
}
.improved-footer .fas.fa-registered {
font-size: 0.8rem;
color: var(--text-color);
opacity: 0.6;
}
</style>
<footer class="improved-footer">
<div class="container">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center">
<span class="text-body"> © 2025 All rights reserved</span>
<span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center">
<span class="text-body">Powered by </span>
<span>
<a class="mx-1 text-secondary" href="https://tenhal.sa">
<span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
</span>
<span class="fas fa-registered fw-light"></span>
</div>
</div>
</div>
</footer>