A) Introduction
Empower your SaaS and AI startup with the Opzio HTML Template — a sleek, innovative, and performance-focused solution crafted specifically for modern tech companies, AI platforms, SaaS products, and digital solution providers. Opzio blends cutting-edge design with powerful functionality to help you build a compelling online presence that captures attention, builds trust, and drives growth.
With Opzio’s clean interface and intuitive user experience, showcasing your platform becomes effortless. Whether you offer AI-powered tools, cloud-based services, automation solutions, or subscription-based software, this template ensures your features, benefits, and pricing are presented clearly — helping potential customers understand your value and convert faster.
Opzio includes thoughtfully designed sections tailored for SaaS and AI businesses. Highlight your product features, display use cases, present pricing plans, showcase client testimonials, introduce your team, and integrate lead capture or demo request forms. From early-stage startups to scaling tech companies, Opzio provides the essential building blocks to communicate innovation and credibility.
Built with a fully responsive and optimized framework, Opzio delivers a seamless experience across all devices. Whether users access your platform from mobile, tablet, or desktop, your website maintains a polished appearance and smooth performance — ensuring consistent engagement at every touchpoint.
Choose Opzio to elevate your SaaS or AI startup with a modern, professional, and conversion-driven digital presence designed to support your growth and innovation.
It contains 5 Home Page layouts and about page layout and 30 valid HTML5 page templates designs, different Blog page styles and . Opzio template features are coded with Bootstrap v4.6.2 , HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!
How to Edit HTML Files?
We have included 30 custom HTML templates like Home Page, About, Services, Projects and Contact etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.
C) How to Edit CSS Files?
We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner color open style.css and look at “.home-outer-wrapper” for banner image and change your image.
D) How to use Color Schemes?
Please open style.css file from Opzio/assets/css folder with a text editor and build your own colors. #f95c34 this is our primary color, you can search and replace all to your new color code.
E) How to use On Load Animation?
We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.
jQuery Files
Photos
Icons:
font:
F) Resources Used
Global
Colors:
- Primary: #f95c34
- Secondary: #ffffff
- Text: #bababa
- Accent: #d76666
Font Sizes:
- h1 >> 120
- h2 >> 80
- h3 >> 60
- h4 >> 46
- h5 >> 28
- h6 >> 24
- p >> 16
Image Links:
- https://app.envato.com/search/graphic-templates/a3716b89-c9f1-4959-a138-40c9c8d56606?itemType=graphic-templates&term=Automation+audit+dashboard
- https://www.freepik.com/free-vector/creative-data-logo-template_21250415.htm#from_element=cross_selling__vector
- https://www.freepik.com/premium-photo/dark-abstract-curve-wavy-background-with-gradient-color-glowing-waves-dark-background_107758472.htm#from_element=cross_selling__photo
- https://app.envato.com/search/graphic-templates/394e4129-e571-4909-875d-5e101485aa02?itemType=graphic-templates&filter.portfolio=PickolabStudio&itemReference=a3716b89-c9f1-4959-a138-40c9c8d56606
- https://app.envato.com/graphic-templates/62e02da8-02c0-4b00-a0a5-9669003e919c
- https://app.envato.com/search/photos/f32be93f-ebc3-47a3-93bb-ce7a96c8fcd7?itemType=photos&term=Poratraits+collage
- https://www.freepik.com/premium-photo/red-stream-light-with-red-black-background_254366116.htm#from_element=cross_selling__photo
- https://www.freepik.com/premium-photo/dynamic-fusion-background-abstract-3d-wave-wallpaper-modern-business-technology-generative-ai_47666675.htm#from_element=cross_selling__photo
- https://www.flaticon.com/free-icon/data-processing_18609570
- https://www.flaticon.com/free-icon/efficiency_10872166
- https://www.flaticon.com/free-icon/data-management_11830485
- https://www.freepik.com/premium-ai-image/165-sleek-metallic-ribbon-twisted-into-abstract-shape-levitating-space-created-using-cinema-4d-ultra-high-definition-white-background-no-shadows-no-text-picture-no-logo-no_310889650.htm#fromView=search&page=1&position=11&uuid=6be1d9d5-9243-4249-b6b0-1b10a616c4fb&query=3d+orange+and+black+design+element
- https://www.flaticon.com/free-icon/video-camera_711245?term=video&page=1&position=2&origin=search&related_id=711245
- https://www.flaticon.com/free-icon/calendar_6816678?term=calendar+cross&page=1&position=3&origin=search&related_id=6816678
- https://www.flaticon.com/free-icon/customer_3126647?term=lead&page=1&position=4&origin=search&related_id=3126647
- https://www.flaticon.com/free-icon/diskette_2874050?term=disk&page=1&position=85&origin=search&related_id=2874050
- https://www.flaticon.com/free-icon/filter_3126665?term=filter&page=1&position=32&origin=search&related_id=3126665
- https://www.flaticon.com/free-icon/time_3240587?term=clock&page=1&position=6&origin=search&related_id=3240587
- https://www.flaticon.com/free-icon/calendar_6816643?term=calendar&page=5&position=24&origin=search&related_id=6816643
- https://www.flaticon.com/free-icon/trophy_3713857?term=win&page=1&position=44&origin=search&related_id=3713857
- https://app.envato.com/graphic-templates/70df98b1-3943-473f-b182-fb93297f5184
- https://app.envato.com/graphic-templates/e8c185e5-f85f-4e28-8ea2-223f50c0ff8e
- https://app.envato.com/search/graphic-templates/41a8ff36-b107-4bd3-a686-5fe66c7d8c33?itemType=graphic-templates&term=Orders+dashboard&filter.portfolio=PickolabStudio
- https://app.envato.com/search/graphic-templates/c0d65885-1990-48c6-82d1-40e1d6e2b742?itemType=graphic-templates&term=Orders+dashboard&filter.portfolio=PickolabStudio
- https://www.freepik.com/premium-photo/glowing-orange-black-grainy-gradient-background-ar-42-v-52-job-id-6a4bcf7b4ea4493f8fbc3e7621aa19b7_166384308.htm#fromView=search&page=3&position=6&uuid=4cbd5a4c-4983-471e-a929-f7d65e0d46c5&query=Orange+wave+abstract+with+black+background
- https://www.flaticon.com/free-icon/arrow_13648889?term=deflection&page=1&position=2&origin=search&related_id=13648889
- https://www.flaticon.com/free-icon/grocery_14264184?term=cart&page=3&position=86&origin=search&related_id=14264184
- https://www.flaticon.com/free-icon/logistics_3139266?term=order&page=2&position=61&origin=search&related_id=3139266
- https://www.flaticon.com/free-icon/refund_6839928?term=refund&page=3&position=43&origin=search&related_id=6839928
- https://www.freepik.com/premium-vector/abstract-redish-orange-light-flowing-stylish-wave-modern-illustration-pattern-background_417093988.htm#from_element=cross_selling__vector
- https://app.envato.com/search/photos/02d8f877-c959-4ae7-94ca-d6f79b23bb50?itemType=photos&term=Using+laptop&filter.colors_gemini=orange&sort=relevance
- https://app.envato.com/search/photos/217694f8-32ca-4c58-9f7d-0a7906fd4516?itemType=photos&term=Portraits&filter.colors_gemini=orange&sort=relevance
- https://app.envato.com/search/photos/3b99abe4-8925-4154-9da3-be155756a344?itemType=photos&term=Portraits&filter.colors_gemini=orange&sort=relevance
- https://www.flaticon.com/free-icon/bullseye_800634?term=target&page=1&position=11&origin=search&related_id=800634
- https://www.flaticon.com/free-icon/kpis_16814590?term=data+measure&page=1&position=3&origin=search&related_id=16814590
- https://www.flaticon.com/free-icon/file_2822526?term=document&page=1&position=15&origin=search&related_id=2822526
- https://www.freepik.com/premium-ai-image/gradient-smooth-abstract-background_55206543.htm#fromView=search&page=10&position=44&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.freepik.com/premium-ai-image/orange-black-glossy-abstract-background_146508087.htm#fromView=search&page=4&position=47&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.freepik.com/premium-ai-image/black-orange-background-abstract-color-wave_64110489.htm#fromView=search&page=2&position=6&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.freepik.com/free-vector/abstract-wave-background_837477.htm#fromView=search&page=1&position=10&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.freepik.com/premium-ai-image/abstract-wavy-black-bright-orange-background_226617540.htm#fromView=search&page=1&position=33&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.freepik.com/premium-ai-image/black-orange-background-abstract-color-wave_64110458.htm#fromView=search&page=9&position=29&uuid=04c74788-e3cf-46be-b519-69e8c8895110&query=Orange+and+black+abstract+background
- https://www.flaticon.com/free-icon/organization-chart_15023157?related_id=15023157
- https://www.flaticon.com/free-icon/clapperboard_10278992?term=video&page=1&position=3&origin=search&related_id=10278992
- https://app.envato.com/search/photos/3b99abe4-8925-4154-9da3-be155756a344?itemType=photos&term=Portraits&filter.colors_gemini=orange&sort=relevance
Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.
Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.
Designing Media Team
Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.
Designing Media Team