[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
14082024
/
Data
/
htdocs
/
htdocs
/
siakad
/
mobile
/
[
Home
]
File: ui-components.html
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from jobie.dexignzone.com/mobile-app/xhtml/ui-components.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Jul 2022 03:02:15 GMT --> <head> <!-- Meta --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=cover"> <meta name="theme-color" content="#2196f3"> <meta name="author" content="DexignZone" /> <meta name="keywords" content="" /> <meta name="robots" content="" /> <meta name="description" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )"/> <meta property="og:title" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )" /> <meta property="og:description" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )" /> <meta property="og:image" content="social-image.png"/> <meta name="format-detection" content="telephone=no"> <!-- Favicons Icon --> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" /> <!-- Title --> <title>Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )</title> <!-- Stylesheets --> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css"> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> </head> <body> <div class="page-wraper"> <div id="preloader"> <div class="spinner"></div> </div> <!-- Header --> <header class="header"> <div class="main-bar"> <div class="container"> <div class="header-content"> <div class="left-content"> <a href="javascript:void(0);" class="back-btn"> <svg width="18" height="18" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.03033 0.46967C9.2966 0.735936 9.3208 1.1526 9.10295 1.44621L9.03033 1.53033L2.561 8L9.03033 14.4697C9.2966 14.7359 9.3208 15.1526 9.10295 15.4462L9.03033 15.5303C8.76406 15.7966 8.3474 15.8208 8.05379 15.6029L7.96967 15.5303L0.96967 8.53033C0.703403 8.26406 0.679197 7.8474 0.897052 7.55379L0.96967 7.46967L7.96967 0.46967C8.26256 0.176777 8.73744 0.176777 9.03033 0.46967Z" fill="#a19fa8"/> </svg> </a> </div> <div class="mid-content"> <h5 class="mb-0">Components</h5> </div> <div class="right-content"> <a href="javascript:void(0);" class="menu-toggler"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M16.0755 2H19.4615C20.8637 2 22 3.14585 22 4.55996V7.97452C22 9.38864 20.8637 10.5345 19.4615 10.5345H16.0755C14.6732 10.5345 13.537 9.38864 13.537 7.97452V4.55996C13.537 3.14585 14.6732 2 16.0755 2Z" fill="#a19fa8"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.53852 2H7.92449C9.32676 2 10.463 3.14585 10.463 4.55996V7.97452C10.463 9.38864 9.32676 10.5345 7.92449 10.5345H4.53852C3.13626 10.5345 2 9.38864 2 7.97452V4.55996C2 3.14585 3.13626 2 4.53852 2ZM4.53852 13.4655H7.92449C9.32676 13.4655 10.463 14.6114 10.463 16.0255V19.44C10.463 20.8532 9.32676 22 7.92449 22H4.53852C3.13626 22 2 20.8532 2 19.44V16.0255C2 14.6114 3.13626 13.4655 4.53852 13.4655ZM19.4615 13.4655H16.0755C14.6732 13.4655 13.537 14.6114 13.537 16.0255V19.44C13.537 20.8532 14.6732 22 16.0755 22H19.4615C20.8637 22 22 20.8532 22 19.44V16.0255C22 14.6114 20.8637 13.4655 19.4615 13.4655Z" fill="#a19fa8"/> </svg> </a> </div> </div> </div> </div> </header> <!-- Header End --> <!-- Sidebar --> <div class="sidebar"> <div class="author-box"> <div class="dz-media"> <img src="assets/images/author/pic1.png" class="rounded-circle" alt="author-image"> </div> <div class="dz-info"> <span>Good Morning</span> <h5 class="name">Henry Kanwil</h5> </div> </div> <ul class="nav navbar-nav"> <li class="nav-label">Main Menu</li> <li><a class="nav-link" href="welcome.html"> <span class="dz-icon bg-red light"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M11.776 21.8374C9.49294 20.4273 7.37064 18.7645 5.44791 16.8796C4.09052 15.5338 3.05388 13.8905 2.41718 12.0753C1.27955 8.53523 2.60383 4.48948 6.30113 3.2884C8.25264 2.67553 10.3751 3.05175 12.0071 4.29983C13.6397 3.05315 15.7614 2.67705 17.713 3.2884C21.4103 4.48948 22.7435 8.53523 21.6058 12.0753C20.9743 13.8888 19.9438 15.5319 18.5929 16.8796C16.6684 18.7625 14.5463 20.4251 12.2648 21.8374L12.016 22L11.776 21.8374Z" fill="white"/> <path d="M12.0109 22L11.776 21.8374C9.49013 20.4274 7.36487 18.7647 5.43902 16.8796C4.0752 15.5356 3.03238 13.8922 2.39052 12.0753C1.26177 8.53523 2.58605 4.48948 6.28335 3.2884C8.23486 2.67553 10.3853 3.05204 12.0109 4.31057V22Z" fill="white"/> <path d="M18.2304 9.99922C18.0296 9.98629 17.8425 9.8859 17.7131 9.72157C17.5836 9.55723 17.5232 9.3434 17.5459 9.13016C17.5677 8.4278 17.168 7.78851 16.5517 7.53977C16.1609 7.43309 15.9243 7.00987 16.022 6.59249C16.1148 6.18182 16.4993 5.92647 16.8858 6.0189C16.9346 6.027 16.9816 6.04468 17.0244 6.07105C18.2601 6.54658 19.0601 7.82641 18.9965 9.22576C18.9944 9.43785 18.9117 9.63998 18.7673 9.78581C18.6229 9.93164 18.4291 10.0087 18.2304 9.99922Z" fill="white"/> </svg> </span> <span>Welcome</span> </a></li> <li><a class="nav-link" href="index.html"> <span class="dz-icon bg-pink light"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.14373 20.7821V17.7152C9.14372 16.9381 9.77567 16.3067 10.5584 16.3018H13.4326C14.2189 16.3018 14.8563 16.9346 14.8563 17.7152V20.7732C14.8562 21.4473 15.404 21.9951 16.0829 22H18.0438C18.9596 22.0023 19.8388 21.6428 20.4872 21.0007C21.1356 20.3586 21.5 19.4868 21.5 18.5775V9.86585C21.5 9.13139 21.1721 8.43471 20.6046 7.9635L13.943 2.67427C12.7785 1.74912 11.1154 1.77901 9.98539 2.74538L3.46701 7.9635C2.87274 8.42082 2.51755 9.11956 2.5 9.86585V18.5686C2.5 20.4637 4.04738 22 5.95617 22H7.87229C8.19917 22.0023 8.51349 21.8751 8.74547 21.6464C8.97746 21.4178 9.10793 21.1067 9.10792 20.7821H9.14373Z" fill="#130F26"/> </svg> </span> <span>Home</span> </a></li> <li><a class="nav-link" href="pages.html"> <span class="dz-icon bg-orange light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polygon points="0 0 24 0 24 24 0 24"/> <path d="M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z" fill="#fff" fill-rule="nonzero"/> <path d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z" fill="#fff" opacity="0.5"/> </g> </svg> </span> <span>Pages</span> </a></li> <li><a class="nav-link" href="ui-components.html"> <span class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <rect fill="#00aeff" x="4" y="4" width="7" height="7" rx="1.5"/> <path d="M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z" fill="#fff" opacity="0.5"/> </g> </svg> </span> <span>Components</span> </a></li> <li><a class="nav-link" href="notification.html"> <span class="dz-icon bg-green light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M17,12 L18.5,12 C19.3284271,12 20,12.6715729 20,13.5 C20,14.3284271 19.3284271,15 18.5,15 L5.5,15 C4.67157288,15 4,14.3284271 4,13.5 C4,12.6715729 4.67157288,12 5.5,12 L7,12 L7.5582739,6.97553494 C7.80974924,4.71225688 9.72279394,3 12,3 C14.2772061,3 16.1902508,4.71225688 16.4417261,6.97553494 L17,12 Z" fill="#fff"/> <rect fill="#fff" opacity="0.3" x="10" y="16" width="4" height="4" rx="2"/> </g> </svg> </span> <span>Notification</span> <span class="badge badge-circle badge-danger">1</span> </a></li> <li><a class="nav-link" href="profile.html"> <span class="dz-icon bg-yellow light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polygon points="0 0 24 0 24 24 0 24"/> <path d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z" fill="#fff" fill-rule="nonzero" opacity="0.3"/> <path d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z" fill="#fff" fill-rule="nonzero"/> </g> </svg> </span> <span>Profile</span> </a></li> <li><a class="nav-link" href="messages.html"> <span class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M21.9999843,15.009808 L22.0249378,15 L22.0249378,19.5857864 C22.0249378,20.1380712 21.5772226,20.5857864 21.0249378,20.5857864 C20.7597213,20.5857864 20.5053674,20.4804296 20.317831,20.2928932 L18.0249378,18 L6,18 C4.34314575,18 3,16.6568542 3,15 L3,6 C3,4.34314575 4.34314575,3 6,3 L19,3 C20.6568542,3 22,4.34314575 22,6 L22,15 C22,15.0032706 21.9999948,15.0065399 21.9999843,15.009808 Z" fill="#fff" opacity="0.3"/> <path d="M7.5,12 C6.67157288,12 6,11.3284271 6,10.5 C6,9.67157288 6.67157288,9 7.5,9 C8.32842712,9 9,9.67157288 9,10.5 C9,11.3284271 8.32842712,12 7.5,12 Z M12.5,12 C11.6715729,12 11,11.3284271 11,10.5 C11,9.67157288 11.6715729,9 12.5,9 C13.3284271,9 14,9.67157288 14,10.5 C14,11.3284271 13.3284271,12 12.5,12 Z M17.5,12 C16.6715729,12 16,11.3284271 16,10.5 C16,9.67157288 16.6715729,9 17.5,9 C18.3284271,9 19,9.67157288 19,10.5 C19,11.3284271 18.3284271,12 17.5,12 Z" fill="#fff" opacity="0.3"/> </g> </svg> </span> <span>Chat</span> <span class="badge badge-circle badge-info">5</span> </a></li> <li><a class="nav-link" href="onboading.html"> <span class="dz-icon bg-red light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M14.0069431,7.00607258 C13.4546584,7.00607258 13.0069431,6.55855153 13.0069431,6.00650634 C13.0069431,5.45446114 13.4546584,5.00694009 14.0069431,5.00694009 L15.0069431,5.00694009 C17.2160821,5.00694009 19.0069431,6.7970243 19.0069431,9.00520507 L19.0069431,15.001735 C19.0069431,17.2099158 17.2160821,19 15.0069431,19 L3.00694311,19 C0.797804106,19 -0.993056895,17.2099158 -0.993056895,15.001735 L-0.993056895,8.99826498 C-0.993056895,6.7900842 0.797804106,5 3.00694311,5 L4.00694793,5 C4.55923268,5 5.00694793,5.44752105 5.00694793,5.99956624 C5.00694793,6.55161144 4.55923268,6.99913249 4.00694793,6.99913249 L3.00694311,6.99913249 C1.90237361,6.99913249 1.00694311,7.89417459 1.00694311,8.99826498 L1.00694311,15.001735 C1.00694311,16.1058254 1.90237361,17.0008675 3.00694311,17.0008675 L15.0069431,17.0008675 C16.1115126,17.0008675 17.0069431,16.1058254 17.0069431,15.001735 L17.0069431,9.00520507 C17.0069431,7.90111468 16.1115126,7.00607258 15.0069431,7.00607258 L14.0069431,7.00607258 Z" fill="#fff" fill-rule="nonzero" opacity="0.3" transform="translate(9.006943, 12.000000) scale(-1, 1) rotate(-90.000000) translate(-9.006943, -12.000000) "/> <rect fill="#ff4db8" opacity="0.3" transform="translate(14.000000, 12.000000) rotate(-270.000000) translate(-14.000000, -12.000000) " x="13" y="6" width="2" height="12" rx="1"/> <path d="M21.7928932,9.79289322 C22.1834175,9.40236893 22.8165825,9.40236893 23.2071068,9.79289322 C23.5976311,10.1834175 23.5976311,10.8165825 23.2071068,11.2071068 L20.2071068,14.2071068 C19.8165825,14.5976311 19.1834175,14.5976311 18.7928932,14.2071068 L15.7928932,11.2071068 C15.4023689,10.8165825 15.4023689,10.1834175 15.7928932,9.79289322 C16.1834175,9.40236893 16.8165825,9.40236893 17.2071068,9.79289322 L19.5,12.0857864 L21.7928932,9.79289322 Z" fill="#fff" fill-rule="nonzero" transform="translate(19.500000, 12.000000) rotate(-90.000000) translate(-19.500000, -12.000000) "/> </g> </svg> </span> <span>Logout</span> </a></li> <li class="nav-label">Settings</li> <li class="nav-color" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom"> <a class="nav-link"> <span class="dz-icon bg-blue light"> <i class="fa-solid fa-palette"></i> </span> <span>Highlights</span> </a> </li> <li> <div class="mode"> <span class="dz-icon bg-green light"> <i class="fa-solid fa-moon"></i> </span> <span>Dark Mode</span> <div class="custom-switch"> <input type="checkbox" class="switch-input theme-btn" id="toggle-dark-menu"> <label class="custom-switch-label" for="toggle-dark-menu"></label> </div> </div> </li> </ul> <div class="sidebar-bottom"> <h6 class="name">Jobie - Job Portal</h6> <p>App Version 1.0</p> </div> </div> <!-- Sidebar End --> <div class="page-content bottom-content"> <div class="container"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-body"> <div class="dz-list"> <ul> <li> <a href="ui-accordion.html" class="item-content item-link"> <div class="dz-icon bg-red light"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M13.7505 9.70301V7.68317C13.354 7.68317 13.0251 7.36375 13.0251 6.97857V4.57354C13.0251 4.25318 12.764 4.00047 12.4352 4.00047H5.7911C3.70213 4.00047 2 5.65299 2 7.68317V10.1154C2 10.3043 2.07737 10.4828 2.21277 10.6143C2.34816 10.7449 2.53191 10.82 2.72534 10.82C3.46035 10.82 4.02128 11.3273 4.02128 11.9944C4.02128 12.6905 3.45068 13.2448 2.73501 13.2532C2.33849 13.2532 2 13.5257 2 13.9203V16.3262C2 18.3555 3.70213 19.9995 5.78143 19.9995H12.4352C12.764 19.9995 13.0251 19.7449 13.0251 19.4265V17.3963C13.0251 17.0026 13.354 16.6917 13.7505 16.6917V14.8701C13.354 14.8701 13.0251 14.5497 13.0251 14.1655V10.4076C13.0251 10.0224 13.354 9.70301 13.7505 9.70301" fill="#130F26"/> <path d="M19.9787 11.9948C19.9787 12.69 20.559 13.2443 21.265 13.2537C21.6615 13.2537 22 13.5262 22 13.9113V16.3258C22 18.3559 20.3075 20 18.2186 20H15.0658C14.7466 20 14.4758 19.7454 14.4758 19.426V17.3967C14.4758 17.0022 14.1567 16.6921 13.7505 16.6921V14.8705C14.1567 14.8705 14.4758 14.5502 14.4758 14.1659V10.4081C14.4758 10.022 14.1567 9.70348 13.7505 9.70348V7.6827C14.1567 7.6827 14.4758 7.36328 14.4758 6.9781V4.57401C14.4758 4.25366 14.7466 4 15.0658 4H18.2186C20.3075 4 22 5.64406 22 7.6733V10.0407C22 10.2286 21.9226 10.4081 21.7872 10.5387C21.6518 10.6702 21.4681 10.7453 21.2747 10.7453C20.559 10.7453 19.9787 11.31 19.9787 11.9948" fill="#130F26"/> </svg> </div> <div class="dz-inner"> <span class="dz-title">Accordion</span> </div> </a> </li> <li> <a href="ui-action-modal.html" class="item-content item-link"> <div class="dz-icon bg-blue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M4.5,3 L19.5,3 C20.3284271,3 21,3.67157288 21,4.5 L21,19.5 C21,20.3284271 20.3284271,21 19.5,21 L4.5,21 C3.67157288,21 3,20.3284271 3,19.5 L3,4.5 C3,3.67157288 3.67157288,3 4.5,3 Z M8,5 C7.44771525,5 7,5.44771525 7,6 C7,6.55228475 7.44771525,7 8,7 L16,7 C16.5522847,7 17,6.55228475 17,6 C17,5.44771525 16.5522847,5 16,5 L8,5 Z" fill="#fff"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Action Modal</span> </div> </a> </li> <li> <a href="ui-action-sheet.html" class="item-content item-link"> <div class="dz-icon bg-green light"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M16.191 2H7.81C4.77 2 3 3.78 3 6.83V17.16C3 20.26 4.77 22 7.81 22H16.191C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2Z" fill="#130F26"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07996 6.65V6.66C7.64896 6.66 7.29996 7.01 7.29996 7.44C7.29996 7.87 7.64896 8.22 8.07996 8.22H11.069C11.5 8.22 11.85 7.87 11.85 7.429C11.85 7 11.5 6.65 11.069 6.65H8.07996ZM15.92 12.74H8.07996C7.64896 12.74 7.29996 12.39 7.29996 11.96C7.29996 11.53 7.64896 11.179 8.07996 11.179H15.92C16.35 11.179 16.7 11.53 16.7 11.96C16.7 12.39 16.35 12.74 15.92 12.74ZM15.92 17.31H8.07996C7.77996 17.35 7.48996 17.2 7.32996 16.95C7.16996 16.69 7.16996 16.36 7.32996 16.11C7.48996 15.85 7.77996 15.71 8.07996 15.74H15.92C16.319 15.78 16.62 16.12 16.62 16.53C16.62 16.929 16.319 17.27 15.92 17.31Z" fill="#130F26"/> </svg> </div> <div class="dz-inner"> <span class="dz-title">Action Sheet</span> </div> </a> </li> <li> <a href="ui-alert.html" class="item-content item-link"> <div class="dz-icon bg-yellow light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M17,12 L18.5,12 C19.3284271,12 20,12.6715729 20,13.5 C20,14.3284271 19.3284271,15 18.5,15 L5.5,15 C4.67157288,15 4,14.3284271 4,13.5 C4,12.6715729 4.67157288,12 5.5,12 L7,12 L7.5582739,6.97553494 C7.80974924,4.71225688 9.72279394,3 12,3 C14.2772061,3 16.1902508,4.71225688 16.4417261,6.97553494 L17,12 Z" fill="#fff"/> <rect fill="#ffc600" opacity="0.3" x="10" y="16" width="4" height="4" rx="2"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Alert</span> </div> </a> </li> <li> <a href="ui-button.html" class="item-content item-link"> <div class="dz-icon bg-orange light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z" fill="#fff"/> <path d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z" fill="#fff" opacity="0.3"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Button</span> </div> </a> </li> <li> <a href="ui-radio.html" class="item-content item-link"> <div class="dz-icon bg-pink light"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <rect fill="#000000" opacity="0.3" x="2" y="6" width="21" height="12" rx="6"/> <circle fill="#000000" cx="17" cy="12" r="4"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Radio Button</span> </div> </a> </li> <li> <a href="ui-badge.html" class="item-content item-link"> <div class="dz-icon bg-maroon light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polygon points="0 0 24 0 24 24 0 24"/> <path d="M3.52270623,14.028695 C2.82576459,13.3275941 2.82576459,12.19529 3.52270623,11.4941891 L11.6127629,3.54050571 C11.9489429,3.20999263 12.401513,3.0247814 12.8729533,3.0247814 L19.3274172,3.0247814 C20.3201611,3.0247814 21.124939,3.82955935 21.124939,4.82230326 L21.124939,11.2583059 C21.124939,11.7406659 20.9310733,12.2027862 20.5869271,12.5407722 L12.5103155,20.4728108 C12.1731575,20.8103442 11.7156477,21 11.2385688,21 C10.7614899,21 10.3039801,20.8103442 9.9668221,20.4728108 L3.52270623,14.028695 Z M16.9307214,9.01652093 C17.9234653,9.01652093 18.7282432,8.21174298 18.7282432,7.21899907 C18.7282432,6.22625516 17.9234653,5.42147721 16.9307214,5.42147721 C15.9379775,5.42147721 15.1331995,6.22625516 15.1331995,7.21899907 C15.1331995,8.21174298 15.9379775,9.01652093 16.9307214,9.01652093 Z" fill="#fff" fill-rule="nonzero" opacity="0.5"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Badge</span> </div> </a> </li> <li> <a href="ui-button-group.html" class="item-content item-link"> <div class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z" fill="#fff"/> <path d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z" fill="#fff" opacity="0.3"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Button Group</span> </div> </a> </li> <li> <a href="ui-card.html" class="item-content item-link"> <div class="dz-icon bg-red light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <rect fill="#000000" x="2" y="5" width="19" height="4" rx="1"/> <rect fill="#000000" opacity="0.3" x="2" y="11" width="19" height="10" rx="1"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Card</span> </div> </a> </li> <li> <a href="ui-chips.html" class="item-content item-link"> <div class="dz-icon bg-blue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M15.9956071,6 L9,6 C7.34314575,6 6,7.34314575 6,9 L6,15.9956071 C4.70185442,15.9316381 4,15.1706419 4,13.8181818 L4,6.18181818 C4,4.76751186 4.76751186,4 6.18181818,4 L13.8181818,4 C15.1706419,4 15.9316381,4.70185442 15.9956071,6 Z" fill="#fff" fill-rule="nonzero" opacity="0.3"/> <path d="M10.1818182,8 L17.8181818,8 C19.2324881,8 20,8.76751186 20,10.1818182 L20,17.8181818 C20,19.2324881 19.2324881,20 17.8181818,20 L10.1818182,20 C8.76751186,20 8,19.2324881 8,17.8181818 L8,10.1818182 C8,8.76751186 8.76751186,8 10.1818182,8 Z" fill="#fff"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Chips</span> </div> </a> </li> <li> <a href="ui-dropdown.html" class="item-content item-link"> <div class="dz-icon bg-green light"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M10.0833 15.958H3.50777C2.67555 15.958 2 16.6217 2 17.4393C2 18.2558 2.67555 18.9206 3.50777 18.9206H10.0833C10.9155 18.9206 11.5911 18.2558 11.5911 17.4393C11.5911 16.6217 10.9155 15.958 10.0833 15.958Z" fill="#130F26"/> <path opacity="0.4" d="M22 6.37856C22 5.56203 21.3244 4.89832 20.4933 4.89832H13.9178C13.0856 4.89832 12.41 5.56203 12.41 6.37856C12.41 7.19618 13.0856 7.85989 13.9178 7.85989H20.4933C21.3244 7.85989 22 7.19618 22 6.37856Z" fill="#130F26"/> <path d="M8.87774 6.37856C8.87774 8.24523 7.33886 9.75821 5.43887 9.75821C3.53999 9.75821 2 8.24523 2 6.37856C2 4.51298 3.53999 3 5.43887 3C7.33886 3 8.87774 4.51298 8.87774 6.37856Z" fill="#130F26"/> <path d="M22.0001 17.3992C22.0001 19.2648 20.4612 20.7778 18.5612 20.7778C16.6623 20.7778 15.1223 19.2648 15.1223 17.3992C15.1223 15.5325 16.6623 14.0196 18.5612 14.0196C20.4612 14.0196 22.0001 15.5325 22.0001 17.3992Z" fill="#130F26"/> </svg> </div> <div class="dz-inner"> <span class="dz-title">Dropdown</span> </div> </a> </li> <li> <a href="ui-input.html" class="item-content item-link"> <div class="dz-icon bg-orange light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <rect fill="#000000" opacity="0.3" x="2" y="4" width="20" height="5" rx="1"/> <path d="M5,7 L8,7 L8,21 L7,21 C5.8954305,21 5,20.1045695 5,19 L5,7 Z M19,7 L19,19 C19,20.1045695 18.1045695,21 17,21 L11,21 L11,7 L19,7 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Input</span> </div> </a> </li> <li> <a href="ui-timeline.html" class="item-content item-link"> <div class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M5,2 L19,2 C20.1045695,2 21,2.8954305 21,4 L21,6 C21,7.1045695 20.1045695,8 19,8 L5,8 C3.8954305,8 3,7.1045695 3,6 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M11,4 C10.4477153,4 10,4.44771525 10,5 C10,5.55228475 10.4477153,6 11,6 L16,6 C16.5522847,6 17,5.55228475 17,5 C17,4.44771525 16.5522847,4 16,4 L11,4 Z M7,6 C7.55228475,6 8,5.55228475 8,5 C8,4.44771525 7.55228475,4 7,4 C6.44771525,4 6,4.44771525 6,5 C6,5.55228475 6.44771525,6 7,6 Z" fill="#000000" opacity="0.3"/> <path d="M5,9 L19,9 C20.1045695,9 21,9.8954305 21,11 L21,13 C21,14.1045695 20.1045695,15 19,15 L5,15 C3.8954305,15 3,14.1045695 3,13 L3,11 C3,9.8954305 3.8954305,9 5,9 Z M11,11 C10.4477153,11 10,11.4477153 10,12 C10,12.5522847 10.4477153,13 11,13 L16,13 C16.5522847,13 17,12.5522847 17,12 C17,11.4477153 16.5522847,11 16,11 L11,11 Z M7,13 C7.55228475,13 8,12.5522847 8,12 C8,11.4477153 7.55228475,11 7,11 C6.44771525,11 6,11.4477153 6,12 C6,12.5522847 6.44771525,13 7,13 Z" fill="#000000"/> <path d="M5,16 L19,16 C20.1045695,16 21,16.8954305 21,18 L21,20 C21,21.1045695 20.1045695,22 19,22 L5,22 C3.8954305,22 3,21.1045695 3,20 L3,18 C3,16.8954305 3.8954305,16 5,16 Z M11,18 C10.4477153,18 10,18.4477153 10,19 C10,19.5522847 10.4477153,20 11,20 L16,20 C16.5522847,20 17,19.5522847 17,19 C17,18.4477153 16.5522847,18 16,18 L11,18 Z M7,20 C7.55228475,20 8,19.5522847 8,19 C8,18.4477153 7.55228475,18 7,18 C6.44771525,18 6,18.4477153 6,19 C6,19.5522847 6.44771525,20 7,20 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Timeline</span> </div> </a> </li> <li> <a href="ui-list-group.html" class="item-content item-link"> <div class="dz-icon bg-maroon light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M10.5,5 L19.5,5 C20.3284271,5 21,5.67157288 21,6.5 C21,7.32842712 20.3284271,8 19.5,8 L10.5,8 C9.67157288,8 9,7.32842712 9,6.5 C9,5.67157288 9.67157288,5 10.5,5 Z M10.5,10 L19.5,10 C20.3284271,10 21,10.6715729 21,11.5 C21,12.3284271 20.3284271,13 19.5,13 L10.5,13 C9.67157288,13 9,12.3284271 9,11.5 C9,10.6715729 9.67157288,10 10.5,10 Z M10.5,15 L19.5,15 C20.3284271,15 21,15.6715729 21,16.5 C21,17.3284271 20.3284271,18 19.5,18 L10.5,18 C9.67157288,18 9,17.3284271 9,16.5 C9,15.6715729 9.67157288,15 10.5,15 Z" fill="#000000"/> <path d="M5.5,8 C4.67157288,8 4,7.32842712 4,6.5 C4,5.67157288 4.67157288,5 5.5,5 C6.32842712,5 7,5.67157288 7,6.5 C7,7.32842712 6.32842712,8 5.5,8 Z M5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 C6.32842712,10 7,10.6715729 7,11.5 C7,12.3284271 6.32842712,13 5.5,13 Z M5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 C6.32842712,15 7,15.6715729 7,16.5 C7,17.3284271 6.32842712,18 5.5,18 Z" fill="#000000" opacity="0.3"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">List Group</span> </div> </a> </li> <li> <a href="ui-modal.html" class="item-content item-link"> <div class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M5.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L5.5,11 C4.67157288,11 4,10.3284271 4,9.5 L4,5.5 C4,4.67157288 4.67157288,4 5.5,4 Z M11,6 C10.4477153,6 10,6.44771525 10,7 C10,7.55228475 10.4477153,8 11,8 L13,8 C13.5522847,8 14,7.55228475 14,7 C14,6.44771525 13.5522847,6 13,6 L11,6 Z" fill="#000000" opacity="0.3"/> <path d="M5.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M11,15 C10.4477153,15 10,15.4477153 10,16 C10,16.5522847 10.4477153,17 11,17 L13,17 C13.5522847,17 14,16.5522847 14,16 C14,15.4477153 13.5522847,15 13,15 L11,15 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Modal</span> </div> </a> </li> <li> <a href="ui-progressbar.html" class="item-content item-link"> <div class="dz-icon bg-red light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M18.5,6 C19.3284271,6 20,6.67157288 20,7.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 C17.6715729,20 17,19.3284271 17,18.5 L17,7.5 C17,6.67157288 17.6715729,6 18.5,6 Z M12.5,11 C13.3284271,11 14,11.6715729 14,12.5 L14,18.5 C14,19.3284271 13.3284271,20 12.5,20 C11.6715729,20 11,19.3284271 11,18.5 L11,12.5 C11,11.6715729 11.6715729,11 12.5,11 Z M6.5,15 C7.32842712,15 8,15.6715729 8,16.5 L8,18.5 C8,19.3284271 7.32842712,20 6.5,20 C5.67157288,20 5,19.3284271 5,18.5 L5,16.5 C5,15.6715729 5.67157288,15 6.5,15 Z" fill="#fff"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Progressbar</span> </div> </a> </li> <li> <a href="ui-social.html" class="item-content item-link"> <div class="dz-icon bg-blue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M14.1654881,7.35483745 L9.61055177,10.3622525 C9.47921741,10.4489666 9.39637436,10.592455 9.38694497,10.7495509 L9.05991526,16.197949 C9.04337012,16.4735952 9.25341309,16.7104632 9.52905936,16.7270083 C9.63705011,16.7334903 9.74423017,16.7047714 9.83451193,16.6451626 L14.3894482,13.6377475 C14.5207826,13.5510334 14.6036256,13.407545 14.613055,13.2504491 L14.9400847,7.80205104 C14.9566299,7.52640477 14.7465869,7.28953682 14.4709406,7.27299168 C14.3629499,7.26650974 14.2557698,7.29522855 14.1654881,7.35483745 Z" fill="#fff"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Social</span> </div> </a> </li> <li> <a href="ui-typography.html" class="item-content item-link"> <div class="dz-icon bg-yellow light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M17.2718029,8.68536757 C16.8932864,8.28319382 16.9124644,7.65031935 17.3146382,7.27180288 C17.7168119,6.89328641 18.3496864,6.91246442 18.7282029,7.31463817 L22.7282029,11.5646382 C23.0906029,11.9496882 23.0906029,12.5503176 22.7282029,12.9353676 L18.7282029,17.1853676 C18.3496864,17.5875413 17.7168119,17.6067193 17.3146382,17.2282029 C16.9124644,16.8496864 16.8932864,16.2168119 17.2718029,15.8146382 L20.6267538,12.2500029 L17.2718029,8.68536757 Z M6.72819712,8.6853647 L3.37324625,12.25 L6.72819712,15.8146353 C7.10671359,16.2168091 7.08753558,16.8496835 6.68536183,17.2282 C6.28318808,17.6067165 5.65031361,17.5875384 5.27179713,17.1853647 L1.27179713,12.9353647 C0.909397125,12.5503147 0.909397125,11.9496853 1.27179713,11.5646353 L5.27179713,7.3146353 C5.65031361,6.91246155 6.28318808,6.89328354 6.68536183,7.27180001 C7.08753558,7.65031648 7.10671359,8.28319095 6.72819712,8.6853647 Z" fill="#000000" fill-rule="nonzero"/> <rect fill="#ffc600" opacity="1" transform="translate(12.000000, 12.000000) rotate(-345.000000) translate(-12.000000, -12.000000) " x="11" y="4" width="2" height="16" rx="1"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Typography</span> </div> </a> </li> <li> <a href="ui-toast.html" class="item-content item-link"> <div class="dz-icon bg-skyblue light"> <svg xmlns="http://www.w3.org/2000/svg" height="18" version="1.1" viewBox="0 -60 464 464" width="18"> <path d="M 0 240 L 128 240 C 128 182.5625 174.5625 136 232 136 C 289.4375 136 336 182.5625 336 240 L 464 240 L 464 0 L 0 0 Z M 360 32 Z M 104 32 Z M 104 32 " style=" stroke:none;fill-rule:nonzero;fill:rgb(74.117647%,85.882353%,100%);fill-opacity:1;" /> <path d="M 232 136 C 174.5625 136 128 182.5625 128 240 C 128 297.4375 174.5625 344 232 344 C 289.4375 344 336 297.4375 336 240 C 336 182.5625 289.4375 136 232 136 Z M 282.910156 290.910156 L 232 240 L 181.089844 290.910156 L 232 240 L 181.089844 189.089844 L 232 240 L 282.910156 189.089844 L 232 240 Z M 282.910156 290.910156 " style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,47.45098%,33.72549%);fill-opacity:1;" /> <path d="M 232 128 C 227.582031 128 224 124.417969 224 120 L 224 32 C 224 27.582031 227.582031 24 232 24 C 236.417969 24 240 27.582031 240 32 L 240 120 C 240 124.417969 236.417969 128 232 128 Z M 232 128 " style=" stroke:none;fill-rule:nonzero;fill:rgb(12.941176%,25.098039%,60.392157%);fill-opacity:1;" /> <path d="M 360 216 C 355.582031 216 352 212.417969 352 208 L 352 32 C 352 27.582031 355.582031 24 360 24 C 364.417969 24 368 27.582031 368 32 L 368 208 C 368 212.417969 364.417969 216 360 216 Z M 360 216 " style=" stroke:none;fill-rule:nonzero;fill:rgb(12.941176%,25.098039%,60.392157%);fill-opacity:1;" /> <path d="M 104 216 C 99.582031 216 96 212.417969 96 208 L 96 32 C 96 27.582031 99.582031 24 104 24 C 108.417969 24 112 27.582031 112 32 L 112 208 C 112 212.417969 108.417969 216 104 216 Z M 104 216 " style=" stroke:none;fill-rule:nonzero;fill:rgb(12.941176%,25.098039%,60.392157%);fill-opacity:1;" /> <path d="M 282.910156 298.910156 C 280.789062 298.910156 278.757812 298.070312 277.257812 296.566406 L 175.433594 194.742188 C 172.398438 191.605469 172.445312 186.617188 175.53125 183.53125 C 178.617188 180.445312 183.605469 180.398438 186.742188 183.433594 L 288.566406 285.257812 C 290.855469 287.542969 291.539062 290.984375 290.300781 293.972656 C 289.0625 296.960938 286.148438 298.910156 282.910156 298.910156 Z M 282.910156 298.910156 " style=" stroke:none;fill-rule:nonzero;fill:rgb(94.509804%,94.901961%,94.901961%);fill-opacity:1;" /> <path d="M 181.089844 298.910156 C 177.851562 298.910156 174.9375 296.960938 173.699219 293.972656 C 172.460938 290.984375 173.144531 287.542969 175.433594 285.257812 L 277.257812 183.433594 C 280.394531 180.398438 285.382812 180.445312 288.46875 183.53125 C 291.554688 186.617188 291.601562 191.605469 288.566406 194.742188 L 186.742188 296.566406 C 185.242188 298.070312 183.210938 298.910156 181.089844 298.910156 Z M 181.089844 298.910156 " style=" stroke:none;fill-rule:nonzero;fill:rgb(94.509804%,94.901961%,94.901961%);fill-opacity:1;" /> </svg> </div> <div class="dz-inner"> <span class="dz-title">Toast</span> </div> </a> </li> <li> <a href="ui-treeview.html" class="item-content item-link"> <div class="dz-icon bg-red light"> <svg height="18" viewBox="0 -8 464 464" width="18" xmlns="http://www.w3.org/2000/svg"> <path d="m360 144h-120v-40c0-4.417969-3.582031-8-8-8s-8 3.582031-8 8v40h-120c-4.417969 0-8 3.582031-8 8v48c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-40h240v40c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-48c0-4.417969-3.582031-8-8-8zm0 0" fill="#f7cc38"/><path d="m424 320h-56v-40c0-4.417969-3.582031-8-8-8s-8 3.582031-8 8v40h-56c-4.417969 0-8 3.582031-8 8v48c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-40h112v40c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-48c0-4.417969-3.582031-8-8-8zm0 0" fill="#f7cc38"/><path d="m168 320h-56v-40c0-4.417969-3.582031-8-8-8s-8 3.582031-8 8v40h-56c-4.417969 0-8 3.582031-8 8v48c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-40h112v40c0 4.417969 3.582031 8 8 8s8-3.582031 8-8v-48c0-4.417969-3.582031-8-8-8zm0 0" fill="#f7cc38"/><path d="m56 192h96v96h-96zm0 0" fill="#60a2d7"/><path d="m176 0h112v112h-112zm0 0" fill="#5f7bad"/><path d="m408 288h-96v-96h96zm0 0" fill="#60a2d7"/><g fill="#92aeba"><path d="m0 368h80v80h-80zm0 0"/><path d="m128 368h80v80h-80zm0 0"/><path d="m256 368h80v80h-80zm0 0"/><path d="m384 368h80v80h-80zm0 0"/></g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Treeview</span> </div> </a> </li> <li> <a href="ui-tab.html" class="item-content item-link"> <div class="dz-icon bg-pink light"> <svg id="color" enable-background="new 0 0 24 24" height="10" viewBox="0 0 24 24" width="10" xmlns="http://www.w3.org/2000/svg"> <path d="m22 5v4.5c0-2.48-2.02-4.5-4.5-4.5z" fill="#fff"/><path d="m17.5 7h-15c-1.381 0-2.5 1.119-2.5 2.5v12c0 1.381 1.119 2.5 2.5 2.5h15c1.381 0 2.5-1.119 2.5-2.5v-12c0-1.381-1.119-2.5-2.5-2.5z" fill="#607d8b"/><path d="m17 22h-14c-.551 0-1-.448-1-1v-9h16v9c0 .552-.449 1-1 1z" fill="#fff"/><path d="m10 7h-7.5c-1.381 0-2.5 1.119-2.5 2.5v12c0 1.381 1.119 2.5 2.5 2.5h7.5v-2h-7c-.551 0-1-.448-1-1v-9h8z" fill="#546d79"/><path d="m10 12h-8v9c0 .552.449 1 1 1h7z" fill="#dedede"/><path d="m24 2.5v12c0 1.21-.86 2.22-2 2.45v-11.95h-18v-2.5c0-1.38 1.12-2.5 2.5-2.5h15c1.38 0 2.5 1.12 2.5 2.5z" fill="#607d8b"/><path d="m14 0h-7.5c-1.38 0-2.5 1.12-2.5 2.5v2.5h10z" fill="#546d79"/> </svg> </div> <div class="dz-inner"> <span class="dz-title">Tabs</span> </div> </a> </li> <li> <a href="ui-switch.html" class="item-content item-link"> <div class="dz-icon bg-maroon light"> <svg height="20" viewBox="0 0 58 26" width="20" xmlns="http://www.w3.org/2000/svg"> <g id="Page-1" fill="none" fill-rule="evenodd"><g id="079---On-Slider"><path id="Path" d="m45 26c7.1797017 0 13-5.8202983 13-13 0-7.17970175-5.8202983-13-13-13h-32c-7.17970175 0-13 5.82029825-13 13 0 7.1797017 5.82029825 13 13 13z" fill="#bdc3c7"/><path id="Path" d="m45 4h-32c-4.97056275 0-9 4.02943725-9 9 0 4.9705627 4.02943725 9 9 9h32z" fill="#4fba6f"/><circle id="Oval" cx="45" cy="13" fill="#ecf0f1" r="9"/><g fill="#fff"><path id="Shape" d="m17 7h-1c-1.6568542 0-3 1.34314575-3 3v6c0 1.6568542 1.3431458 3 3 3h1c1.6568542 0 3-1.3431458 3-3v-6c0-1.65685425-1.3431458-3-3-3zm1 9c0 .5522847-.4477153 1-1 1h-1c-.5522847 0-1-.4477153-1-1v-6c0-.55228475.4477153-1 1-1h1c.5522847 0 1 .44771525 1 1z" fill-rule="nonzero"/><path id="Path" d="m28 7c-.5522847 0-1 .44771525-1 1v5.764l-3.1-6.211c-.2040519-.42147024-.6732513-.64490274-1.129074-.53766446-.4558226.10723828-.7761896.51642664-.770926.98466446v10c0 .5522847.4477153 1 1 1s1-.4477153 1-1v-5.764l3.105 6.211c.1694246.3390516.515974.5531766.895.553.0770556-.0002457.1538506-.0089648.229-.026.4519434-.1063203.7712663-.5097191.771-.974v-10c0-.55228475-.4477153-1-1-1z"/></g></g></g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Switch</span> </div> </a> </li> <li> <a href="ui-swiper.html" class="item-content item-link"> <div class="dz-icon bg-yellow light"> <svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"> <g id="Icons"><g><g><path d="m30.005 27.986h28c1.105 0 2-.895 2-2v-6c0-1.105-.895-2-2-2h-28z" fill="#00a0c8"/></g><g><path d="m32.005 17.986h1v10h-1z" fill="#0082aa"/></g><g><path d="m4.995 27.986h27.01v-18.99c0-.81-.91-1.28-1.57-.82l-26.01 17.99c-.8.56-.41 1.82.57 1.82z" fill="#00a0c8"/></g></g><g><g><path d="m33.995 36.004h-28c-1.105 0-2 .895-2 2v6c0 1.105.895 2 2 2h28z" fill="#c80a50"/></g><g><path d="m30.995 36.004h1v10h-1z" fill="#a00028"/></g><g><path d="m59.005 36.004h-27.01v18.99c0 .81.91 1.28 1.57.82l26.01-17.99c.8-.56.41-1.82-.57-1.82z" fill="#c80a50"/></g></g></g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Swiper</span> </div> </a> </li> <li> <a href="ui-stepper.html" class="item-content item-link"> <div class="dz-icon bg-orange light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M7,5 L17,5 C17.5522847,5 18,5.44771525 18,6 C18,6.55228475 17.5522847,7 17,7 L7,7 C6.44771525,7 6,6.55228475 6,6 C6,5.44771525 6.44771525,5 7,5 Z M7,9 L17,9 C17.5522847,9 18,9.44771525 18,10 C18,10.5522847 17.5522847,11 17,11 L7,11 C6.44771525,11 6,10.5522847 6,10 C6,9.44771525 6.44771525,9 7,9 Z M7,13 L17,13 C17.5522847,13 18,13.4477153 18,14 C18,14.5522847 17.5522847,15 17,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4477153 6.44771525,13 7,13 Z M7,17 L17,17 C17.5522847,17 18,17.4477153 18,18 C18,18.5522847 17.5522847,19 17,19 L7,19 C6.44771525,19 6,18.5522847 6,18 C6,17.4477153 6.44771525,17 7,17 Z" fill="#000000" opacity="0.3"/> <path d="M5.5,2 C6.32842712,2 7,2.67157288 7,3.5 L7,20.5 C7,21.3284271 6.32842712,22 5.5,22 C4.67157288,22 4,21.3284271 4,20.5 L4,3.5 C4,2.67157288 4.67157288,2 5.5,2 Z M18.5,2 C19.3284271,2 20,2.67157288 20,3.5 L20,20.5 C20,21.3284271 19.3284271,22 18.5,22 C17.6715729,22 17,21.3284271 17,20.5 L17,3.5 C17,2.67157288 17.6715729,2 18.5,2 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Stepper</span> </div> </a> </li> <li> <a href="ui-spinner.html" class="item-content item-link"> <div class="dz-icon bg-blue light"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g> <polygon points="0 0 24 0 24 24 0 24"/> </g> <path d="M12,4 L12,6 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18 C15.3137085,18 18,15.3137085 18,12 C18,10.9603196 17.7360885,9.96126435 17.2402578,9.07513926 L18.9856052,8.09853149 C19.6473536,9.28117708 20,10.6161442 20,12 C20,16.418278 16.418278,20 12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) "/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Spinner</span> </div> </a> </li> <li> <a href="ui-range-slider.html" class="item-content item-link"> <div class="dz-icon bg-red light"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M10.0833 15.958H3.50777C2.67555 15.958 2 16.6217 2 17.4393C2 18.2558 2.67555 18.9206 3.50777 18.9206H10.0833C10.9155 18.9206 11.5911 18.2558 11.5911 17.4393C11.5911 16.6217 10.9155 15.958 10.0833 15.958Z" fill="#130F26"/> <path opacity="0.4" d="M22 6.37856C22 5.56203 21.3244 4.89832 20.4933 4.89832H13.9178C13.0856 4.89832 12.41 5.56203 12.41 6.37856C12.41 7.19618 13.0856 7.85989 13.9178 7.85989H20.4933C21.3244 7.85989 22 7.19618 22 6.37856Z" fill="#130F26"/> <path d="M8.87774 6.37856C8.87774 8.24523 7.33886 9.75821 5.43887 9.75821C3.53999 9.75821 2 8.24523 2 6.37856C2 4.51298 3.53999 3 5.43887 3C7.33886 3 8.87774 4.51298 8.87774 6.37856Z" fill="#130F26"/> <path d="M22.0001 17.3992C22.0001 19.2648 20.4612 20.7778 18.5612 20.7778C16.6623 20.7778 15.1223 19.2648 15.1223 17.3992C15.1223 15.5325 16.6623 14.0196 18.5612 14.0196C20.4612 14.0196 22.0001 15.5325 22.0001 17.3992Z" fill="#130F26"/> </svg> </div> <div class="dz-inner"> <span class="dz-title">RangeSlider</span> </div> </a> </li> <li> <a href="ui-lightgallery.html" class="item-content item-link"> <div class="dz-icon bg-maroon light"> <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M3,4 C3,3.44771525 3.44771525,3 4,3 L11,3 L11,5 C11,9.418278 7.418278,13 3,13 L3,4 Z M21,4 L21,13 C16.581722,13 13,9.418278 13,5 L13,3 L20,3 C20.5522847,3 21,3.44771525 21,4 Z" fill="#000000" opacity="0.3"/> <path d="M4,21 C3.44771525,21 3,20.5522847 3,20 L3,13 C6.3137085,13 9,15.6862915 9,19 L9,21 L4,21 Z M20,21 L15,21 L15,19 C15,15.6862915 17.6862915,13 21,13 L21,20 C21,20.5522847 20.5522847,21 20,21 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Lightgallery</span> </div> </a> </li> <li> <a href="ui-divider.html" class="item-content item-link"> <div class="dz-icon bg-pink light"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" version="1.1" class="svg-main-icon"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M5,5 L19,5 C19.5522847,5 20,5.44771525 20,6 C20,6.55228475 19.5522847,7 19,7 L5,7 C4.44771525,7 4,6.55228475 4,6 C4,5.44771525 4.44771525,5 5,5 Z M5,13 L19,13 C19.5522847,13 20,13.4477153 20,14 C20,14.5522847 19.5522847,15 19,15 L5,15 C4.44771525,15 4,14.5522847 4,14 C4,13.4477153 4.44771525,13 5,13 Z" fill="#000000" opacity="0.3"/> <path d="M8,9 L16,9 C16.5522847,9 17,9.44771525 17,10 C17,10.5522847 16.5522847,11 16,11 L8,11 C7.44771525,11 7,10.5522847 7,10 C7,9.44771525 7.44771525,9 8,9 Z M8,17 L16,17 C16.5522847,17 17,17.4477153 17,18 C17,18.5522847 16.5522847,19 16,19 L8,19 C7.44771525,19 7,18.5522847 7,18 C7,17.4477153 7.44771525,17 8,17 Z" fill="#000000"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Divider</span> </div> </a> </li> <li> <a href="language.html" class="item-content item-link"> <div class="dz-icon bg-orange light"> <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect x="0" y="0" width="24" height="24"/> <path d="M8,6 L20.5,6 C21.3284271,6 22,6.67157288 22,7.5 C22,8.32842712 21.3284271,9 20.5,9 L8,9 L8,19.5 C8,20.3284271 7.32842712,21 6.5,21 C5.67157288,21 5,20.3284271 5,19.5 L5,9 L3.5,9 C2.67157288,9 2,8.32842712 2,7.5 C2,6.67157288 2.67157288,6 3.5,6 L5,6 L5,4.5 C5,3.67157288 5.67157288,3 6.5,3 C7.32842712,3 8,3.67157288 8,4.5 L8,6 Z" fill="#000000"/> <path d="M10,11 L20.5,11 C21.3284271,11 22,11.6715729 22,12.5 L22,15 C22,17.209139 20.209139,19 18,19 L11.5,19 C10.6715729,19 10,18.3284271 10,17.5 L10,11 Z M20,12 C19.4477153,12 19,12.4477153 19,13 L19,16 C19,16.5522847 19.4477153,17 20,17 C20.5522847,17 21,16.5522847 21,16 L21,13 C21,12.4477153 20.5522847,12 20,12 Z" fill="#000000" opacity="0.3"/> </g> </svg> </div> <div class="dz-inner"> <span class="dz-title">Language</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Menubar --> <div class="menubar-area"> <div class="toolbar-inner menubar-nav"> <a href="index.html" class="nav-link"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.14373 20.7821V17.7152C9.14372 16.9381 9.77567 16.3067 10.5584 16.3018H13.4326C14.2189 16.3018 14.8563 16.9346 14.8563 17.7152V20.7732C14.8562 21.4473 15.404 21.9951 16.0829 22H18.0438C18.9596 22.0023 19.8388 21.6428 20.4872 21.0007C21.1356 20.3586 21.5 19.4868 21.5 18.5775V9.86585C21.5 9.13139 21.1721 8.43471 20.6046 7.9635L13.943 2.67427C12.7785 1.74912 11.1154 1.77901 9.98539 2.74538L3.46701 7.9635C2.87274 8.42082 2.51755 9.11956 2.5 9.86585V18.5686C2.5 20.4637 4.04738 22 5.95617 22H7.87229C8.19917 22.0023 8.51349 21.8751 8.74547 21.6464C8.97746 21.4178 9.10793 21.1067 9.10792 20.7821H9.14373Z" fill="#a19fa8"/> </svg> </a> <a href="pages.html" class="nav-link"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M11.776 21.8374C9.49294 20.4273 7.37064 18.7645 5.44791 16.8796C4.09052 15.5338 3.05388 13.8905 2.41718 12.0753C1.27955 8.53523 2.60383 4.48948 6.30113 3.2884C8.25264 2.67553 10.3751 3.05175 12.0071 4.29983V4.29983C13.6397 3.05315 15.7614 2.67705 17.713 3.2884C21.4103 4.48948 22.7435 8.53523 21.6058 12.0753C20.9743 13.8888 19.9438 15.5319 18.5929 16.8796C16.6684 18.7625 14.5463 20.4251 12.2648 21.8374L12.016 22L11.776 21.8374Z" fill="#a19fa8"/> <path d="M12.0109 22L11.776 21.8374C9.49013 20.4274 7.36487 18.7647 5.43902 16.8796C4.0752 15.5356 3.03238 13.8922 2.39052 12.0753C1.26177 8.53523 2.58605 4.48948 6.28335 3.2884C8.23486 2.67553 10.3853 3.05204 12.0109 4.31057V22Z" fill="#a19fa8"/> <path d="M18.2304 9.99922V9.99922C18.0296 9.98629 17.8425 9.8859 17.7131 9.72157C17.5836 9.55723 17.5232 9.3434 17.5459 9.13016V9.13016C17.5677 8.4278 17.168 7.78851 16.5517 7.53977C16.1609 7.43309 15.9243 7.00987 16.022 6.59249C16.1148 6.18182 16.4993 5.92647 16.8858 6.0189C16.9346 6.027 16.9816 6.04468 17.0244 6.07105C18.2601 6.54658 19.0601 7.82641 18.9965 9.22576C18.9944 9.43785 18.9117 9.63998 18.7673 9.78581C18.6229 9.93164 18.4291 10.0087 18.2304 9.99922Z" fill="#a19fa8"/> </svg> </a> <a href="messages.html" class="nav-link"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M22 15.9403C22 18.7303 19.76 20.9903 16.97 21.0003H16.96H7.05C4.27 21.0003 2 18.7503 2 15.9603V15.9503C2 15.9503 2.006 11.5243 2.014 9.2983C2.015 8.8803 2.495 8.6463 2.822 8.9063C5.198 10.7913 9.447 14.2283 9.5 14.2733C10.21 14.8423 11.11 15.1633 12.03 15.1633C12.95 15.1633 13.85 14.8423 14.56 14.2623C14.613 14.2273 18.767 10.8933 21.179 8.9773C21.507 8.7163 21.989 8.9503 21.99 9.3673C22 11.5763 22 15.9403 22 15.9403Z" fill="#a19fa8"/> <path d="M21.4761 5.67369C20.6101 4.04169 18.9061 2.99969 17.0301 2.99969H7.05013C5.17413 2.99969 3.47013 4.04169 2.60413 5.67369C2.41013 6.03869 2.50213 6.4937 2.82513 6.75169L10.2501 12.6907C10.7701 13.1107 11.4001 13.3197 12.0301 13.3197C12.0341 13.3197 12.0371 13.3197 12.0401 13.3197C12.0431 13.3197 12.0471 13.3197 12.0501 13.3197C12.6801 13.3197 13.3101 13.1107 13.8301 12.6907L21.2551 6.75169C21.5781 6.4937 21.6701 6.03869 21.4761 5.67369Z" fill="#a19fa8"/> </svg> </a> <a href="javascript:void(0);" class="menu-toggler"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M16.0755 2H19.4615C20.8637 2 22 3.14585 22 4.55996V7.97452C22 9.38864 20.8637 10.5345 19.4615 10.5345H16.0755C14.6732 10.5345 13.537 9.38864 13.537 7.97452V4.55996C13.537 3.14585 14.6732 2 16.0755 2Z" fill="#a19fa8"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.53852 2H7.92449C9.32676 2 10.463 3.14585 10.463 4.55996V7.97452C10.463 9.38864 9.32676 10.5345 7.92449 10.5345H4.53852C3.13626 10.5345 2 9.38864 2 7.97452V4.55996C2 3.14585 3.13626 2 4.53852 2ZM4.53852 13.4655H7.92449C9.32676 13.4655 10.463 14.6114 10.463 16.0255V19.44C10.463 20.8532 9.32676 22 7.92449 22H4.53852C3.13626 22 2 20.8532 2 19.44V16.0255C2 14.6114 3.13626 13.4655 4.53852 13.4655ZM19.4615 13.4655H16.0755C14.6732 13.4655 13.537 14.6114 13.537 16.0255V19.44C13.537 20.8532 14.6732 22 16.0755 22H19.4615C20.8637 22 22 20.8532 22 19.44V16.0255C22 14.6114 20.8637 13.4655 19.4615 13.4655Z" fill="#a19fa8"/> </svg> </a> </div> </div> <!-- Menubar --> <!-- Theme Color Settings --> <div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom"> <div class="offcanvas-body small"> <ul class="theme-color-settings"> <li> <input class="filled-in" id="primary_color_8" name="theme_color" type="radio" value="color-primary" /> <label for="primary_color_8"></label> <span>Default</span> </li> <li> <input class="filled-in" id="primary_color_2" name="theme_color" type="radio" value="color-green" /> <label for="primary_color_2"></label> <span>Green</span> </li> <li> <input class="filled-in" id="primary_color_3" name="theme_color" type="radio" value="color-blue" /> <label for="primary_color_3"></label> <span>Blue</span> </li> <li> <input class="filled-in" id="primary_color_4" name="theme_color" type="radio" value="color-pink" /> <label for="primary_color_4"></label> <span>Pink</span> </li> <li> <input class="filled-in" id="primary_color_5" name="theme_color" type="radio" value="color-yellow" /> <label for="primary_color_5"></label> <span>Yellow</span> </li> <li> <input class="filled-in" id="primary_color_6" name="theme_color" type="radio" value="color-orange" /> <label for="primary_color_6"></label> <span>Orange</span> </li> <li> <input class="filled-in" id="primary_color_7" name="theme_color" type="radio" value="color-purple" /> <label for="primary_color_7"></label> <span>Purple</span> </li> <li> <input class="filled-in" id="primary_color_1" name="theme_color" type="radio" value="color-red" /> <label for="primary_color_1"></label> <span>Red</span> </li> <li> <input class="filled-in" id="primary_color_9" name="theme_color" type="radio" value="color-lightblue" /> <label for="primary_color_9"></label> <span>Lightblue</span> </li> <li> <input class="filled-in" id="primary_color_10" name="theme_color" type="radio" value="color-teal" /> <label for="primary_color_10"></label> <span>Teal</span> </li> <li> <input class="filled-in" id="primary_color_11" name="theme_color" type="radio" value="color-lime" /> <label for="primary_color_11"></label> <span>Lime</span> </li> <li> <input class="filled-in" id="primary_color_12" name="theme_color" type="radio" value="color-deeporange" /> <label for="primary_color_12"></label> <span>Deeporange</span> </li> </ul> </div> </div> <!-- Theme Color Settings End --> </div> <!--********************************** Scripts ***********************************--> <script src="assets/js/jquery.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/js/settings.js"></script> <script src="assets/js/custom.js"></script> <script src="assets/js/dz.carousel.js"></script><!-- Swiper --> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script><!-- Swiper --> </body> <!-- Mirrored from jobie.dexignzone.com/mobile-app/xhtml/ui-components.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Jul 2022 03:02:21 GMT --> </html>