Focus
Focus is a clean and elegant Bootstrap theme for designers, architects, photographers, and other creative professionals.
Features
- 12 pre-made pages
- Built with Bootstrap 5
- Fully accessible
- Cross-browser compatible
- Clean, minimal design
- Fully responsive
- Google Fonts integration
- Material Symbols icon library
- Eleventy 3 static site generator
- W3C-compliant code
Accessibility
Focus is fully keyboard-navigable, screen reader optimized, and designed with a high color contrast ratio for enhanced visibility.
For more details, see the accessibility documentation.
Support
Your purchase includes six months of support, covering functionality questions, bug fixes, and basic implementation guidance.
You must purchase this theme to leave a review.
If you have already purchased it, login to leave a review.
Highly recommend
- by Yuriy
- 2 years ago
I recently used the Focus theme for a web project and I was impressed. It's well-documented, making it easy to understand and use. The clear guidelines and examples in the documentation helped me quickly get started. The theme is easy to develop and customize. It offers many customization options and a clean codebase, making it simple to modify and extend website functionality. I highly recommend the Focus theme for those looking for a reliable and user-friendly framework for web dev.
- Theme Creator
- 2 years ago
Thank you so much for your review. It's much appreciated.
2.4.0 – April 15, 2025
Updated
- Eleventy.js to v3
- Development dependencies
- Documentation
- Material Icons to Material Symbols
- Tobii lightbox to v2.7
Added
- _utilitites.scss
Changed
- All templates revised and optimized
- Small design refinements
- Simplified custom SCSS file (style.scss)
- Renamed .link-underline to .link-highlight
Deleted
- _api.scss
- .border-6
2.3.0 – June 05, 2023
Updated
- Eleventy.js to v2
- Bootstrap to v5.3
- Dev dependencies
- Documentation
Changed
- Replaced .fixed-top with .sticky-top in the navbar.
- Replaced .text-muted with .text-secondary.
Deleted
- .padding-top on the page body
2.2.0 – July 22, 2022
Updated
- Bootstrap to v5.2
- Dev dependencies
- Documentation
Added
- Outline to all focusable elements for a consistent keyboard navigation
- An accessible lightbox: Tobii
Changed
- Secondary color to a darker gray
- Style of carousel controls and indicators to improve its visibility
- Minor CSS changes
Deleted
- Imagemin CLI (unmaintained)
- Zoom plugin
2.1.0 – August 11, 2021
Updated
- Bootstrap to v5.1
- Dev dependencies
Added
- Imagemin plugins (pngquant, mozjpeg)
Changed
- Minor CSS changes
2.0.0 – May 31, 2021
Updated
- Bootstrap to v5.0
- All pages to v5.0
- Documentation
Added
- Eleventy static site generator
- .font-sans
- .link-underline
Deleted
- Gulp
- jQuery
- .font-sans-serif
1.3.1 – June 10, 2020
Updated
- Bootstrap to v4.5.0
- jQuery to v3.5.1
- Dev dependencies
- Documentation: customization and updating
Changed
- SCSS folder structure
- .small font size increased to 85%
1.3.0 – February 20, 2020
Updated
- Bootstrap to 4.4.1
- popper.js to 1.16.0
- Dev dependencies
Added
- Page title variable to Nunjucks templates
- PurgeCSS tool to remove unused CSS
- _user-vars.scss and _user.scss files
Changed
- Extended and revised documentation
- Enabled responsive font sizes
- Minor CSS changes
- Moved script file to head, adding defer attribute
Deleted
- Colcade plugin
1.2.0 – June 10, 2019
Updated
- jQuery to 3.4.1
Changed
- Primary color: _variables.scss
- Replaced Masonry by Colcade
- Reorganized files structure
1.1.0 – April 10, 2019
Updated
- Bootstrap to 4.3.1
- popper.js to 1.15.0
- Gulp to 4.0.0
License Options
Full details →5.00/5 (1 reviews)
396
Purchases
- Reviewed by the Bootstrap team
- 6 months technical support
- 100% money back guarantee
Portfolio & Blog Themes
Related themes in the same category.
