- var landing_sticky = true; - var wow = true; - var animate = true; - var tooltip = true; - var landing_font = true; - var jarallax_libs = true; - var landing_icon = true; - var slick = true; - var landing_slider = true; doctype html html(lang='en') include ../../components/landing-header body.landing-page include ../../components/taptop // page-wrapper Start .page-wrapper.landing-page // Page Body Start .landing-home .container-fluid .sticky-header header nav#sidebar-menu.navbar.navbar-b.navbar-dark.navbar-trans.navbar-expand-xl.fixed-top.nav-padding a.navbar-brand.p-0(href='#') img.img-fluid(src='../assets/images/landing/landing_logo.png', alt='') button.navbar-toggler.navabr_btn-set.custom_nav(type='button', data-bs-toggle='collapse', data-bs-target='#navbarDefault', aria-controls='navbarDefault', aria-expanded='false', aria-label='Toggle navigation') span span span #navbarDefault.navbar-collapse.justify-content-center.collapse.hidenav(style='') ul.navbar-nav.navbar_nav_modify#scroll-spy li.nav-item a.nav-link(href='#layout') Layouts li.nav-item a.nav-link(href='#frameworks') Frameworks li.nav-item a.nav-link(href='#components') Components li.nav-item a.nav-link(href='#applications') Applications li.nav-item a.nav-link(href='#documentation') Documentation li.nav-item a.nav-link(href='#faq') Faq .buy-btn.rounded-pill a.nav-link.js-scroll(href='https://1.envato.market/3GVzd' target="_blank") Buy Now .row.justify-content-center .col-lg-8.col-sm-10 .content.text-center div h6.content-title img.arrow-decore(src="../assets/images/landing/decore/arrow.svg" alt="") span.sub-title Introducing h1.wow.fadeIn Scalable Admin template with span trending | designs p.mt-3.wow.fadeIn Welcome to Cuba - the leading landing page templates, built with React, Angular, flask & Vue. No jQuery! .btn-grp.mt-4 a.wow.pulse(href="index.html" target="_blank" data-bs-placement='top', title='HTML') img(src="../assets/images/landing/icon/html/html.png" alt="") a.wow.pulse(href="https://angular.pixelstrap.com/cuba/" target="_blank" data-bs-placement='top', title='Angular 13') img(src="../assets/images/landing/icon/angular/angular.png" alt="") a.wow.pulse(href="https://vue.pixelstrap.com/cuba/dashboard/default" target="_blank" data-bs-placement='top', title='Vue 2.6.10') img(src="../assets/images/landing/icon/vue/vue.png" alt="") a.wow.pulse(href="https://laravel.pixelstrap.com/cuba/dashboard/index" target="_blank" data-bs-placement='top', title='Laravel 9') img(src="../assets/images/landing/icon/laravel/laravel.png" alt="") a.wow.pulse(href="https://cubadjango.pixelstrap.com/" target="_blank" data-bs-placement='top', title='Django 4.0.4') img(src="../assets/images/landing/icon/django/django.png" alt="") a.wow.pulse(href="http://cubaflask.pixelstrap.com/" target="_blank" data-bs-placement='top', title='Flask 2.2.2') img(src="../assets/images/landing/stroke-icon/7.svg" alt="") a.wow.pulse(href="https://react.pixelstrap.com/cuba-context/" target="_blank" data-bs-placement='top', title='React Context') img(src="../assets/images/landing/icon/react/react.png" alt="") a.wow.pulse(href="javascript:void(0)" data-bs-placement='top', title='Coming soon') img(src="../assets/images/landing/stroke-icon/8.svg" alt="") a.wow.pulse(href="https://codeigniter.pixelstrap.com/cuba/public/" target="_blank" data-bs-placement='top', title='Codeigniter') img(src="../assets/images/landing/icon/codeigniter/codeigniter-icon.png" alt="") a.wow.pulse(href="https://cuba-nodejs-pixelstrap.herokuapp.com/" target="_blank" data-bs-placement='top', title='Node') img(src="../assets/images/landing/stroke-icon/10.svg" alt="") a.wow.pulse(href="javascript:void(0)" data-bs-placement='top', title='Coming soon') img(src="../assets/images/landing/stroke-icon/12.svg" alt="") .col-xl-7.col-lg-8.col-md-10 img.screen1(src="../assets/images/landing/screen1.png" class="img-fluid" alt="") section.section-space.premium-wrap .container ul.decoration li.flower-gif .mesh-loader .set-one .circle .circle .set-two .circle .circle li.wavy-gif svg(xmlns='http://www.w3.org/2000/svg' viewBox='0 0 251 38') path(fill='none' stroke-width='10' stroke-miterlimit='10' d='M0,9C17.93,9,17.93,29,35.85,29S53.78,9,71.71,9s17.92,20,35.85,20S125.49,9,143.42,9s17.93,20,35.86,20S197.21,9,215.14,9,233.07,29,251,29') .row.justify-content-center .col-sm-12 .landing-title h5.sub-title Faster, Lighter & Dev. Friendly h2 span.gradient-1 Benefits | of cuba p .vector-image img(src="../assets/images/landing/vectors/1.svg", alt="") .col-xxl-8 .row.g-lg-5.g-3 .col-md-3.col-6 .benefit-box.pink svg use(href='../assets/svg/landing-icons.svg#tag') h2.mb-0 4,075 h6.mb-0 Sales .col-md-3.col-6 .benefit-box.purple svg use(href='../assets/svg/landing-icons.svg#ratings') h2.mb-0 4,075 h6.mb-0 5 Stars Ratings .col-md-3.col-6 .benefit-box.red svg use(href='../assets/svg/landing-icons.svg#user_circle') h2.mb-0 3K h6.mb-0 End Users .col-md-3.col-6 .benefit-box.warning svg use(href='../assets/svg/landing-icons.svg#gear') h2.mb-0 6 Years h6.mb-0 Development section#layout.section-space.cuba-demo-section.layout.pt-0 .container ul.decoration li.line-gif img(src="../assets/images/landing/gifs/3.gif", alt="") li.wavy-line-gif img(src="../assets/images/landing/gifs/4.gif", alt="") .row .col-sm-12.wow.pulse .cuba-demo-content .couting h2 12 .landing-title h5.sub-title Trending & Clean Design Collection h2 span.gradient-2 Creative & unique | Admin layouts p We are providing 12 different layouts only on one click.there are no different folders for each layouts.VueJS, React, Angular, Laravel, Html, Django Admin Dashboard Template .container-fluid.fluid-space .row.demo-imgs.g-xl-5.g-sm-3 .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 1 - | Dubai svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/dubai.jpg" alt="default") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.default-view(href="index.html" data-attr="default" target='_blank') img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Dubai" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Dubai" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=dubai" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=dubai" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Dubai" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/compact-sidebar" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=dubai" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 2 - | Paris svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/paris.jpg" alt="classicSidebar") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.paris-view(href="dashboard-03.html" target='_blank' data-attr="dark-sidebar") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Paris" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Paris" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Django 4.0.4") a(href="https://cubadjango.pixelstrap.com/index?layout_type=paris" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=paris" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Paris" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Laravel 9") a(href="https://laravel.pixelstrap.com/cuba/layouts/dark-sidebar" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=paris" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 3 - | Los Angeles svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/los-angle.png" alt="material") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.los-view(href="dashboard-02.html" target='_blank' data-attr="material-layout") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=LosAngeles" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=LosAngeles" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Django 4.0.4") a(href="https://cubadjango.pixelstrap.com/index?layout_type=los_angeles" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=los_angeles" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/LosAngeles" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Laravel 9") a(href="https://laravel.pixelstrap.com/cuba/layouts/material-layout" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=los_angeles" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 4 - | Tokyo svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/tokyo.jpg" alt="compact") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.tokyo-view(href="index.html" target='_blank' data-attr="compact-wrap") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Tokyo" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Tokyo" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Django 4.0.4") a(href="https://cubadjango.pixelstrap.com/index?layout_type=tokyo" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=tokyo" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Tokyo" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title="Laravel 9") a(href="https://laravel.pixelstrap.com/cuba/layouts/compact-wrap" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=tokyo" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 5 - | Moscow svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/moscow.jpg" alt="collapse") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.moscow-view(href="dashboard-05.html" target='_blank' data-attr="compact-small") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Moscow" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Moscow" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=moscow" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=moscow" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Moscow" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/compact-small" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=moscow" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 6 - | Singapore svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/singapore.jpg" alt="enterprise") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.singapore-view(href="index.html" target='_blank' data-attr="enterprice-type") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Singapore" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Singapore" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=singapore" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=singapore" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Singapore" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/enterprice-type" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=singapore" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 7 - | New York svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/newyork.png" alt="centralize") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.newyork-view(href="index.html" target='_blank' data-attr="box-layout") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=NewYork" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=NewYork" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=new_york" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=new_york" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/NewYork" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/box-layout" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=new_york" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 8 - | Barcelona svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/singapore.jpg" alt="further") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.barcelona-view(href="index.html" target='_blank' data-attr="advance-type") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Barcelona" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Barcelona" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=barcelona" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=barcelona" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Barcelona" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/advance-type" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=barcelona" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 9 - | Madrid svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/paris.jpg" alt="revolutionary") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.madrid-view(href="dashboard-03.html" target='_blank' data-attr="color-sidebar") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Madrid" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Madrid" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=madrid" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=madrid" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Madrid" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/color-sidebar" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=madrid" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 10 - | Rome svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/rome.jpg" alt="statistics") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.rome-view(href="dashboard-05.html" target='_blank' data-attr="material-icon") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Rome" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Rome" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=rome" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=rome" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Rome" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/material-icon" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=rome" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 11 - | Seoul svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/dubai.jpg" alt="trendy") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.seoul-view(href="index.html" target='_blank' data-attr="modern-layout") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=Seoul" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=Seoul" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index?layout_type=seoul" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=seoul" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/Seoul" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/modern-layout" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=seoul" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") .col-xl-4.col-md-6.demo-content .cuba-demo-img ul.dot-group li li li .title-wrapper h3.theme-name.mb-0 span Demo 12 - | London svg.title-svg(width='51' height='13' viewBox='0 0 51 13' fill='none' xmlns='http://www.w3.org/2000/svg') path(fill-rule='evenodd' clip-rule='evenodd' d='M45.441 5.23769C45.1147 5.6996 44.7795 6.29315 44.4287 6.79516C44.0566 7.32282 43.6848 7.82319 43.4063 8.39596C42.3695 10.5523 44.9675 9.32014 45.564 8.02855C46.1179 6.84286 46.9246 5.87434 47.5859 4.84618C47.7395 4.60397 47.9033 4.26383 48.0568 4.02163C48.5763 3.17147 49.2516 2.53511 49.937 1.82812C50.1291 1.63094 51.1206 0.323924 50.2276 0.271093C49.8167 0.249553 48.2922 0.5361 47.7883 0.639651C46.0126 0.994835 44.8002 0.761651 43.2136 0.879502C41.3566 1.01618 40.2674 1.03208 39.4223 2.48705C38.6443 3.82331 39.9175 3.32601 40.6023 3.28698C40.9682 3.2651 42.689 3.16192 42.8406 3.24726C41.0738 4.30895 39.0645 5.02824 37.0996 5.92744C35.3375 6.72902 32.5247 7.59153 30.5216 8.08443C26.1768 9.14676 21.4529 9.72998 17.427 9.37823C11.8143 8.89224 6.34249 7.27448 2.66916 3.3266C2.36354 3.00658 1.08682 1.31053 0.829574 1.29887C-0.0667404 1.26048 0.320466 3.42074 0.776292 4.07177C2.88672 7.11634 6.19576 9.41621 9.11681 10.5305C12.2801 11.735 16.1782 12.6293 20.1937 12.5475C25.0767 12.443 28.6501 11.8499 33.6912 10.4322C36.8488 9.54622 39.9123 8.1382 42.764 6.70735C43.2704 6.44645 45.1753 5.30309 45.441 5.23769Z' fill='#41B883') .overflow-hidden img.img-fluid(src="../assets/images/landing/layout-images/landon.png" alt="blank") .hover-link .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='HTML with bootstrap 5') a.html.landon-view(href="index.html" target='_blank' data-attr="default-body") img(src="../assets/images/landing/stroke-icon/1.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Vue 2.6.10') a(href="https://vue.pixelstrap.com/cuba/dashboard/default?layout=London" target='_blank') img(src="../assets/images/landing/stroke-icon/3.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Angular 13') a(href="https://angular.pixelstrap.com/cuba/dashboard/default?layout=London" target='_blank') img(src="../assets/images/landing/stroke-icon/2.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Django 4.0.4') a(href="https://cubadjango.pixelstrap.com/index" target='_blank') img(src="../assets/images/landing/stroke-icon/6.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Flask') a(href="https://cubaflask.pixelstrap.com/index?layout_type=london" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/7.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='React Context') a(href="https://react.pixelstrap.com/cuba-context/dashboard/default/London" target='_blank') img(src="../assets/images/landing/stroke-icon/4.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/8.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Laravel 9') a(href="https://laravel.pixelstrap.com/cuba/layouts/default-body" target='_blank') img(src="../assets/images/landing/stroke-icon/5.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Nodejs') a(href="https://cuba-nodejs-pixelstrap.herokuapp.com/index?layout_type=london" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/10.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Codeigniter') a(href="https://codeigniter.pixelstrap.com/cuba/public/" target='_blank') img.img-fluid(src="../assets/images/landing/stroke-icon/9.svg", alt="") .link-btn(data-bs-toggle='tooltip', data-bs-placement='top', title='Coming soon') a(href="javascript:void(0)") img.img-fluid(src="../assets/images/landing/stroke-icon/12.svg", alt="") section.section-space.customer-support .container ul.decoration.d-sm-block.d-none li.round-gif img(src="../assets/images/landing/gifs/5.gif", alt="") .row.justify-content-center .col-sm-12 .landing-title.text-center .rating-title.gap-2 img.decore-1(src="../assets/images/landing/decore/arrow-3.svg", alt="") ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.rating-title.mb-0 4.5 span.f-light (110 rating) h2 span.gradient-1 Thousands | of customers love us p The marketer's goal is to help customers feel confident about their choice. Just providing more information often doesn't help .col-xxl-10 .row.customer-wrap .col-md-3.col-6 .customer-wrapper .customer-box img(src="../assets/images/landing/customers/1.svg", alt="") h6.f-light.mb-0.mt-2 Top rated template img.outline-box(src="../assets/images/landing/decore/arrow-style-1.svg", alt="") .col-md-3.col-6 .customer-wrapper .customer-box img(src="../assets/images/landing/customers/2.svg", alt="") h6.f-light.mb-0.mt-2 Highest selling template img.outline-box(src="../assets/images/landing/decore/arrow-style-2.svg", alt="") .col-md-3.col-6 .customer-wrapper .customer-box img(src="../assets/images/landing/customers/3.svg", alt="") h6.f-light.mb-0.mt-2 Super easy to deploy img.outline-box(src="../assets/images/landing/decore/arrow-style-3.svg", alt="") .col-md-3.col-6 .customer-wrapper .customer-box img(src="../assets/images/landing/customers/4.svg", alt="") h6.f-light.mb-0.mt-2 Fast Customer Support img.outline-box(src="../assets/images/landing/decore/arrow-style-4.svg", alt="") section.customization-wrap .container .row .col-lg-6 .landing-title.text-start h5.sub-title Theme Customization h2 span.gradient-3 Real-time | customization & preview p.m-0 The live customizer offers everything you need to customize.there is no coding required. .customization-accordion #accordionExample.accordion .accordion-item h2#headingOne.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='false' aria-controls='collapseOne') | Sidebar Builder #collapseOne.accordion-collapse.collapse(aria-labelledby='headingOne' data-bs-parent='#accordionExample') .accordion-body.f-light .accordion-item h2#headingTwo.accordion-header button.accordion-button(type='button' data-bs-toggle='collapse' data-bs-target='#collapseTwo' aria-expanded='true' aria-controls='collapseTwo') | Unlimited color #collapseTwo.accordion-collapse.collapse.show(aria-labelledby='headingTwo' data-bs-parent='#accordionExample') .accordion-body.f-light | Change primary and secondary theme colors using this customization option.we are providing this settings for primary and secondary colors .accordion-item h2#headingThree.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseThree' aria-expanded='false' aria-controls='collapseThree') | Layout type #collapseThree.accordion-collapse.collapse(aria-labelledby='headingThree' data-bs-parent='#accordionExample') .accordion-body.f-light .col-lg-6 .customization-img img.img-fluid(src="../assets/images/landing/customiztion.svg", alt="") section#applications.section-space.app-section .container-fluid.fluid-space ul.decoration li.wavy-gif svg(xmlns='http://www.w3.org/2000/svg' viewBox='0 0 251 38') path(fill='none' stroke-width='10' stroke-miterlimit='10' d='M0,9C17.93,9,17.93,29,35.85,29S53.78,9,71.71,9s17.92,20,35.85,20S125.49,9,143.42,9s17.93,20,35.86,20S197.21,9,215.14,9,233.07,29,251,29') .row .col-sm-12.wow.pulse .landing-title h5.sub-title Trending & Clean Design Collection h2 | Fast & powerful span.gradient-4 Applications .row.g-4 .col-xl-4.col-md-6 .app-box.app-bg-1 h6 span.app-title Social App span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/social-app.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/social-app.jpg' alt='') .col-xl-4.col-md-6 .app-box.app-bg-2 h6 span.app-title knowledgebase span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/knowledgebase.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/knowlagebase-app.jpg' alt='') .col-xl-4.col-md-6 .app-box.app-bg-3 h6 span.app-title kanban span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/kanban.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/apps/kanban.jpg' alt='') .col-xl-4.col-md-6 .app-box.app-bg-4 h6 span.app-title Ecommerce span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/product-page.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/ecommerce-app.jpg' alt='') .col-xl-4.col-md-6 .app-box.app-bg-5.h-100 h6 span.app-title Chat span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/chat.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/apps/chat.jpg' alt='') .col-xl-4.col-md-6 .app-box.app-bg-6.h-100 h6 span.app-title File manager span.line .app-image ul.dot-group li li li .img-effect a(href='../theme/file-manager.html' target='_blank') img.img-fluid.cuba-img(src='../assets/images/landing/apps/file.jpg' alt='') marquee.text-marqee(direction='left') h2.big-title Faster, Lighter & Friendly section.section-space.feature-section.pt-0 ul.decoration li.round-gif img(src="../assets/images/landing/gifs/5.gif", alt="") .container .row .col-sm-12.wow.pulse .landing-title h5.sub-title Why you choose Cuba h2 | Introducing our span.gradient-5 Core Features p .vector-image img(src="../assets/images/landing/vectors/2.svg", alt="vector women") .row.g-4 .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-1 .feature-icon img(src="../assets/images/landing/feature-icon/1.svg", alt="") h5 Quality & Clean Code p.mb-0.f-light All you need to know of using clean code as a manager to make your team and your software awesome. .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-2 .feature-icon img(src="../assets/images/landing/feature-icon/2.svg", alt="") h5 Bootstrap v5.0 p.mb-0.f-light Bootstrap is a complete CSS framework.Bootstrap is built on responsive 12-column grids, layouts, and components .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-3 .feature-icon img(src="../assets/images/landing/feature-icon/3.svg", alt="") h5 Handmade Icons p.mb-0.f-light .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-4 .feature-icon img(src="../assets/images/landing/feature-icon/4.svg", alt="") h5 Limitless Components p.mb-0.f-light The limitless layout collection and UI kit library is the biggest collection of layouts for web design .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-5 .feature-icon img(src="../assets/images/landing/feature-icon/5.svg", alt="") h5 Easy Customizable p.mb-0.f-light Easy Step-By-Step Guide for Beginners.customize your layout, settings and content .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-6 .feature-icon img(src="../assets/images/landing/feature-icon/6.svg", alt="") h5 Responsive & User-Friendly p.mb-0.f-light Use Responsive Design to Connect with all Device Users .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-7 .feature-icon img(src="../assets/images/landing/feature-icon/7.svg", alt="") h5 Premium Support p.mb-0.f-light We are always be their for your support and you are facing some issues you can create ticket. .col-xxl-3.col-lg-4.col-sm-6 .feature-box.common-card.bg-feature-8 .feature-icon img(src="../assets/images/landing/feature-icon/8.svg", alt="") h5 Colors Options p.mb-0.f-light Cuba provide unlimited main color option.other colors you can change easily using scss variables section.build-section .container ul.decoration li.loader-gif span.loader-1 .row .col-sm-12.wow.pulse .landing-title.text-start h2 Build stunning and powerful landing page with span.gradient-6 customizable and easy | to understand. img.title-img.d-sm-block.d-none(src="../assets/images/landing/decore/arrow-4.svg", alt="") h4.d-sm-block.d-none.sub-title.rotate-title.mb-0 The Biggest template Collection Ever Build. .row.g-4 .col-md-6 .build-image img(src="../assets/images/landing/sale.png", alt="") .col-md-6 .build-content.text-end p.f-light.mb-0 Create unique combinations using a variety of section blocks from the ultimate collection of design created by world-class designers.import a pre-built section block with a single click or save your own custom block to reuse on other pages. section.section-space.framework-section#frameworks .container ul.decoration li.loader-line-gif img(src="../assets/images/landing/gifs/6.gif", alt="") li.wavy-gif svg(xmlns='http://www.w3.org/2000/svg' viewBox='0 0 251 38') path(fill='none' stroke-width='10' stroke-miterlimit='10' d='M0,9C17.93,9,17.93,29,35.85,29S53.78,9,71.71,9s17.92,20,35.85,20S125.49,9,143.42,9s17.93,20,35.86,20S197.21,9,215.14,9,233.07,29,251,29') .row .col-sm-12 .landing-title h5.sub-title 10+ frameworks available h2 Latest Updates in span.gradient-7 All Frameworks p Html, Vue, Angular, React, Django, Laravel , Nodejs , Codeigniter , Flask, PHP all this versions available in .col-sm-12 ul#myTab.nav.nav-tabs.frame-tab(role='tablist') li.nav-item(role='presentation') button#html-tab.nav-link.active(data-bs-toggle='tab' data-bs-target='#html' type='button' role='tab' aria-controls='html' aria-selected='true') img(src='../assets/images/landing/icon/html/html.png' alt='') span HTML li.nav-item(role='presentation') button#react-tab.nav-link(data-bs-toggle='tab' data-bs-target='#react' type='button' role='tab' aria-controls='react' aria-selected='false') img(src='../assets/images/landing/stroke-icon/4.svg' alt='') span React li.nav-item(role='presentation') button#angular-tab.nav-link(data-bs-toggle='tab' data-bs-target='#angular' type='button' role='tab' aria-controls='angular' aria-selected='false') img(src='../assets/images/landing/icon/angular/angular.png' alt='') span Angular li.nav-item(role='presentation') button#vue-tab.nav-link(data-bs-toggle='tab' data-bs-target='#vue' type='button' role='tab' aria-controls='vue' aria-selected='false') img(src='../assets/images/landing/icon/vue/vue.png' alt='') span Vuejs li.nav-item(role='presentation') button#laravel-tab.nav-link(data-bs-toggle='tab' data-bs-target='#laravel' type='button' role='tab' aria-controls='laravel' aria-selected='false') img(src='../assets/images/landing/icon/laravel/laravel.png' alt='') span Laravel li.nav-item(role='presentation') button#django-tab.nav-link(data-bs-toggle='tab' data-bs-target='#django' type='button' role='tab' aria-controls='django' aria-selected='false') img(src='../assets/images/landing/icon/django/django.png' alt='') span Django li.nav-item(role='presentation') button#flask-tab.nav-link(data-bs-toggle='tab' data-bs-target='#flask' type='button' role='tab' aria-selected='false') img(src='../assets/images/landing/stroke-icon/7.svg' alt='') span Flask li.nav-item(role='presentation') button#nodejs-tab.nav-link(data-bs-toggle='tab' data-bs-target='#nodejs' type='button' role='tab' aria-selected='false') img(src='../assets/images/landing/stroke-icon/10.svg' alt='') span Node li.nav-item(role='presentation') button#symfony-tab.nav-link(data-bs-toggle='tab' data-bs-target='#symfony' type='button' role='tab' aria-selected='false') img(src='../assets/images/landing/stroke-icon/12.svg' alt='') span Symfony li.nav-item(role='presentation') button#php-tab.nav-link(data-bs-toggle='tab' data-bs-target='#php' type='button' role='tab' aria-selected='false') img(src='../assets/images/landing/stroke-icon/8.svg' alt='') span PHP #myTabContent.tab-content #html.tab-pane.fade.show.active(role='tabpanel' aria-labelledby='html-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/sass.png", alt="") .frame-details h5 SCSS p.f-light The superset CSS makes it simple to develop and | usefulness | with variables, selectors, and nesting. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/bootstrap.png", alt="") .frame-details h5 Bootstrap 5 p.f-light It is designed to generate responsive front-end web development | that is mobile-friendly. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/pug.png", alt="") .frame-details h5 PUG p.f-light Pug.js enables generating dynamic data and developing adaptable | HTML code.The overall productivity increases. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/npm.png", alt="") .frame-details h5 NPM p.f-light Node.js source code or a pre-built installer for your platform, and start developing today .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/gulp.png", alt="") .frame-details h5 Gulp p.f-light It is a very useful tool that makes code compilation simple, especially when creating back-end programmes. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/forms.png", alt="") .frame-details h5 Form p.f-light To facilitate | form access and modification, the fields and field labels are | logically arranged. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/6.png", alt="") .frame-details h5 Apex chart p.f-light It also has its own special | characteristics that will make the data genuinely interactive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/7.png", alt="") .frame-details h5 Chart.js p.f-light It makes data visualisation simple. It offers 8 different chart kinds, | all of which are responsive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/8.png", alt="") .frame-details h5 Chartist p.f-light Chartist gives designers and developers the chance to | make charts that are cross-browser compatible. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/apps.png", alt="") .frame-details h5 Apps p.f-light Assist you in building the most user-friendly, dynamic websites | and applications with cutting-edge designs .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/10.png", alt="") .frame-details h5 Gallery p.f-light You also have the option to enable animated thumbnails from the settings. Zoom & Fullscreen. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/iconset.png", alt="") .frame-details h5 Icons p.f-light We have provide 4 & 5 types of different icons.most trending icons like font awesome, feather icons. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/layout.png", alt="") .frame-details h5 Layout p.f-light Those that seamlessly adjust to different screen sizes and responsive layouts for your business. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/uikits.png", alt="") .frame-details h5 Ui kits p.f-light We are provide bunch of ui kits for create easy design and reusable components #react.tab-pane.fade(role='tabpanel' aria-labelledby='react-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/hook.png", alt="") .frame-details h5 React Hook p.f-light A component has many different phases of its life, react hook helps us to run some functionality at a particular phase. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/reactstrap.png", alt="") .frame-details h5 React Strap p.f-light Designing will pure css is a hassle, React Strap reduces this inconvenience and speeds up the designing process. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/noquery.png", alt="") .frame-details h5 No Jquery p.f-light JQuery interferes with javascript of react sometimes.we made sure that it does'nt do that. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/redux.png", alt="") .frame-details h5 Redux p.f-light Used for state management. Helps with defining global variables and manipulating them. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/firebase.png", alt="") .frame-details h5 Firebase Auth p.f-light Online database of Firebase has been used for authentication, making authentication reliable and more secure. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/crud.png", alt="") .frame-details h5 Firebase crud p.f-light Crud has been explained using a simple to-do application and has been integrated with firebase/firestore. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/chat.png", alt="") .frame-details h5 Chat p.f-light A Design of a chat application has been given, so that you can create your own chat app in your theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/animation.png", alt="") .frame-details h5 Router Animation p.f-light When the page in the theme changes it looks dull if no animation has been given, but you won't find any dullness in this theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/props_state.png", alt="") .frame-details h5 State and props p.f-light To manage state between multiple components props and state management tools has been used with good code structure. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/reactrouter.png", alt="") .frame-details h5 React-Router p.f-light Through react-router, by attaching different components to different navigation routes. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/chart.png", alt="") .frame-details h5 Amazing Chart p.f-light Data visualization seems boring without them. To provide more visually pleasing way to present data. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/map.png", alt="") .frame-details h5 Map p.f-light Frankly we would be lost without them. But no worries, many of them are given in our theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/gallery.png", alt="") .frame-details h5 Gallery p.f-light You have many pictures , we have ways to display them. With multiple gallery options, managing pictures is now easy. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/application.png", alt="") .frame-details h5 Application p.f-light It doesn't end here, explore the theme and discovery many amazing applications inside it. #angular.tab-pane.fade(role='tabpanel' aria-labelledby='angular-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/sass.png", alt="") .frame-details h5 SCSS p.f-light To make it easier of designers to style our website. It allows us to use things like variables , inline imports and many other things. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/2.png", alt="") .frame-details h5 Ng bootstrap p.f-light Allowing us to write pre-made classes to style our theme and also add some functionalities as well. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/4.png", alt="") .frame-details h5 Router p.f-light Router attaches components to some paths, through this paths , components can now be viewed. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/5.png", alt="") .frame-details h5 Form p.f-light Admin requires many pages with input fields to enter and manage the data. Many forms styles and functionalities related to it has been included. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/6.png", alt="") .frame-details h5 Apex Chart p.f-light To visualize data in more attractive manner, we have provided Apex charts. Many different chart options are available in apex chart. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/7.png", alt="") .frame-details h5 Chart.js p.f-light Not happy with just one chart option? We have got more. Chart.js has also been given as an alternative to create beautiful charts. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/8.png", alt="") .frame-details h5 Chartist p.f-light You want more ha? We knew it, so we included chartist charts as well. Now you won't run out of options that easily. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/9.png", alt="") .frame-details h5 Google maps p.f-light Frankly we would be lost without them. But no worries, many of them are given in our theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/10.png", alt="") .frame-details h5 Gallery p.f-light You have many pictures , we have ways to display them. With multiple gallery options, managing pictures is now easy. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/11.png", alt="") .frame-details h5 Ecommerce p.f-light Ecommerce is just one of theme. Explore our theme and you will find multiple uses for it. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/12.png", alt="") .frame-details h5 Firebase Auth p.f-light Online database of Firebase has been used for authentication, making authentication reliable and more secure. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/13.png", alt="") .frame-details h5 Firebase crud p.f-light Crud has been explained using a simple to-do application and has been integrated with firebase/firestore. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/14.png", alt="") .frame-details h5 Chat p.f-light A Design of a chat application has been given, so that you can create your own chat app in your theme. #vue.tab-pane.fade(role='tabpanel' aria-labelledby='vue-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/firebase.png", alt="") .frame-details h5 Firebase p.f-light An online database , easier to use, easier to maintain, with multiple different uses. We have used it for an example of CRUD. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/nojquery.png", alt="") .frame-details h5 No Jquery p.f-light JQuery interferes with javascript of Vue sometimes.we made sure that it does'nt do that. How? We have not used it in our theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vuebootstrap.png", alt="") .frame-details h5 Vue Boostrap p.f-light Allowing us to write pre-made classes to style our theme and also add some functionalities as well. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vuex.png", alt="") .frame-details h5 Vuex p.f-light Used for state management.Allowing us to access variables stored in vuex anywhere. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/chart.png", alt="") .frame-details h5 Charts p.f-light A Design of a chat application has been given, so that you can create your own chat app in your theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vueswiper.png", alt="") .frame-details h5 Vue Swiper p.f-light Used for making the site more interactive. more efficiently to display data more less space and in a more visually pleasing way. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vuerouter.png", alt="") .frame-details h5 Vue Router p.f-light Vue Router attaches components to some paths, through this paths , components can now be viewed. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vuemasonary.png", alt="") .frame-details h5 Vue Masonry p.f-light Implementing vue Masonry in our gallery application we have made it more attractive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/vuecli.png", alt="") .frame-details h5 Vue cli p.f-light You can create a vue project from scratch, writing code in each page on your own.It creates vue project with multiple files pre-written. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/animation.png", alt="") .frame-details h5 Animation p.f-light Just imagine a simple static file without anything moving.Pretty boring right.we have included a few different animations in it. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/rangeslider.png", alt="") .frame-details h5 Range Slider p.f-light To make use user has good experience even when increasing or decreasing values, we have included many little features like range slider. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/rtlsupport.png", alt="") .frame-details h5 RTL Support p.f-light The language is written from right to left or left to right, we have included rtl functionality. #laravel.tab-pane.fade(role='tabpanel' aria-labelledby='laravel-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/laravel/laravel.png", alt="") .frame-details h5 Laravel 9 p.f-light Laravel has been one of the most prevalent PHP frameworks for a long time now .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/bootstrap.png", alt="") .frame-details h5 Bootstrap 5 p.f-light It is designed to generate responsive front-end web development | that is mobile-friendly. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/laravel/blade.png", alt="") .frame-details h5 Blade View p.f-light Blade is the simple, yet powerful templating engine that is included with Laravel. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/forms.png", alt="") .frame-details h5 Form p.f-light To facilitate | form access and modification, the fields and field labels are | logically arranged. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/6.png", alt="") .frame-details h5 Apex chart p.f-light It also has its own special | characteristics that will make the data genuinely interactive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/7.png", alt="") .frame-details h5 Chart.js p.f-light It makes data visualisation simple. It offers 8 different chart kinds, | all of which are responsive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/8.png", alt="") .frame-details h5 Chartist p.f-light Chartist gives designers and developers the chance to | make charts that are cross-browser compatible. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/apps.png", alt="") .frame-details h5 Apps p.f-light Assist you in building the most user-friendly, dynamic websites | and applications with cutting-edge designs .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/10.png", alt="") .frame-details h5 Gallery p.f-light You also have the option to enable animated thumbnails from the settings. Zoom & Fullscreen. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/iconset.png", alt="") .frame-details h5 Icons p.f-light We have provide 4 & 5 types of different icons.most trending icons like font awesome, feather icons. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/layout.png", alt="") .frame-details h5 Layout p.f-light Those that seamlessly adjust to different screen sizes and responsive layouts for your business. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/uikits.png", alt="") .frame-details h5 Ui kits p.f-light We are provide bunch of ui kits for create easy design and reusable components #django.tab-pane.fade(role='tabpanel' aria-labelledby='django-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/django.png", alt="") .frame-details h5 Django 4 p.f-light With jinja pre installed with it, reusing code requires no effort.And being python framework it makes you website pretty secure. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/bootstrap.png", alt="") .frame-details h5 Bootstrap 5x p.f-light To make designing process more simpler we have used bootstrap, which provides pre-made classes with styles attached to it, ready to use. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/css.png", alt="") .frame-details h5 CSS p.f-light Along with the bootstrap css, It was necessary to use css files to implement some functionalities along with scss files. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/sass.png", alt="") .frame-details h5 sass p.f-light We have used sass. It allows us to use things like variables , inline imports and many other things. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/kit.png", alt="") .frame-details h5 Starter-kit p.f-light We have also included a starter kit so you have some files already ready to use. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/uikits.png", alt="") .frame-details h5 40+ Ui kits p.f-light While creating your custom website you might need small components like range sliders, buttons etc. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/layout.png", alt="") .frame-details h5 8+layouts p.f-light Considering multiple uses for our theme, many type of settings have been used to create multiple page layouts. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/builders.png", alt="") .frame-details h5 Builders p.f-light We have given builders like form, page builders where you can drag and drop small elements to create whole page or forms. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/iconset.png", alt="") .frame-details h5 Icon sets p.f-light we thought that just few icon sets wouldn't be enough to create an amazing website, so we gave 7 sets of them to choose from. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/forms.png", alt="") .frame-details h5 Forms p.f-light Many forms styles and functionalities related to it has been included in this theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/table.png", alt="") .frame-details h5 Tables p.f-light we need a way to display table and manage them, and to do that we have included tables , and customization options for them as well. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/apps.png", alt="") .frame-details h5 17+apps p.f-light It doesn't end here, explore the theme and discovery many amazing applications inside it. #flask.tab-pane.fade(role='tabpanel' aria-labelledby='flask-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/flask/flask.png", alt="") .frame-details h5 Flask 2.2.2 p.f-light With jinja pre installed with it, reusing code requires no effort.And being python framework it makes you website pretty secure. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/bootstrap.png", alt="") .frame-details h5 Bootstrap 5x p.f-light To make designing process more simpler we have used bootstrap, which provides pre-made classes with styles attached to it, ready to use. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/css.png", alt="") .frame-details h5 CSS p.f-light It was necessary to use css files to implement some functionalities along with scss files. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/sass.png", alt="") .frame-details h5 SCSS p.f-light we have used sass. It allows us to use things like variables , inline imports and many other things. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/uikits.png", alt="") .frame-details h5 40+ Ui kits p.f-light you might need small components like range sliders, buttons etc. We have provided many different elements. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/kit.png", alt="") .frame-details h5 Starter-kit p.f-light We have also included a starter kit so you have some files already ready to use. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/layout.png", alt="") .frame-details h5 8+layouts p.f-light Considering multiple uses for our theme, many type of settings have been used to create multiple page layouts. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/builders.png", alt="") .frame-details h5 Builders p.f-light We have given builders like form, page builders where you can drag and drop small elements to create whole page or forms. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/iconset.png", alt="") .frame-details h5 Icon sets p.f-light we thought that just few icon sets wouldn't be enough to create an amazing website, so we gave 7 sets of them to choose from. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/forms.png", alt="") .frame-details h5 Forms p.f-light Many forms styles and functionalities related to it has been included in this theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/table.png", alt="") .frame-details h5 Tables p.f-light we need a way to display table and manage them, and to do that we have included tables , and customization options for them as well. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/django/apps.png", alt="") .frame-details h5 17+apps p.f-light It doesn't end here, explore the theme and discovery many amazing applications inside it. #nodejs.tab-pane.fade(role='tabpanel' aria-labelledby='nodejs-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/stroke-icon/10.svg", alt="") .frame-details h5 Node.js p.f-light It is amongst the best javascript runtime compiler, which allows you to run javascript in you system without using any browser. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/node/1.png", alt="") .frame-details h5 Express.js p.f-light Express is a light-weight framework of node js. We get amazing functionalities out the box, which has been used extensively in this theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/vue/nojquery.png", alt="") .frame-details h5 No Jquery p.f-light JQuery interferes with javascript of react sometimes.we made sure that it does'nt do that. How? We have not used it in our theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/14.png", alt="") .frame-details h5 Chat p.f-light A Design of a chat application has been given, so that you can create your own chat app in your theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/chart.png", alt="") .frame-details h5 Amazing Chart p.f-light Data visualization seems boring without them. To provide more visually pleasing way to present data. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/map.png", alt="") .frame-details h5 Map p.f-light Frankly we would be lost without them. But no worries, many of them are given in our theme. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/gallery.png", alt="") .frame-details h5 Gallery p.f-light You have many pictures , we have ways to display them. With multiple gallery options, managing pictures is now easy. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/react/application.png", alt="") .frame-details h5 Application p.f-light It doesn't end here, explore the theme and discovery many amazing applications inside it. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/node/2.png", alt="") .frame-details h5 Ejs template engine p.f-light With the help of ejs template engine, we can use same html code repeatedly. Just create a single file and use it as many time you want. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/node/2.png", alt="") .frame-details h5 Express-ejs-layouts p.f-light We have created layouts to set this default components and just pass the content through it. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/4.png", alt="") .frame-details h5 Router p.f-light Through router, by attaching different components to different navigation routes. #symfony.tab-pane.fade(role='tabpanel' aria-labelledby='symfony-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/stroke-icon/12.svg", alt="") .frame-details h5 Symfony p.f-light Symfony has been one of the most prevalent PHP frameworks for a long time now .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/bootstrap.png", alt="") .frame-details h5 Bootstrap 5 p.f-light It is designed to generate responsive front-end web development | that is mobile-friendly. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/feature-icon/7.svg", alt="") .frame-details h5 Twig template p.f-light Twig reduces templates to simple, PHP code that has been optimised. When compared to standard PHP code, the overhead was significantly reduced. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/forms.png", alt="") .frame-details h5 Form p.f-light To facilitate | form access and modification, the fields and field labels are | logically arranged. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/6.png", alt="") .frame-details h5 Apex chart p.f-light It also has its own special | characteristics that will make the data genuinely interactive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/7.png", alt="") .frame-details h5 Chart.js p.f-light It makes data visualisation simple. It offers 8 different chart kinds, | all of which are responsive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/8.png", alt="") .frame-details h5 Chartist p.f-light Chartist gives designers and developers the chance to | make charts that are cross-browser compatible. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/apps.png", alt="") .frame-details h5 Apps p.f-light Assist you in building the most user-friendly, dynamic websites | and applications with cutting-edge designs .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/10.png", alt="") .frame-details h5 Gallery p.f-light You also have the option to enable animated thumbnails from the settings. Zoom & Fullscreen. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/iconset.png", alt="") .frame-details h5 Icons p.f-light We have provide 4 & 5 types of different icons.most trending icons like font awesome, feather icons. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/layout.png", alt="") .frame-details h5 Layout p.f-light Those that seamlessly adjust to different screen sizes and responsive layouts for your business. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/uikits.png", alt="") .frame-details h5 Ui kits p.f-light We are provide bunch of ui kits for create easy design and reusable components #php.tab-pane.fade(role='tabpanel' aria-labelledby='php-tab') .row.g-xxl-5.g-4 .col-xxl-4.col-md-6 .framework-box .frame-icon img(src='../assets/images/landing/stroke-icon/8.svg' alt='') .frame-details h5 PHP p.f-light PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/bootstrap.png", alt="") .frame-details h5 Bootstrap 5 p.f-light It is designed to generate responsive front-end web development | that is mobile-friendly. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/forms.png", alt="") .frame-details h5 Form p.f-light To facilitate | form access and modification, the fields and field labels are | logically arranged. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/6.png", alt="") .frame-details h5 Apex chart p.f-light It also has its own special | characteristics that will make the data genuinely interactive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/7.png", alt="") .frame-details h5 Chart.js p.f-light It makes data visualisation simple. It offers 8 different chart kinds, | all of which are responsive. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/8.png", alt="") .frame-details h5 Chartist p.f-light Chartist gives designers and developers the chance to | make charts that are cross-browser compatible. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/apps.png", alt="") .frame-details h5 Apps p.f-light Assist you in building the most user-friendly, dynamic websites | and applications with cutting-edge designs .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/angular/10.png", alt="") .frame-details h5 Gallery p.f-light You also have the option to enable animated thumbnails from the settings. Zoom & Fullscreen. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/iconset.png", alt="") .frame-details h5 Icons p.f-light We have provide 4 & 5 types of different icons.most trending icons like font awesome, feather icons. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/layout.png", alt="") .frame-details h5 Layout p.f-light Those that seamlessly adjust to different screen sizes and responsive layouts for your business. .col-xxl-4.col-md-6 .framework-box .frame-icon img(src="../assets/images/landing/icon/html/uikits.png", alt="") .frame-details h5 Ui kits p.f-light We are provide bunch of ui kits for create easy design and reusable components section#components.section-space.components-section.cuba-demo-section.pt-0 .container ul.decoration li.flower-gif .mesh-loader .set-one .circle .circle .set-two .circle .circle .row .col-sm-12.wow.pulse .cuba-demo-content .couting h2 90+ .landing-title h5.sub-title Usable Components h2 span.gradient-8 UI components | is first class p | The UI components will facilitate you in developing the most user-friendly, | interactive websites and applications with cutting-edge design features. .vector-image img(src="../assets/images/landing/vectors/3.svg", alt="vector women") .container-fluid .row.component_responsive.g-3.mb-3(data-jarallax-element="0 100") .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/1.svg' alt='') h6.m-0.Pt-4 SweetAlert2 .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/2.svg' alt='') h6.m-0 Avatar .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/3.svg' alt='') h6.m-0 Scrollable .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/4.svg' alt='') h6.m-0 Tree view .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/5.svg' alt='') h6.m-0 Bootstrap notify .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/6.svg' alt='') h6.m-0 Rating .row.component_responsive.g-3.mb-3(data-jarallax-element="0 -150") .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/7.svg' alt='') h6.m-0 Dropzone .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/8.svg' alt='') h6.m-0 Tour .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/9.svg' alt='') h6.m-0 Animated modal .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/10.svg' alt='') h6.m-0 Owl Carousel .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/11.svg' alt='') h6.m-0 Ribbons .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/12.svg' alt='') h6.m-0 Pagination .row.component_responsive.g-3.mb-3(data-jarallax-element="0 100") .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/13.svg' alt='') h6.m-0 Steps .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/14.svg' alt='') h6.m-0 Breadcrumb .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/15.svg' alt='') h6.m-0 Range Slider .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/16.svg' alt='') h6.m-0 image cropper .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/17.svg' alt='') h6.m-0 Sticky .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/18.svg' alt='') h6.m-0 Progress .row.component_responsive.g-3.mb-3(data-jarallax-element="0 -150") .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/19.svg' alt='') h6.m-0 Tooltip .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/20.svg' alt='') h6.m-0 Spinners .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/21.svg' alt='') h6.m-0 Dropdown .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/22.svg' alt='') h6.m-0 Tabs .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/23.svg' alt='') h6.m-0 Accordion .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/24.svg' alt='') h6.m-0 Navs .row.component_responsive.g-3(data-jarallax-element="0 100") .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/25.svg' alt='') h6.m-0 Shadow .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/26.svg' alt='') h6.m-0 state color .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/27.svg' alt='') h6.m-0 List .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/28.svg' alt='') h6.m-0 Grid .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/29.svg' alt='') h6.m-0 Helper classes .col-xxl-2.col-lg-3.col-md-4.col-6.component-col-set .component-hover-effect img(src='../assets/images/landing/icon/30.svg' alt='') h6.m-0 Typography section.section-space.cuba-demo-section.bg-Widget.pt-0 .container .row .col-sm-12.wow.pulse .landing-title h5.sub-title Our cards h2 | Introducing Our span.gradient-9 Cards collections p | Utilise the adaptable and practical templates to make your web application | outstanding and more creative that provides you a competitive advantage. .container-fluid.o-hidden .row.landing-cards .col-lg-12 .animate-slider .cards-image img(src="../assets/images/landing/cards.png", alt="") .cards-image img(src="../assets/images/landing/cards.png", alt="") section.section-space.document-section.feature-section.pt-0#documentation .container .row .col-sm-12.wow.pulse .landing-title h5.sub-title Our Documentation h2 span.gradient-5 Well | Documented p | Html, .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/html/document/" target="_blank").document-box .doc-icon.bg-icon1 img(src="../assets/images/landing/icon/django/bootstrap.png", alt="html logo") h5 Bootstrap 5 .col-xl-3.col-lg-4.col-6 a(href="https://angular-cuba-doc.vercel.app" target="_blank").document-box .doc-icon.bg-icon2 img(src="../assets/images/landing/icon/angular/angular.png", alt="angular logo") h5 Angular 15 .col-xl-3.col-lg-4.col-6 a(href="https://vue-cuba-doc.vercel.app/" target="_blank").document-box .doc-icon.bg-icon3 img(src="../assets/images/landing/icon/vue/vue.png", alt="vue logo") h5 Vue 3 .col-xl-3.col-lg-4.col-6 a(href="https://react-cuba-doc.vercel.app/" target="_blank").document-box .doc-icon.bg-icon4 img(src="../assets/images/landing/stroke-icon/4.svg", alt="react logo") h5 React .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/laravel/document/" target="_blank").document-box .doc-icon.bg-icon5 img(src="../assets/images/landing/icon/laravel/laravel.png", alt="laravel logo") h5 Laravel 9 .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/django/document/" target="_blank").document-box .doc-icon.bg-icon6 img(src="../assets/images/landing/icon/django/django.png", alt="django logo") h5 Django 4.0.4 .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/flask/document/" target="_blank").document-box .doc-icon.bg-icon7 img(src="../assets/images/landing/stroke-icon/7.svg", alt="flask logo") h5 Flask 2.2.2 .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/codeigniter/document/" target="_blank").document-box .doc-icon.bg-icon8 img(src="../assets/images/landing/icon/codeigniter/codeigniter-icon.png", alt="codeigniter logo") h5 Codeigniter .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/node/document/" target="_blank").document-box .doc-icon.bg-icon9 img(src="../assets/images/landing/stroke-icon/10.svg", alt="nodejs logo") h5 Nodejs .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/php/document/" target="_blank").document-box .doc-icon.bg-icon10 img(src="../assets/images/landing/stroke-icon/8.svg", alt="php logo") h5 PHP .col-xl-3.col-lg-4.col-6 a(href="https://docs.pixelstrap.com/cuba/symfony/document/" target="_blank").document-box .doc-icon.bg-icon11 img(src="../assets/images/landing/stroke-icon/12.svg", alt="php logo") h5 Symfony .bottom-section-grad section.section-space.about-section.pb-0 .container-fluid.fluid-space .row .col-sm-12 .landing-title.text-center h5.sub-title Best Customer Feedback h2 The opinions of our span.gradient-10 valuable | Customers p | we are always be there for your issues and support.if any query you can ask us on our theme supports .col-sm-12 .testimonial-slider .testimonial-box.common-card .rating-content ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.mb-0 | Feature Availability p.f-light Great Template, bought two in less than a week. For this price it is ridiculous not to purchase it. Beautiful design all across. Prebuilt integration with firebase auth, light and dark theme. p.f-light A very very good template. .text-end.mt-2 h5 flucadetena span.font-primary CUSTOMER .customer-img img(src="../assets/images/landing/testimonial/1.svg", alt="vector men") .testimonial-box.common-card .rating-content ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.mb-0 | Design Quality p.f-light I really love the Design. p.f-light I am using the React Option btw. p.f-light The Documentation is great and for 5$ you can't do anything wrong here.Its pretty easy to swap out the default design or implement a dark mode. I wish there was a tsx version(React Typescript) out of the box. But even wighout its great to work with. .text-end.mt-2 h5 MenschenToaster span.font-primary CUSTOMER .customer-img img(src="../assets/images/landing/testimonial/2.svg", alt="vector men") .testimonial-box.common-card .rating-content ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.mb-0 | Code Quality p.f-light Design, code quality, documentation, features, and best part is easy to integrate in project. This is a great product with great support. I loved the code quality which reduced my project time. .text-end.mt-2 h5 manthandesai999 span.font-primary CUSTOMER .customer-img img(src="../assets/images/landing/testimonial/3.svg", alt="vector women") .testimonial-box.common-card .rating-content ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.mb-0 | Code Quality p.f-light This is amazing! Seriously great job right here. Please increase price because you are simply offering this nearly for free. .text-end.mt-2 h5 maidot span.font-primary CUSTOMER .customer-img img(src="../assets/images/landing/testimonial/1.svg", alt="vector men") .testimonial-box.common-card .rating-content ul.d-flex.ratings.gap-1 li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star li i.fa.fa-star h6.mb-0 | Customer Support p.f-light Customer support is excelent. whenever have problem and not uderstand their support section always helps me. and Admin panel is very nice. Thanks .text-end.mt-2 h5 mahbuburriad span.font-primary CUSTOMER .customer-img img(src="../assets/images/landing/testimonial/2.svg", alt="vector men") section.faq-section.section-space#faq .container .row .col-sm-12 .landing-title.text-center h5.sub-title Frequently Ask Question h2 Do you have span.gradient-11 any Question? | Look Here p | You can freely reach out to us at any time with any questions! We'd always be happy to serve you. .vector-image img(src="../assets/images/landing/vectors/4.svg", alt="vector women") .col-sm-12 #faqaccordion.accordion .accordion-item h2#faq1.accordion-header button.accordion-button(type='button' data-bs-toggle='collapse' data-bs-target='#faqOne' aria-expanded='true' aria-controls='faqOne') | How can you assist me in achieving the ideal user behaviour? #faqOne.accordion-collapse.collapse.show(aria-labelledby='faq1' data-bs-parent='#faqaccordion') .accordion-body.f-light | Our team will assess the industry and undertake in-depth user | research. We'll design templates and different website | demonstrations, drive engagement, and do A/B tests to determine | whether they are operating at their peak capacity. .accordion-item h2#faq2.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#faqTwo' aria-expanded='false' aria-controls='faqTwo') | How long will the website's design take? #faqTwo.accordion-collapse.collapse(aria-labelledby='faq2' data-bs-parent='#faqaccordion') .accordion-body.f-light | Well, it certainly depends on what the clients want, therefore we | really pay close attention to what the "X Factor" is that the | customer or company needs to distinguish itself from the | competition. .accordion-item h2#faq3.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#faqThree' aria-expanded='false' aria-controls='faqThree') | Are there any hidden fees? #faqThree.accordion-collapse.collapse(aria-labelledby='faq3' data-bs-parent='#faqaccordion') .accordion-body.f-light | The pricing is the entire sum that you will have to pay. There are | no setup fees, cancellation fees, or other extra or hidden costs. | Everything you need to pay for, including all taxes, is included in | the package. .accordion-item h2#faq4.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#faqFour' aria-expanded='false' aria-controls='faqFour') | What do you mean by item and end product? #faqFour.accordion-collapse.collapse(aria-labelledby='faq4' data-bs-parent='#faqaccordion') .accordion-body.f-light | The item is what you purchase from Envato Market. The end product is what you build with that item. .accordion-item h2#faq5.accordion-header button.accordion-button.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#faqFive' aria-expanded='false' aria-controls='faqFive') | Can I use an item as an element of my logo or branding? #faqFive.accordion-collapse.collapse(aria-labelledby='faq5' data-bs-parent='#faqaccordion') .accordion-body.f-light | Only items from the logo category on GraphicRiver are intended to be used as logos. Other items can't be used in logos or branding. None of our items, not even logos, can be trademarked. section.pricing-section.section-space.pt-0 ul.decoration li.loader-line-gif img(src="../assets/images/landing/gifs/6.gif", alt="") li.loader-gif span.loader-1 .container .row .col-lg-5 .landing-title.text-start h5.sub-title Our license h2 Take a Look at Our span.gradient-12 Engagement Models p.mx-0 | We've made it simple for customers to get in touch with us and get their | solutions woven. We definitely make sure to present ourselves in the best light | and provide the most value for the money. .col-lg-7 .row.g-3 .col-sm-6 .pricing-box h4 Regular License p Use by you in a single product where user span.font-primary are not charged. ul.license-list li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6.f-light Support for 6 months li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6.f-light Free future template updates li img(src="../assets/images/landing/icon/wrong.png", alt="Wrong icon") h6.f-light Use in an end product that's sold .purchase-details h2 $24.00 a.btn.btn-primary.btn-lg.rounded-pill.purchase-btn(href="https://1.envato.market/3GVzd") Purchase now .col-sm-6 .pricing-box h4 Extended License p Use by you in a single product where user span.font-primary are charged. ul.license-list li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6.f-light Support for 6 months li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6.f-light Free future template updates li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6.f-light Use in an end product that's sold .purchase-details h2 $499.00 a.btn.btn-primary.btn-lg.rounded-pill.purchase-btn(href="https://1.envato.market/3GVzd") Purchase now footer.footer-bg .container .landing-center.ptb50 .feature-content ul li h4 Trending Template img(src="../assets/images/landing/feature-img.png", alt="leaf golden") li h4 Overall Best rated Template img(src="../assets/images/landing/feature-img.png", alt="leaf golden") li h4 Weekly Best Seller img(src="../assets/images/landing/feature-img.png", alt="leaf golden") .landing-title h2 Build a span.gradient-13 stunning site | today p The Cuba Bootstrap Admin Theme Trusted By Many Developers World Wide.If You like Our Template So Please Rate Us. .footer-content ul.license-list li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6 Free future template updates li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6 Premium bundled plugins li img(src="../assets/images/landing/icon/right.svg", alt="Right icon") h6 Quality checked by Envato a.btn.btn-lg.btn-primary.rounded-pill.purchase-btn(target='_blank' href='https://1.envato.market/3GVzd') Buy Now .sub-footer.row.g-2 .col-md-6 h6.mb-0 Copyright © 2022 Cuba, All rights reserved. .col-md-6 ul li h6.mb-0 Find us on li a(href="https://www.facebook.com/") i.fa.fa-facebook-square li a(href="https://twitter.com/login") i.fa.fa-twitter include ../../components/landing-footer-files