Ultra File Manager

Edit: /home/u523034047/domains/eipcsindia.com/public_html/LoanApp/style.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="generator" content="">
    <title>FiMobile V2.0 - Mobile HTML template</title>

<meta name="apple-mobile-web-app-capable" content="yes">

<link rel="apple-touch-icon" href="assets/img/favicon180.png" sizes="180x180">
    <link rel="icon" href="assets/img/favicon32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="assets/img/favicon16.png" sizes="16x16" type="image/png">

<link rel="stylesheet" href="../../../../cdn.jsdelivr.net/npm/bootstrap-icons%401.5.0/font/bootstrap-icons.css">

<link rel="stylesheet" href="assets/vendor/swiperjs-6.6.2/swiper-bundle.min.css">

<link href="assets/css/style.css" rel="stylesheet" id="style">
</head>

<div class="container-fluid loader-wrap">
        <div class="row h-100">
            <div class="col-10 col-md-6 col-lg-5 col-xl-3 mx-auto text-center align-self-center">
                <div class="loader-cube-wrap loader-cube-animate mx-auto">
                    <img src="assets/img/logo.png" alt="Logo">
                </div>
                <p class="mt-4">It's time for track budget<br><strong>Please wait...</strong></p>
            </div>
        </div>
    </div>

<div class="sidebar-wrap  sidebar-pushcontent">
        
        <div class="closemenu text-muted">Close Menu</div>
        <div class="sidebar dark-bg">
            
            <div class="row my-3">
                <div class="col-12 ">
                    <div class="card shadow-sm bg-opac text-white border-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-auto">
                                    <figure class="avatar avatar-44 rounded-15">
                                        <img src="assets/img/user1.jpg" alt="">
                                    </figure>
                                </div>
                                <div class="col px-0 align-self-center">
                                    <p class="mb-1">Maxartkiller</p>
                                    <p class="text-muted size-12">New York City, US</p>
                                </div>
                                <div class="col-auto">
                                    <button class="btn btn-44 btn-light">
                                        <i class="bi bi-box-arrow-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="card bg-opac text-white border-0">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <h1 class="display-4">100.00</h1>
                                    </div>
                                    <div class="col-auto">
                                        <p class="text-muted">Wallet Balance</p>
                                    </div>
                                    <div class="col text-end">
                                        <p class="text-muted"><a href="addmoney.html" >+ Top up</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div class="row">
                <div class="col-12">
                    <ul class="nav nav-pills">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="index.html">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-house-door"></i></div>
                                <div class="col">Dashboard</div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>

<li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"
                                aria-expanded="false">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-person"></i></div>
                                <div class="col">Account</div>
                                <div class="arrow"><i class="bi bi-plus plus"></i> <i class="bi bi-dash minus"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item nav-link" href="profile.html">
                                        <div class="avatar avatar-40 rounded icon"><i class="bi bi-calendar2"></i></div>
                                        <div class="col">Profile</div>
                                        <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                                    </a></li>
                                <li><a class="dropdown-item nav-link" href="settings.html">
                                        <div class="avatar avatar-40 rounded icon"><i class="bi bi-calendar-check"></i>
                                        </div>
                                        <div class="col">Settings</div>
                                        <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                                    </a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="chat.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-chat-text"></i></div>
                                <div class="col">Messages</div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>

<li class="nav-item">
                            <a class="nav-link" href="notifications.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-bell"></i></div>
                                <div class="col">Notification</div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>

<li class="nav-item">
                            <a class="nav-link" href="blog.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-newspaper"></i></div>
                                <div class="col">Blogs</div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>

<li class="nav-item">
                            <a class="nav-link" href="style.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-palette"></i></div>
                                <div class="col">Style <i class="bi bi-star-fill text-warning small"></i></div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>

<li class="nav-item">
                            <a class="nav-link" href="pages.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-file-earmark-text"></i></div>
                                <div class="col">Pages <span class="badge bg-info fw-light">new</span></div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="signin.html" tabindex="-1">
                                <div class="avatar avatar-40 rounded icon"><i class="bi bi-box-arrow-right"></i></div>
                                <div class="col">Logout</div>
                                <div class="arrow"><i class="bi bi-chevron-right"></i></div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<main class="h-100">

<header class="header position-fixed">
            <div class="row">
                <div class="col-auto">
                    <a href="javascript:void(0)" target="_self" class="btn btn-light btn-44 menu-btn">
                        <i class="bi bi-list"></i>
                    </a>
                </div>
                <div class="col align-self-center text-center">
                    <div class="logo-small">
                        <img src="assets/img/logo.png" alt="">
                        <h5>FiMobile</h5>
                    </div>
                </div>
                <div class="col-auto">
                    <a href="notifications.html" target="_self" class="btn btn-light btn-44">
                        <i class="bi bi-bell"></i>
                        <span class="count-indicator"></span>
                    </a>
                </div>
            </div>
        </header>

<div class="main-container container">
            <p class="text-muted text-center mb-4">Select best color scheme matches to your brand and application concepts.
                All available in two layout color mode Light and Dark mode. Also change screens background images and
                menu styles.</p>

<div class="row mb-3">
                <div class="col-12">
                    <h6>Layout Mode</h6>
                </div>
            </div>

<div class="row mb-4">
                <div class="col-6 d-grid">
                    <input type="radio" class="btn-check" name="layout-mode" checked id="btn-layout-modes-light">
                    <label class="btn btn-warning shadow-sm text-white" for="btn-layout-modes-light">
                        <i class="bi bi-sun fs-4 mb-2 d-block"></i>
                        Light Mode</label>
                </div>
                <div class="col-6 d-grid">
                    <input type="radio" class="btn-check" name="layout-mode" id="btn-layout-modes-dark">
                    <label class="btn btn-dark shadow-sm" for="btn-layout-modes-dark">
                        <i class="bi bi-moon-stars fs-4 mb-2 d-block"></i>
                        Dark Mode</label>
                </div>
            </div>

<div class="row mb-3">
                <div class="col-12">
                    <h6>Color scheme</h6>
                </div>
            </div>

<div class="row mb-3">
                <div class="col-12">
                    <h6>RTL -LTR Layout</h6>
                </div>
            </div>

<div class="row mb-4">
                <div class="col-6 d-grid">
                    <input type="radio" class="btn-check" name="layout-mode" id="btn-ltr" checked>
                    <label class="btn btn-outline-primary shadow-sm" for="btn-ltr">
                        <i class="bi bi-text-left fs-4 mb-2 d-block"></i>
                        Left to Right</label>
                </div>
                <div class="col-6 d-grid">
                    <input type="radio" class="btn-check" name="layout-mode" id="btn-rtl">
                    <label class="btn btn-outline-primary shadow-sm" for="btn-rtl">
                        <i class="bi bi-text-right fs-4 mb-2 d-block"></i>
                        Right to Left</label>
                </div>
            </div>

<div class="row mb-3">
                <div class="col-12">
                    <h6 class="mb-2">Menu Style</h6>
                    <p class="text-muted size-12">Select style of menu sidebar and open menu from top menu button.</p>
                </div>
            </div>

<div class="row ">
                <div class="col mb-4">
                    <input type="radio" class="btn-check" name="menu-select" id="btn-menu1"
                        data-title="overlay">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-menu1">
                        <img src="assets/img/setting-menu-1%402x.png" alt="" class="mw-100 rounded-10"><br><span
                            class="py-2 d-block small">Popover</span>
                    </label>
                </div>
                <div class="col mb-4 ps-0">
                    <input type="radio" class="btn-check" name="menu-select" checked id="btn-menu2" data-title="pushcontent">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-menu2">
                        <img src="assets/img/setting-menu-2%402x.png" alt="" class="mw-100 rounded-10"><br><span
                            class="py-2 d-block small">Push Page</span>
                    </label>
                </div>
                <div class="col mb-4 ps-0">
                    <input type="radio" class="btn-check" name="menu-select" id="btn-menu3" data-title="fullmenu">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-menu3">
                        <img src="assets/img/setting-menu-3%402x.png" alt="" class="mw-100 rounded-10"><br><span
                            class="py-2 d-block small">Fullscreen</span>
                    </label>
                </div>
            </div>

<div class="row mb-3">
                <div class="col-12">
                    <h6 class="mb-3">Background Image</h6>
                    <p class="text-muted size-12">Background images are visible on <code>dark-bg</code> class used
                        in <a href="splash.html">splash screen</a> and the 
                        <span class="text-color-theme" onclick="event.stopPropagation(); $('body').addClass('menu-open')">Menu sidebar</span>. 
                    </p>
                </div>
            </div>

<div class="row ">
                <div class="col mb-4">
                    <input type="radio" class="btn-check" name="background-select" checked id="btn-bg1"
                        data-src="backgorund-image.html">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-bg1">
                        <img src="assets/img/darkbg-1.png" alt="" class="mw-100 rounded-10"><br><span
                            class="py-2 d-block small">Shapes</span>
                    </label>
                </div>
                <div class="col mb-4">
                    <input type="radio" class="btn-check" name="background-select" id="btn-bg2"
                        data-src="backgorund-image2.html">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-bg2">
                        <img src="assets/img/darkbg-2.png" alt="" class="mw-100 rounded-10"><br><span
                            class="py-2 d-block small">Character</span>
                    </label>
                </div>
                <div class="col mb-4">
                    <input type="radio" class="btn-check" name="background-select" id="btn-bg3"
                        data-src="backgorund-image3.html">
                    <label class="btn btn-outline-primary background-btn p-1 text-center border-0" for="btn-bg3">
                        <img src="assets/img/darkbg-3.png" alt="" class="mw-100  rounded-10"><br><span
                            class="py-2 d-block small">Bubble</span>
                    </label>
                </div>
            </div>

</div>

</main>

<script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/vendor/bootstrap-5/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/jquery.cookie.js"></script>

<script src="assets/js/main.js"></script>
    <script src="assets/js/color-scheme.js"></script>

<script src="assets/js/app.js"></script>

</body>

</html>

Ukuran: 20.8 KB