Spaces is a premium Bootstrap 4 Directory Listing Template featuring over 37 advanced pages, a user dashboard, MapBox integration and a fully fledged UI Kit.
37 hand-crafted pages
Spaces theme comes with all of the necessary pages you need to create any type of listing website having 3 landing pages, secondary pages such as pricing, about, contact, support center, listing details page, a user dashboard and so on.
Each of these pages has been carefully built to be completely responsive, HTML5 verified and to bring great design and functionality together.
Spaces also comes with a complete user dashboard including an overview, user settings, messaging, billing details and item details pages. There is even an invoice template included.
With the dashboard you will also get advanced and beautiful looking charts, statistics cards, messaging interfaces and many more.
Most of the directory listing websites also have a map showing the location and details of the items, so we decided to integrate one of the most advanced open source maps system with Spaces. There are two main pages showing a maps: the map only view and the general listing page by clicking on the "show map" button.
Of course all of this is well documented on our online documentation for the MapBox Bootstrap guide.
Gulp, BrowserSync and Sass workflow
Spaces comes by default with an advanced development workflow making use of Sass variables, Gulp commands to compile, watch and serve the local development files and also to build minified distribution code. We also use BrowserSync to save time by instantly showing the changes without the need to refresh your browser.
We also wrote a guide on how to set up and use Gulp 4, BrowserSync and Bootstrap Sass in a tutorial.
As mentioned above, not only does Spaces include so many advanced pages, integrations and plugins but it also ships with a fully fledged UI Kit including buttons, cards, accordions and many more. You can browse all of the components by reading our online documentation.Read more
37 Hand-crafted Example Pages
After downloading Spaces – Listing Bootstrap Template you will get 37 high-quality example pages to save you time writing boilerplate code and set up the user interface of your website or web application in no time.
Hover over any page below and if you click on one of them you will be able to live preview one of the example pages in your browser.
We believe that being transparent when it comes to the code base and the file structure can make you better understand how it is going to be like to actually work with Spaces.
Below you can check out the folder structure of this template, and by hovering over each item you can also read an explanation of what the folder contains and what its role is.
Don't worry, we got you covered. We have a folder called
It's a simple, precise and well documented theme. I'm using it and integrated with Django (as I do not use NodeJS) and so far so good if you pay attention to the dependencies. It could be better and I'm sure it will in time with more and more features/libraries etc. Also, the support team is very reactive with precise answers!
We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.
Below you can see the timeline of changes for Spaces since its initial launch 1 year ago.
- Completely redesigned the components and pages for a better and more modern look
- Added a fully fledged user dashboard for account, items, security, messaging and billing management
- Added Charts
- Added Mapbox integration and pages with markers for the listing items
- Improved the Gulp file
- Dependencies from the node_modules folder now automatically get added to a generated vendor folder, thus saving time and storage
- Many new pages including support, legal, blog and many more
- New logo
- Added a preloader with a custom logo animation (our trademark 😊)
- Massively improved the online documentation
- Improved the navbar by adding multiple nested dropdown functionality and improving mobile behaviour
- Optimized files, images and code in general
- We made sure to keep all of the original pages by improving them alongside the new ones
- W3C validated all pages
- Fixed mobile filter toggling in all spaces page
- Reduced spacing for homepage on mobile devices
- Fixed some IE 11 problems
- Fixed toggling issue on profile page
- Made filter sidebar widgets collapsable to allow more filters
- Made datepickers a range to select periods
- Big changes to the folder structure and the way files are server through BrowserSync; We created a .temp folder
- Integrated gulp-file-include to include footers, navigation bars, head's into the templates to prevent repeating ourselves
- Created a new blank page
- Added filters to mobile
- Added "load more" functionality to the profile page
- Removed pricing call to action from all pages except the homepage
- Added My account page
- Added My listings page
- Added Edit Listing page
- Removed vendor folder and included all third party plugins through npm
- Improved recent news widget
- Improved tablet/mobile wrappings for some elements
- Fix submit space first step progress bar not showing anything
- Fix a few 404 links
- Slightly redesign single blog page
- Fix reply comment collapse "hick-up"
- Improved navigation bar icons
- Removed sticky navbar on all spaces page since it overlayed the sticky sidebar
- Fix broken path for logo in documentation
- Initial release files
Frequently asked questions
How do I use the license that I got with my purchase?
You will receive a code in your order receipt. You do not need to insert it anywhere. Please keep it in your records for any future inquiry from us. If you create a client project, you can either keep this code or you can send us an email using our contact page, and we will transfer the license to your client, provided that they have an account on our website.
What is the difference between the Freelancer/Company/Enterprise licenses?
The Freelancer license is aimed at people who work on their own. It grants you the right to use the purchased product only for one project (either yours or for a client).
The Company license is aimed at agencies or larger teams. It grants you the right to create other licensed products base on the template that you purchase from us.
The Enterprise license is aimed at large companies with multiple projects. It grants you the right to create any kind of software, SaaS, digital products and sell them.
All the differences between the types of licenses are available here.
Will I get an update to Bootstrap 5 for the Bootstrap 4 themes?
Although two of the products (Pixel Pro and Volt Pro) are already available in Bootstrap 5, we will update all of the themes in this Cyber Monday promotion to Bootstrap 5 in the next 6 months for free.
Are the themes available with only classic CSS and without Sass as well?
Yes, they are. Each theme has a
Do these themes work with Wordpress?
These products are not Wordpress themes, however, they can be integrated in Wordpress by an experienced web developer.
Are the images, fonts, and icons free to use?
The images, fonts, icons and every other creative element for each theme can be freely used in your project under our licensing terms.
If I purchased a Freelancer/Company License, how can I upgrade to the Company/Enterprise License?
In case you have already purchased a license, but you want to upgrade, you can just send us a message using the contact page and we will send you a discount code so you will only pay the difference for the upgrade.
What does the Included Documentation feature refer to?
It means that each theme within the Cyber Monday promotion has a thorough and up to date documentation on how to get started with the product and each components and plugin is properly explained.
What happens after the 6/12/24 months of Free Updates expires? Can I download the new updates after this period?
At the end of this period, you will need to renew your license (purchase the product again) to get Support.
Can I remove the copyright notice from the files?
You can remove the copyright notice (if it's a premium item), but then you will need to create a separate
.txt file called
LICENSE.txt, and copy paste the copyright text in there. This file should be added to the root folder of your project.
What does the full code feature refer to?
What does the Domains number refer to?
Depending on the license you purchase, you can use our products to either code a website/web application for you, for a client, or for multiple clients, which will be hosted on one or multiple domains:
For example, if you purchased the Freelancer License, you can create only one website (for you or a client). If you want to create multiple websites, you will need a bigger license (like Company or Enterprise). Same, if you have multiple subdomains, like test.yoursite.com (http://test.yoursite.com/) or dev.yoursite.com (http://dev.yoursite.com/), you can use the Freelancer or Startup License.
If you have a complex application like a SaaS and have client1.yoursite.com (http://client1.yoursite.com/) and client2.yoursite.com (http://client2.yoursite.com/) and clientx.yoursite.com, (http://clientx.yoursite.com/) you will need a multi-domain license like Company or Enterprise.
For more information about our licenses, you can check it here.
What does the Team Size refer to?
The Team size for each license reflects the number of people who can access the product.
For example, if you buy the Freelancer license, only one person can use the product. If you have a team of 6-10 people, you will need the Company license.
For bigger teams of 5 developers, you will need to purchase an Enterprise License.
What does the Tech Support refer to?
Depending on your license type, you have a fixed period when you can submit any ticket to us regarding product functionalities and bug fixes (learning and tutorials related requests are not included). You will get responses directly from the product's creators in 24 hours (during business days):
If you purchase the Freelancer license, you will receive Support from us for 6 months. If you need 12 months of Support, you will need the Company license.
If you purchase the Enterprise license, you will benefit from 24 months of Support. At the end of this period, you will need to renew your license (purchase the product again) to get Support.
What does the Free Updates refer to?
Depending on your license type, you have a determined period when you receive product Updates that include bug fixes and new features:
Freelancer: You will receive Free Updates for 6 months. Company: You will receive Free Updates for 12 months. Enterprise: You will benefit from 24 months of Free Updates.
Do you have a question?
Feel free to send us a message using the contact page and one of our team members will get back to you in the shortest time possible.