<footer id="footer-wrapper" class="bg-white position-relative overflow-hidden">
<div class="border-fade">
<section class="section-padding">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-lg-3 mb-3 mb-lg-0">
<div class="text-center text-lg-start">
<a href="<?= base_url(); ?>">
<img src="<?= get_image('settings', get_setting('app_icon'), 'icon'); ?>" class="img-fluid mb-3" width="48" />
</a>
<p class="text-muted">
<?= get_setting('app_description'); ?>
</p>
<div class="d-flex justify-content-center justify-content-lg-start gap-3">
<?php if (get_setting('twitter_username')): ?>
<a href="https://twitter.com/<?= get_setting('twitter_username'); ?>" class="text-secondary" target="_blank"><i class="mdi mdi-twitter mdi-2x"></i></a>
<?php endif; ?>
<?php if (get_setting('instagram_username')): ?>
<a href="https://instagram.com/<?= get_setting('instagram_username'); ?>" class="text-secondary" target="_blank"><i class="mdi mdi-instagram mdi-2x"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 mb-lg-0">
<div class="text-center text-md-start">
<h6 class="fw-bold mb-3 text-dark"><?= phrase('Featured'); ?></h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="<?= base_url('blogs'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('News'); ?></a></li>
<li class="mb-2"><a href="<?= base_url('galleries'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('Galleries'); ?></a></li>
<li class="mb-2"><a href="<?= base_url('videos'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('Videos'); ?></a></li>
<li class="mb-2"><a href="<?= base_url('peoples'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('Peoples'); ?></a></li>
<li class="mb-2"><a href="<?= base_url('announcements'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('Announcements'); ?></a></li>
<li class="mb-2"><a href="<?= base_url('testimonials'); ?>" class="text-secondary text-decoration-none --xhr"><?= phrase('Testimonials'); ?></a></li>
</ul>
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 mb-3 mb-lg-0">
<div class="text-center text-md-start">
<h6 class="fw-bold mb-3 text-dark"><?= phrase('Knowledge Center'); ?></h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="//www.aksaracms.com/pages/documentation" target="_blank" class="text-secondary text-decoration-none"><?= phrase('Documentation'); ?></a></li>
<li class="mb-2"><a href="//www.aksaracms.com/pages/features" target="_blank" class="text-secondary text-decoration-none"><?= phrase('Features'); ?></a></li>
<li class="mb-2"><a href="//www.aksaracms.com/pages/faqs" target="_blank" class="text-secondary text-decoration-none"><?= phrase('FAQs'); ?></a></li>
<li class="mb-2"><a href="//www.aksaracms.com/pages/terms-and-conditions" target="_blank" class="text-secondary text-decoration-none"><?= phrase('Terms and Conditions'); ?></a></li>
<li class="mb-2"><a href="//www.aksaracms.com/pages/privacy-policy" target="_blank" class="text-secondary text-decoration-none"><?= phrase('Privacy Policy'); ?></a></li>
</ul>
</div>
</div>
<div class="col-12 col-sm-4 col-lg-3 mb-3 mb-lg-0">
<div class="text-center text-md-start">
<h6 class="fw-bold mb-3 text-dark"><?= phrase('Contact Us'); ?></h6>
<div class="mb-4">
<?php if (get_setting('office_email')): ?>
<div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2 text-secondary">
<i class="mdi mdi-at me-2 d-none d-md-block"></i>
<a href="mailto:<?= get_setting('office_email'); ?>" class="text-secondary text-decoration-none"><?= get_setting('office_email'); ?></a>
</div>
<?php endif; ?>
<?php if (get_setting('office_phone')): ?>
<div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2 text-secondary">
<i class="mdi mdi-phone me-2 d-none d-md-block"></i>
<a href="tel:<?= get_setting('office_phone'); ?>" class="text-secondary text-decoration-none"><?= get_setting('office_phone'); ?></a>
</div>
<?php endif; ?>
<?php if (get_setting('whatsapp_number')): ?>
<div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2 text-secondary">
<i class="mdi mdi-whatsapp me-2 d-none d-md-block"></i>
<a href="https://api.whatsapp.com/send?phone=<?= str_replace(['+', '-', ' '], [null, null, null], get_setting('whatsapp_number')); ?>&text=<?= phrase('Hello') . '%20' . get_setting('app_name'); ?>..." target="_blank" class="text-secondary text-decoration-none"><?= get_setting('whatsapp_number'); ?></a>
</div>
<?php endif; ?>
<?php if (get_setting('office_address')): ?>
<div class="d-flex align-items-center justify-content-center justify-content-md-start text-secondary">
<i class="mdi mdi-google-maps me-2 d-none d-md-block"></i>
<a href="<?= base_url('pages/contact'); ?>" class="text-secondary text-decoration-none --xhr">
<span class="lh-sm"><?= nl2br(get_setting('office_address')); ?></span>
</a>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="container py-3">
<div class="row">
<div class="col-md-6 text-center text-md-start">
<span class="text-secondary">
© <?= date('Y'); ?> <?= get_setting('office_name'); ?>
</span>
</div>
<div class="col-md-6 text-center text-md-end mt-2 mt-md-0">
<span class="text-secondary">
<i class="mdi mdi-earth"></i> <?= get_user_language(); ?>
</span>
</div>
</div>
</div>
</footer>
|