CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Spaces - Bootstrap Directory Listing Template by Themesberg</title><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="title" content="Spaces - Bootstrap Directory Listing Template by Themesberg"><meta name="author" content="Themesberg"><meta name="description" content="Premium Directory Listing Bootstrap 4 Template featuring 37 hand-crafted pages, a dashboard an Mapbox integration. Spaces also comes with a complete UI Kit featuring over 700 components by Themesberg."><meta name="keywords" content="bootstrap, bootstrap 4 template, directory listing bootstrap, bootstrap 4 listing, bootstrap listing, bootstrap 4 directory listing template, vector map, leaflet js template, mapbox theme, mapbox template, dashboard, themesberg, user dashboard bootstrap, dashboard bootstrap, ui kit, bootstrap ui kit, premium bootstrap theme"><link rel="canonical" href="https://themesberg.s3.us-east-2.amazonaws.com/public/products/spaces/thumbnail.jpg"><meta property="og:type" content="website"><meta property="og:url" content="https://demo.themesberg.com/pixel-pro"><meta property="og:title" content="Spaces - Bootstrap Directory Listing Template by Themesberg"><meta property="og:description" content="Premium Directory Listing Bootstrap 4 Template featuring 37 hand-crafted pages, a dashboard an Mapbox integration. Spaces also comes with a complete UI Kit featuring over 700 components by Themesberg."><meta property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/spaces/thumbnail.jpg"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://demo.themesberg.com/pixel-pro"><meta property="twitter:title" content="Spaces - Bootstrap Directory Listing Template by Themesberg"><meta property="twitter:description" content="Premium Directory Listing Bootstrap 4 Template featuring 37 hand-crafted pages, a dashboard an Mapbox integration. Spaces also comes with a complete UI Kit featuring over 700 components by Themesberg."><meta property="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/spaces/thumbnail.jpg"><link rel="apple-touch-icon" sizes="120x120" href="./assets/img/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicon/favicon-16x16.png"><link rel="manifest" href="./assets/img/favicon/site.webmanifest"><link rel="mask-icon" href="./assets/img/favicon/safari-pinned-tab.svg" color="#ffffff"><meta name="msapplication-TileColor" content="#ffffff"><meta name="theme-color" content="#ffffff"><link type="text/css" href="./vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"><link type="text/css" href="./vendor/leaflet/dist/leaflet.css" rel="stylesheet"><link rel="stylesheet" href="./vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.css"><link rel="stylesheet" href="./vendor/jqvmap/dist/jqvmap.min.css"><link type="text/css" href="./css/spaces.css" rel="stylesheet"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-141734189-5"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-141734189-5');</script></head><body><header class="header-global"><nav id="navbar-main" class="navbar navbar-main navbar-theme-primary navbar-expand-lg headroom py-lg-3 px-lg-6 navbar-dark"><div class="container"><a class="navbar-brand @@logo_classes" href="./index.html"><img class="navbar-brand-dark common" src="./assets/img/brand/light.svg" height="35" alt="Logo light"> <img class="navbar-brand-light common" src="./assets/img/brand/dark.svg" height="35" alt="Logo dark"></a><div class="navbar-collapse collapse" id="navbar_global"><div class="navbar-collapse-header"><div class="row"><div class="col-6 collapse-brand"><a href="./index.html"><img src="./assets/img/brand/dark.svg" height="35" alt="Logo Impact"></a></div><div class="col-6 collapse-close"><a href="#navbar_global" role="button" class="fas fa-times" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"></a></div></div></div><ul class="navbar-nav navbar-nav-hover justify-content-center"><li class="nav-item dropdown"><a href="#" id="mainPagesDropdown" class="nav-link dropdown-toggle" aria-expanded="false" data-toggle="dropdown"><span class="nav-link-inner-text mr-1">Front pages</span> <i class="fas fa-angle-down nav-link-arrow"></i></a><div class="dropdown-menu dropdown-megamenu p-3 p-lg-4" aria-labelledby="mainPagesDropdown"><div class="row"><div class="col-6 col-lg-4"><h6 class="d-block mb-3 text-primary">Main pages</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/index.html">Landing</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/index-2.html">Landing 2</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/index-3.html">Landing 3</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/about.html">About</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/pricing.html">Pricing</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/team.html">Team</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/contact.html">Contact</a></li></ul><h6 class="d-block text-primary">Legal</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/legal.html">Legal center</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/terms.html">Terms & agreement</a></li></ul></div><div class="col-6 col-lg-4"><h6 class="d-block mb-3 text-primary">Listing</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/all-spaces.html">All spaces</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/all-spaces-map.html">Map view</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/all-spaces-sidebar.html">All spaces sidebar</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/single-space.html">Space details</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/profile.html">Profile</a></li></ul><h6 class="d-block mb-3 text-primary">Support</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/support.html">Support center</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/support-topic.html">Support topic</a></li></ul><h6 class="d-block mb-3 text-primary">Blog</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/blog.html">Blog</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/blog-post.html">Blog post</a></li></ul></div><div class="col-6 col-lg-4"><h6 class="d-block mb-3 text-primary">User</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/sign-in.html">Sign in</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/sign-up.html">Sign up</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/forgot-password.html">Forgot password</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/reset-password.html">Reset password</a></li></ul><h6 class="d-block mb-3 text-primary">Special</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/404.html">404 Not Found</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/500.html">500 Server Error</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/maintenance.html">Maintenance</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/coming-soon.html">Coming soon</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/blank.html">Blank page</a></li></ul></div></div></div></li><li class="nav-item dropdown"><a href="#" id="dashboardPagesDropdown" class="nav-link dropdown-toggle" aria-expanded="false" data-toggle="dropdown"><span class="nav-link-inner-text mr-1">Dashboard</span> <i class="fas fa-angle-down nav-link-arrow"></i></a><div class="dropdown-menu dropdown-megamenu-sm p-3 p-lg-4" aria-labelledby="dashboardPagesDropdown"><div class="row"><div class="col-6"><h6 class="d-block mb-3 text-primary">User dashboard</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/account.html">My account</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/settings.html">Settings</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/security.html">Security</a></li></ul><h6 class="d-block mb-3 text-primary">Items</h6><ul class="list-style-none"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/my-items.html">My items</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/edit-item.html">Edit item</a></li></ul></div><div class="col-6"><h6 class="d-block mb-3 text-primary">Messaging</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/messages.html">Messages</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/single-message.html">Chat</a></li></ul><h6 class="d-block mb-3 text-primary">Billing</h6><ul class="list-style-none mb-4"><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/billing.html">Billing details</a></li><li class="mb-2 megamenu-item"><a class="megamenu-link" href="./html/dashboard/invoice.html">Invoice</a></li></ul></div></div></div></li><li class="nav-item dropdown"><a href="#" id="supportDropdown" class="nav-link dropdown-toggle" aria-expanded="false" data-toggle="dropdown"><span class="nav-link-inner-text mr-1">Support</span> <i class="fas fa-angle-down nav-link-arrow"></i></a><div class="dropdown-menu dropdown-menu-lg" aria-labelledby="supportDropdown"><div class="col-auto px-0"><div class="list-group list-group-flush"><a href="https://themesberg.com/docs/spaces/getting-started/quick-start/" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-0 py-3 px-lg-4"><span class="icon icon-md icon-secondary"><i class="fas fa-file-alt"></i></span><div class="ml-4"><span class="text-dark d-block">Documentation<span class="badge badge-sm badge-secondary ml-2">v3.0</span></span> <span class="small">Examples and guides</span></div></a><a href="https://themesberg.com/contact" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-0 py-3 px-lg-4"><span class="icon icon-md icon-primary"><i class="fas fa-microphone-alt"></i></span><div class="ml-4"><span class="text-dark d-block">Support</span> <span class="small">Looking for answers?</span></div></a></div></div></div></li></ul></div><div class="d-none d-lg-block @@cta_button_classes"><a href="https://themesberg.com/docs/spaces/components/buttons/" target="_blank" class="btn btn-md btn-outline-white animate-up-2 mr-3"><i class="fas fa-book mr-1"></i> <span class="d-xl-none">Docs</span> <span class="d-none d-xl-inline">Components</span></a> <a href="https://themesberg.com/product/bootstrap-themes/spaces-bootstrap-directory-listing-template" target="_blank" class="btn btn-md btn-secondary animate-up-2"><i class="fas fa-shopping-bag mr-2"></i> Buy now</a></div><div class="d-flex d-lg-none align-items-center"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button></div></div></nav></header><main><div class="preloader bg-dark flex-column justify-content-center align-items-center"><div class="position-relative"><img src="./assets/img/brand/light-without-letter.svg" alt="Logo loader"> <img src="./assets/img/brand/letter.svg" class="rotate-letter" alt="Letter loader"></div></div><section class="section-header pb-9 pb-lg-12 bg-primary text-white"><div class="container"><div class="row"><div class="col-12 text-center"><img src="./assets/img/brand/light.svg" height="50" class="mb-4" alt="Spaces logo"><p class="lead px-md-6 mb-5">Bootstrap 4 Directory Listing Template</p><div class="d-flex justify-content-center mb-6"><a href="./html/index.html" class="btn btn-secondary animate-up-2 mr-4">Live demo</a> <a href="#pricing" class="btn btn-outline-white animate-up-2">Pricing plan</a></div><div class="d-flex justify-content-center flex-column mb-6"><a href="https://themesberg.com" target="_blank"><img src="./assets/img/themesberg.svg" class="d-block mx-auto mb-3" height="25" width="25" alt="Themesberg Logo"> <span class="text-muted font-small">A Themesberg production</span></a></div></div></div></div></section><div class="section pt-0"><div class="container mt-n10 mt-lg-n12 z-2"><div class="row justify-content-center"><div class="col-12"><img src="./assets/img/presentation-mockup.png" alt="illustration"></div></div></div></div><section class="section section-sm pt-0"><div class="container"><div class="row justify-content-center mb-5 mb-lg-6"><div class="col-12 text-center"><h2 class="h1 px-lg-5">37 hand-crafted pages</h2><p class="lead px-lg-10">Every page from Spaces has been carefully built to provide all the necessary pages your Listings will require</p></div></div><div class="row justify-content-center mb-5"><div class="col-12"><h2 class="mb-4 mb-lg-5">Front</h2></div><div class="col-6 col-lg-3 mb-5"><a href="./html/index.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/index.jpg" alt="Landing page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Landing 1<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/index-2.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/index-2.jpg" alt="Landing 2 page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Landing 2<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/index-3.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/index-3.jpg" alt="Landing 3 page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Landing 3<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/about.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/about.jpg" alt="About page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">About <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/pricing.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/pricing.jpg" alt="Pricing page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Pricing <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/team.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/team.jpg" alt="Team page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Team <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/contact.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/contact.jpg" alt="Contact page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Contact <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/all-spaces.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/all-spaces.jpg" alt="All Spaces page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">All Spaces <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/all-spaces-sidebar.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/all-spaces-sidebar.jpg" alt="All Spaces Sidebar page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">All Spaces Sidebar <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/all-spaces-map.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/all-spaces-map.jpg" alt="All Spaces Map center page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">All Spaces Map <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/single-space.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/single-space.jpg" alt="Single Space page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Single Space <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/profile.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/public-profile.jpg" alt="Public Profile page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Public Profile <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/blog.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/blog.jpg" alt="Blog page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Blog <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/blog-post.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/blog-single.jpg" alt="Blog post page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Blog post <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/support.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/support.jpg" alt="Support page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Support <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/support-topic.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/support-topic.jpg" alt="Support Topic page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Support Topic <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/legal.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/legal.jpg" alt="Legal page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Legal <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/terms.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/terms.jpg" alt="Terms page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Terms <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/sign-in.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/sign-in.jpg" alt="Sign in page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Sign in <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/sign-up.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/sign-up.jpg" alt="Sign up page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Sign up <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/forgot-password.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/forgot-password.jpg" alt="Forgot Password preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Forgot Password <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/reset-password.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/reset-password.jpg" alt="Reset Password preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Reset Password <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/coming-soon.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/coming-soon.jpg" alt="Coming Soon preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Coming Soon <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/404.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/404.jpg" alt="404 preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">404 Not Found <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/500.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/500.jpg" alt="500 preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">500 Server Error <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/maintenance.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/maintenance.jpg" alt="Maintenance preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Maintenance <span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/submit-item.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/submit-item.jpg" alt="Submit Page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Submit Item<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/blank.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/blank-page.jpg" alt="Blank Page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Blank Page<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div></div><div class="row justify-content-center"><div class="col-12"><h2 class="mb-4 mb-lg-5">Dashboard</h2></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/account.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/account.jpg" alt="Account page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Overview<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/settings.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/settings.jpg" alt="Settings page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Settings<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/my-items.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/my-items.jpg" alt="My Items page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">My Items<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/edit-item.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/edit-item.jpg" alt="Edit Item page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Edit Item<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/security.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/security.jpg" alt="Security page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Security<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/billing.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/billing.jpg" alt="Billing page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Billing<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/invoice.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/invoice.jpg" alt="Invoice page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Invoice<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/messages.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/messages.jpg" alt="Messages page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Messages<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div><div class="col-6 col-lg-3 mb-5"><a href="./html/dashboard/single-message.html" class="page-preview scale-up-hover-2"><img class="shadow-lg rounded scale" src="./assets/img/presentation/single-message.jpg" alt="Single Message page preview"><div class="text-center show-on-hover"><h6 class="m-0 text-center text-white">Single Message<span class="fas fa-external-link-alt ml-2"></span></h6></div></a></div></div></div></section><section class="section section-sm pt-0"><div class="container"><div class="row justify-content-center"><div class="col-6 col-md-3 text-center mb-4"><div class="icon icon-shape icon-lg bg-white shadow-lg border-light rounded-circle icon-secondary mb-4"><span class="fas fa-pager"></span></div><h3 class="font-weight-bolder">37</h3><p class="text-gray">Hand-crafted pages</p></div><div class="col-6 col-md-3 text-center mb-4"><div class="icon icon-shape icon-lg bg-white shadow-lg border-light rounded-circle icon-secondary mb-4"><span class="fas fa-puzzle-piece"></span></div><h3 class="font-weight-bolder">700+</h3><p class="text-gray">Premium Components</p></div><div class="col-6 col-md-3 text-center"><div class="icon icon-shape icon-lg bg-white shadow-lg border-light rounded-circle icon-secondary mb-4"><span class="fab fa-sass"></span></div><h3 class="font-weight-bolder">Workflow</h3><p class="text-gray">Sass & Gulp + BrowserSync</p></div><div class="col-6 col-md-3 text-center"><div class="icon icon-shape icon-lg bg-white shadow-lg border-light rounded-circle icon-secondary mb-4"><span class="fas fa-book"></span></div><h3 class="font-weight-bolder">Full</h3><p class="text-gray">Documentation</p></div></div></div></section><section class="section section-lg bg-soft"><div class="container"><div class="row justify-content-between align-items-center mb-5 mb-lg-7"><div class="col-lg-5 order-lg-2 mb-5 mb-lg-0"><h2 class="h1">Mapbox</h2><p class="mb-4 lead">Markers and cards integration with Leaflet.js</p><p class="mb-4">We know how important it is to also offer a map and marker view for your listing items, so we created a simple to use and beautiful Mapbox integration.</p><a href="./html/all-spaces-map.html" class="btn btn-secondary animate-up-2 mr-3"><span class="fas fa-map-marked-alt mr-2"></span> Demo</a> <a href="https://themesberg.com/docs/spaces/plugins/mapbox/" target="_blank" class="btn btn-outline-primary animate-up-2"><span class="fas fa-book mr-2"></span> Mapbox Guide</a></div><div class="col-lg-6 order-lg-1"><img src="./assets/img/presentation-mockup-map.png" alt="Front pages overview"></div></div><div class="row justify-content-between align-items-center"><div class="col-lg-5"><h2 class="h1">Dashboard</h2><p class="mb-4 lead">9 advanced user dashboard pages</p><p class="mb-4">Spaces provides your business with all of the necessary user dashboard pages: such as settings, items management, messaging, billing details and so on.</p><div class="d-flex justify-content-between mt-lg-4 mb-5"><div><a href="./html/dashboard/account.html" class="btn btn-tertiary animate-up-2"><span class="fas fa-chart-line mr-2"></span> Dashboard demo</a></div></div></div><div class="col-lg-6"><img src="./assets/img/presentation-mockup-dashboard.png" alt="Dashboard Preview"></div></div></div></section><section class="section section-lg bg-primary text-white"><div class="container"><div class="row justify-content-center mb-5 mb-lg-6"><div class="col-12 text-center"><h2 class="h1 px-lg-5">Awesome Features</h2><p class="lead px-lg-8">You get all Bootstrap components fully customized. Besides, you receive numerous plugins out of the box and ready to use.</p></div></div><div class="row"><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fab fa-bootstrap"></span></span><h5 class="font-weight-normal text-primary">Bootstrap</h5><p>Built with the most popular CSS Framework</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fab fa-sass"></span></span><h5 class="font-weight-normal text-primary">Sass</h5><p>Variables and mixins to empower development</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fas fa-mobile-alt"></span></span><h5 class="font-weight-normal text-primary">Responsive</h5><p>All pages and components are 100% responsive</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fab fa-gulp"></span></span><h5 class="font-weight-normal text-primary">Gulp</h5><p>Gulp & BrowserSync for a flawless workflow</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="far fa-images"></span></span><h5 class="font-weight-normal text-primary">Creative rights</h5><p>All images, icons and fonts are licensed & free to use</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="far fa-file-alt"></span></span><h5 class="font-weight-normal text-primary">Documentation</h5><p>Everything that comes with Spaces is well documented</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fab fa-accessible-icon"></span></span><h5 class="font-weight-normal text-primary">WCAG Accessibility</h5><p>Accessibility oriented design and functionality</p></div></div></div><div class="col-12 col-sm-6 col-lg-3"><div class="card bg-white shadow-soft text-primary rounded mb-4"><div class="px-3 py-5 text-center"><span class="icon icon-lg icon-secondary mb-4"><span class="fab fa-html5"></span></span><h5 class="font-weight-normal text-primary">W3C Validated</h5><p>HTML pages are all valid by W3C Standards</p></div></div></div></div></div></section><section class="section section-lg line-bottom-soft"><div class="container"><div class="row justify-content-center mb-5 mb-lg-6"><div class="col-12 text-center"><h2 class="h1 px-lg-5">What's inside?</h2><p class="lead px-lg-8">We have carefully crafted the perfect folder structure to ensure that finding the files you're looking for are easily reachable and well organized.</p></div></div><div class="row d-flex align-items-center"><div class="col-12 col-lg-6 mb-4"><div class="d-none d-lg-block mt-5"><h4>You need only HTML, CSS and Javascript?</h4><p class="lead mb-4">Don't worry, we got you covered. We have a folder called <code class="text-danger">html&css</code> which includes only the basic HTML5, CSS3 and Javascript technologies.</p><a href="https://themesberg.com/docs/spaces/getting-started/file-structure/" target="_blank" class="btn btn-md btn-secondary animate-up-2"><i class="fas fa-book mr-2"></i> File structure</a></div></div><div class="col-12 col-lg-6 order-lg-first d-flex justify-content-center"><ul class="d-block fmw-100 list-style-none folder-structure"><li data-toggle="tooltip" data-placement="left" title="Main folder that you will be working with"><i class="fas fa-folder mr-2"></i>src</li><li><ul class="list-style-none pl-4"><li data-toggle="tooltip" data-placement="left" title="CSS, Images, Fonts and Javascript"><i class="fas fa-folder mr-2"></i> assets</li><li data-toggle="tooltip" data-placement="left" title="HTML templates"><i class="fas fa-folder mr-2"></i> html</li><li data-toggle="tooltip" data-placement="left" title="Partials are HTML snippets that are included in multiple pages, such as the menu or footer"><i class="fas fa-folder mr-2"></i> partials</li><li data-toggle="tooltip" data-placement="left" title="Sass source files"><i class="fas fa-folder mr-2"></i> scss</li><li data-toggle="tooltip" data-placement="left" title="The page you're looking at right now. Call it inception."><i class="fab fa-html5 mr-2 text-secondary"></i> index.html</li></ul></li><li data-toggle="tooltip" data-placement="left" title="Spaces with only HTML, CSS and Javascript"><i class="fas fa-folder mr-2 text-muted"></i> html&css</li><li data-toggle="tooltip" data-placement="left" title="Temporary folder that is created when serving files with BrowserSync"><i class="fas fa-folder text-muted mr-2"></i>.temp</li><li data-toggle="tooltip" data-placement="left" title="Minified version of the project"><i class="fas fa-folder mr-2 text-muted"></i> dist</li><li data-toggle="tooltip" data-placement="left" title="Project dependencies from package.json"><i class="fas fa-folder text-muted mr-2"></i> node_modules</li><li data-toggle="tooltip" data-placement="left" title="Development workflow commands. We have them well documented."><i class="fab fa-js-square mr-2 text-warning"></i> gulpfile.js</li><li data-toggle="tooltip" data-placement="left" title="Project details and dependencies."><i class="fas fa-file-code mr-2 text-tertiary"></i> package.json</li><li data-toggle="tooltip" data-placement="left" title="No project can miss a README :)"><i class="fas fa-file-code mr-2 text-tertiary"></i> README.md</li><li data-toggle="tooltip" data-placement="left" title="This file ensures that generated files and folder are ignored by Git. (eg. node_modules)"><i class="fas fa-file-code mr-2 text-tertiary"></i> .gitignore</li></ul></div><div class="col-12 mt-5 d-lg-none"><h5>You need only HTML, CSS and Javascript?</h5><p>Don't worry, we got you covered. We have a folder called <code class="text-danger">html&css</code> which includes only the basic HTML5, CSS3 and Javascript technologies.</p></div></div></div></section><section class="section section-lg bg-primary"><div class="container"><div class="row justify-content-center text-center text-white mb-5"><div class="col-12"><h2 class="h1 font-weight-light mb-3">Less <span class="font-weight-bold">work</span>, more <span class="font-weight-bold">flow</span>.</h2><p class="lead px-lg-8">Boost productivity with BrowserSync. Sass changes are reflected instantly and pages scroll and refresh on devices as you work.</p></div></div><div class="row justify-content-center mb-6"><div class="col-md-10 col-xl-9"><div class="position-relative"><div class="rounded bg-white p-4 text-dark mb-2"><div class="mb-3"><div class="font-weight-normal">> $ npm install</div><div class="text-secondary">Everything鈥檚 installed!</div></div><div class="mb-3"><div class="font-weight-normal">> $ gulp</div><div class="text-secondary">SCSS watching</div><div class="text-secondary">LiveReload started</div><div class="text-secondary">Opening localhost:3000</div></div><div><div class="font-weight-normal">> $ that's it?</div><div class="text-secondary">It's that simple!</div></div></div></div><p class="mt-4 text-white text-center">Looks unfamiliar? Don鈥檛 worry! Our <a class="text-white text-underline font-weight-bold" href="https://themesberg.com/docs/spaces/getting-started/quick-start/" target="_blank">documentation</a> has got you covered.</p></div></div></div></section><section class="section bg-white"><div class="container"><div class="row justify-content-center"><div class="col-lg-10 text-center"><h2 class="h1">Got questions?</h2></div></div><div class="row justify-content-center"><div class="col-12 col-lg-8"><div class="accordion mt-5"><div class="card card-sm card-body border-light mb-0"><a href="#panel-what-is-spaces" data-target="#panel-what-is-spaces" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-what-is-spaces"><span class="icon-title h6 mb-0 font-weight-bold">What is Spaces?</span> <span class="icon"><span class="fas fa-plus"></span></span></a><div class="collapse" id="panel-what-is-spaces"><div class="pt-3"><p>Spaces is a premium web template that you can use to showcase and present your online business. We used the most popular CSS framework Bootstrap for the elements.</p></div></div></div><div class="card card-sm card-body border-light mb-0"><a href="#panel-demo" data-target="#panel-demo" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-demo"><span class="icon-title h6 mb-0 font-weight-bold">Do I have right to use the images, fonts and other creatives?</span> <span class="icon"><span class="fas fa-plus"></span></span></a><div class="collapse" id="panel-demo"><div class="pt-3"><p class="mb-0">Everything that you see in the preview is included in the downloaded product and can be used in your products based on our licensing terms.</p></div></div></div><div class="card card-sm card-body border-light mb-0"><a href="#panel-money-back" data-target="#panel-money-back" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-money-back"><span class="icon-title h6 mb-0 font-weight-bold">Is there a money back guarantee?</span> <span class="icon"><span class="fas fa-plus"></span></span></a><div class="collapse" id="panel-money-back"><div class="pt-3"><p>We offer a 30-day money back guarantee for clients that are not satisfied with the product.</p></div></div></div><div class="card card-sm card-body border-light mb-0"><a href="#panel-updates" data-target="#panel-updates" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-updates"><span class="icon-title h6 mb-0 font-weight-bold">Do I get free updates?</span> <span class="icon"><span class="fas fa-plus"></span></span></a><div class="collapse" id="panel-updates"><div class="pt-3"><p>By default we offer at least 6 months of updates for every product that we launch.</p></div></div></div><div class="card card-sm card-body border-light mb-0"><a href="#panel-support" data-target="#panel-support" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-support"><span class="icon-title h6 mb-0 font-weight-bold">Where can I get support?</span> <span class="icon"><span class="fas fa-plus"></span></span></a><div class="collapse" id="panel-support"><div class="pt-3"><p class="mb-0">Even for the smallest pricing plan we offer at least 6 months of premium support. Please check the pricing plan below for further details.</p></div></div></div></div></div></div><div class="row mt-lg-5 mt-5"><div class="col text-center"><p class="text-italic">Didn't find what you were looking for? No biggie!</p><a href="https://themesberg.com/contact" class="btn btn-sm btn-outline-primary" target="_blank">Contact us</a></div></div></div></section><section class="section section-lg bg-soft" id="pricing"><div class="container"><div class="row justify-content-center mb-6"><div class="col-12 col-lg-9 text-center"><h2 class="h1 mb-4">Choose the right plan for your business</h2><p class="lead">You have <span class="font-weight-bold text-primary">Free 6 Months of Updates</span> and <span class="font-weight-bold text-primary">Premium Support</span> on each package. You also have 30 days to request a refund if you're not happy with your purchase.</p></div></div><div class="row"><div class="col-12 col-lg-4"><div class="card border-light rounded-md mb-3 px-2"><div class="card-header bg-white border-lighten p-4"><div class="d-flex mb-3"><span class="h5 mb-0">$</span> <span class="price display-2 mb-0 text-primary">79</span></div><h3 class="h4 mb-3 text-black">Freelancer</h3><p class="font-weight-normal font-small mb-0">Great for personal use and for your side projects.</p></div><div class="card-body py-5"><ul class="list-group simple-list"><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Full documentation</li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Domains: <strong>1</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Team size: <strong>1 developer</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Premium support: <strong>6 months</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Free updates: <strong>6 months</strong></li></ul></div><div class="card-footer bg-white pt-0 px-4 pb-4"><a href="https://themesberg.com/product/bootstrap-themes/spaces-bootstrap-directory-listing-template#pricing" target="_blank" class="btn btn-block btn-primary rounded animate-up-2">Buy now <span class="icon icon-xs ml-3"></span></a></div></div><a href="https://themesberg.com/licensing#freelancer" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="font-small text-gray text-center d-block my-4" data-original-title="Something unclear? Click to read the full Freelancer license."><span class="fas fa-balance-scale mr-2"></span>Freelancer License</a></div><div class="col-12 col-lg-4"><div class="card border-light rounded-md mb-3 px-2"><div class="card-header bg-white border-lighten p-4"><div class="d-flex mb-3"><span class="h5 mb-0">$</span> <span class="price display-2 mb-0 text-primary">239</span></div><h3 class="h4 mb-3 text-black">Company</h3><p class="font-weight-normal font-small mb-0">Relevant for multiple users and extended support.</p></div><div class="card-body py-5"><ul class="list-group simple-list"><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Full documentation</li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Domains: <strong>Unlimited</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Team size: <strong>1-5 developers</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Premium support: <strong>12 months</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Free updates: <strong>12 months</strong></li></ul></div><div class="card-footer bg-white pt-0 px-4 pb-4"><a href="https://themesberg.com/product/bootstrap-themes/spaces-bootstrap-directory-listing-template#pricing" target="_blank" class="btn btn-block btn-primary rounded animate-up-2">Buy now <span class="icon icon-xs ml-3"></span></a></div></div><a href="https://themesberg.com/licensing#company" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="font-small text-gray text-center d-block my-4" data-original-title="Something unclear? Click to read the full Freelancer license."><span class="fas fa-balance-scale mr-2"></span>Company License</a></div><div class="col-12 col-lg-4"><div class="card border-light rounded-md mb-3 px-2"><div class="card-header bg-white border-lighten p-4"><div class="d-flex mb-3"><span class="h5 mb-0">$</span> <span class="price display-2 mb-0 text-primary">599</span></div><h3 class="h4 mb-3 text-black">Enterprise</h3><p class="font-weight-normal font-small mb-0">Best for large scale uses and extended redistribution rights.</p></div><div class="card-body py-5"><ul class="list-group simple-list"><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Full documentation</li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Domains: <strong>Unlimited</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Team size: <strong>Unlimited</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Premium support: <strong>24 months</strong></li><li class="list-group-item font-weight-normal p-0 pb-3 border-0"><span class="icon-success mr-2"><span class="fas fa-check"></span></span>Free updates: <strong>12 months</strong></li></ul></div><div class="card-footer bg-white pt-0 px-4 pb-4"><a href="https://themesberg.com/product/bootstrap-themes/spaces-bootstrap-directory-listing-template#pricing" target="_blank" class="btn btn-block btn-primary rounded animate-up-2">Buy now <span class="icon icon-xs ml-3"></span></a></div></div><a href="https://themesberg.com/licensing#enterprise" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="font-small text-gray text-center d-block my-4" data-original-title="Something unclear? Click to read the full Freelancer license."><span class="fas fa-balance-scale mr-2"></span>Enterprise License</a></div></div></div></section></main><footer class="footer py-6 bg-primary text-white"><div class="container"><div class="row"><div class="col-xl-3 mb-3 mb-xl-0"><img src="./assets/img/brand/light.svg" height="30" class="mb-3" alt="Spaces logo"><p>Premium Bootstrap Directory Listing Template</p></div><div class="col-6 col-xl-2 mb-5 mb-xl-0"><span class="h5">Themesberg</span><ul class="footer-links mt-2"><li><a target="_blank" href="https://themesberg.com/blog">Blog</a></li><li><a target="_blank" href="https://themesberg.com/products">Products</a></li><li><a target="_blank" href="https://themesberg.com/about">About Us</a></li><li><a target="_blank" href="https://themesberg.com/contact">Contact Us</a></li></ul></div><div class="col-6 col-xl-3 mb-5 mb-xl-0"><span class="h5">Other</span><ul class="footer-links mt-2"><li><a href="https://themesberg.com/docs/spaces/getting-started/overview/">Documentation <span class="badge badge-sm badge-secondary ml-2">v3.0</span></a></li><li><a href="https://themesberg.com/docs/spaces/getting-started/changelog/">Changelog</a></li><li><a target="_blank" href="https://themesberg.com/contact">Support</a></li><li><a target="_blank" href="https://themesberg.com/licensing">License</a></li></ul></div><div class="col-12 col-xl-4 mb-5 mb-xl-0"><span class="h5">Get the app</span><p class="text-muted font-small mt-2">It's easy. Just select your device.</p><a href="#" class="btn btn-sm btn-white mb-xl-0 mr-2"><span class="d-flex align-items-center"><span class="icon icon-brand mr-2"><span class="fab fa-apple"></span></span> <span class="d-inline-block text-left"><small class="font-weight-normal d-block">Available on</small> App Store </span></span></a><a href="#" class="btn btn-sm btn-white"><span class="icon icon-brand mr-2"><span class="fab fa-google-play"></span></span> <span class="d-inline-block text-left"><small class="font-weight-normal d-block">Available on</small> Google Play</span></a></div></div><hr class="my-3 my-lg-5"><div class="row"><div class="col mb-md-0"><a href="https://themesberg.com" target="_blank" class="d-flex justify-content-center"><img src="./assets/img/themesberg.svg" height="25" class="mb-3" alt="Themesberg Logo"></a><div class="d-flex text-center justify-content-center align-items-center" role="contentinfo"><p class="font-weight-normal font-small mb-0">Copyright 漏 Themesberg <span class="current-year">2020</span>. All rights reserved.</p></div></div></div></div></footer><script src="./vendor/jquery/dist/jquery.min.js"></script><script src="./vendor/popper.js/dist/umd/popper.min.js"></script><script src="./vendor/bootstrap/dist/js/bootstrap.min.js"></script><script src="./vendor/headroom.js/dist/headroom.min.js"></script><script src="./vendor/onscreen/dist/on-screen.umd.min.js"></script><script src="./vendor/nouislider/distribute/nouislider.min.js"></script><script src="./vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script><script src="./vendor/waypoints/lib/jquery.waypoints.min.js"></script><script src="./vendor/owl.carousel/dist/owl.carousel.min.js"></script><script src="./vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script><script src="./vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.js"></script><script src="./vendor/sticky-sidebar/dist/sticky-sidebar.min.js"></script><script src="./vendor/leaflet/dist/leaflet.js"></script><script src="./vendor/chartist/dist/chartist.min.js"></script><script src="./vendor/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script><script src="./vendor/jqvmap/dist/jquery.vmap.min.js"></script><script src="./vendor/jqvmap/dist/maps/jquery.vmap.usa.js"></script><script src="./assets/js/jquery.slideform.js"></script><script src="./assets/js/spaces.js"></script></body></html>