survey-sdgs/resources/views/includes/header-components/dd-apps.blade.php

257 lines
8.6 KiB
PHP
Executable File

<div class="row">
<div class="col-8">
<div class="ps-7 pt-7">
<div class="border-bottom">
<div class="row">
<div class="col-6">
<div class="position-relative">
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-chat.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
Chat Application
</h6>
<span class="fs-2 d-block text-body-secondary">New messages arrived</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-invoice.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">Invoice App</h6>
<span class="fs-2 d-block text-body-secondary">Get latest invoice</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-mobile.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
Contact Application
</h6>
<span class="fs-2 d-block text-body-secondary">2 Unsaved Contacts</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-message-box.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">Email App</h6>
<span class="fs-2 d-block text-body-secondary">Get new emails</span>
</div>
</a>
</div>
</div>
<div class="col-6">
<div class="position-relative">
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-cart.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
User Profile
</h6>
<span class="fs-2 d-block text-body-secondary">learn more information</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-date.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
Calendar App
</h6>
<span class="fs-2 d-block text-body-secondary">Get dates</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-lifebuoy.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
Contact List Table
</h6>
<span class="fs-2 d-block text-body-secondary">Add new contact</span>
</div>
</a>
<a
href="./"
class="d-flex align-items-center pb-9 position-relative"
>
<div
class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center"
>
<img
src="@@webRoot/assets/images/svgs/icon-dd-application.svg"
alt=""
class="img-fluid"
width="24"
height="24"
/>
</div>
<div class="d-inline-block">
<h6 class="mb-1 fw-semibold fs-3">
Notes Application
</h6>
<span class="fs-2 d-block text-body-secondary">To-do and Daily tasks</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center py-3">
<div class="col-8">
<a
class="fw-semibold text-dark d-flex align-items-center lh-1"
href="#"
><i class="ti ti-help fs-6 me-2"></i>Frequently Asked Questions</a
>
</div>
<div class="col-4">
<div class="d-flex justify-content-end pe-4">
<button class="btn btn-primary">Check</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-4 ms-n4">
<div class="position-relative p-7 border-start h-100">
<h5 class="fs-5 mb-9 fw-semibold">Quick Links</h5>
<ul class="">
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="./"
>Pricing Page</a
>
</li>
<li class="mb-3">
<a
class="fw-semibold bg-hover-primary"
href="./"
>Authentication Design</a
>
</li>
<li class="mb-3">
<a
class="fw-semibold bg-hover-primary"
href="./"
>Register Now</a
>
</li>
<li class="mb-3">
<a
class="fw-semibold bg-hover-primary"
href="authentication-error.html"
>404 Error Page</a
>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="./"
>Notes App</a
>
</li>
<li class="mb-3">
<a
class="fw-semibold bg-hover-primary"
href="./"
>User Application</a
>
</li>
<li class="mb-3">
<a
class="fw-semibold bg-hover-primary"
href="./"
>Account Settings</a
>
</li>
</ul>
</div>
</div>
</div>