Finally, I finished coding a new business template called Jona and made with the latest Bootstrap 5 frontend toolkit.
It comes with various pages and features you may need to create a website for an agency, portfolio, etc. I’m also adding new pages constantly.
So, check out its features and a few things to keep in mind below. Next, check out the live preview and download links. I hope you like it!
Want to Save this Article?
Template Features
- Bootstrap v5.3.3
- Responsive mobile-first design.
- Multiple Pages: Home, Portfolio, etc.
- Working AJAX and PHP contact form with validation.
- Pricing tables
- Testimonial slider
- Fullscreen backgrounds
- and more…
Things to Keep in Mind Before Using the Template
Before using this template, you should know a few things so you can decide based on your project needs:
– Favicon is not set up for all devices, read this article to learn more about how to set it up more correctly.
– I’ve tried to use Bootstrap classes as much as possible, with as little additional CSS as possible. Wherever this was not possible, I’ve used only simple CSS to restyle Bootstrap elements,
no CSS variables (custom properties). A clearer way may be (I’ve not tried) to use a CSS variables approach, just like Bootstrap does.
– I’ve used jQuery for the contact form. It’s not the best way to build fast websites, but for me, it was the easier way. So, consider using another way, maybe plain JavaScript or some other way, if page loading speed is a priority for you.
– Also, to validate the form I’ve used my own way with jQuery, AJAX, and PHP which I’m used to and it’s faster for me, without using the default Bootstrap validation methods but a variation of them.
– I’ve also used jQuery for the top navigation, but it can be easily converted to plain JavaScript if you need it.
– With the new Bootstrap version, I haven’t needed to add a single CSS media query to make this template responsive. I’ve only used Bootstrap’s very handy, ready-to-use classes.
– I’m constantly adding new pages to this template so make sure to read my email updates!
Image Previews
Home Page
You can easily customize the title, description, call-to-action buttons, and background.
Portfolio Page
You can add or remove projects, change the images, and customize the descriptions.
Working Contact Form
You can set up the email where you want to receive the messages and customize the error and success messages.
Demo and Download
LIVE PREVIEW – SUBSCRIBE TO DOWNLOAD
License
You can use this template for personal and commercial projects. Just don’t sell it “as is”.
Updates
Version 1.2
Added Portfolio Single Project Page