66 lines
2.8 KiB
PHP
66 lines
2.8 KiB
PHP
@extends('layouts/contentNavbarLayout')
|
|
|
|
@section('title', 'Footer - UI elements')
|
|
|
|
@section('content')
|
|
<h4 class="fw-bold py-3 mb-4">
|
|
<span class="text-muted fw-light">UI elements /</span> Footer
|
|
</h4>
|
|
|
|
<!-- Basic footer -->
|
|
<section id="basic-footer">
|
|
<h5 class="pb-1 mt-5 mb-4">Basic Footer</h5>
|
|
|
|
<footer class="footer bg-light">
|
|
<div class="container-fluid d-flex flex-md-row flex-column justify-content-between align-items-md-center gap-1 container-p-x py-3">
|
|
<div>
|
|
<a href="{{ config('variables.livePreview') }}" target="_blank" class="footer-text fw-bolder">{{config('variables.templateName')}}</a> ©
|
|
</div>
|
|
<div>
|
|
<a href="{{ config('variables.licenseUrl') }}" class="footer-link me-4" target="_blank">License</a>
|
|
<a href="javascript:void(0)" class="footer-link me-4">Help</a>
|
|
<a href="javascript:void(0)" class="footer-link me-4">Contact</a>
|
|
<a href="javascript:void(0)" class="footer-link">Terms & Conditions</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!--/ Basic footer -->
|
|
<hr class="container-m-nx border-light my-5" />
|
|
|
|
<!-- Footer with components -->
|
|
<section id="component-footer">
|
|
<h5 class="pb-1 mb-4">Footer with Elements</h5>
|
|
|
|
<footer class="footer bg-light">
|
|
<div class="container-fluid d-flex flex-md-row flex-column justify-content-between align-items-md-center gap-1 container-p-x py-3">
|
|
<div>
|
|
<a href="{{ config('variables.livePreview') }}" target="_blank" class="footer-text fw-bolder">{{config('variables.templateName')}}</a> ©
|
|
</div>
|
|
<div>
|
|
<div class="form-check form-control-sm footer-link me-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="customCheck2" checked />
|
|
<label class="form-check-label" for="customCheck2">
|
|
Show
|
|
</label>
|
|
</div>
|
|
<div class="dropdown dropup footer-link me-3">
|
|
<button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Currency
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class='bx bx-dollar'></i> USD</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class='bx bx-euro'></i> Euro</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class='bx bx-pound'></i> Pound</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class='bx bx-bitcoin'></i> Bitcoin</a>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="btn btn-sm btn-outline-danger"><i class='bx bx-log-out-circle'></i> Logout</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!--/ Footer with components -->
|
|
@endsection
|