WebSphere | Web 托管 HTML 模板
A) Introduction
Elevate your digital presence with the WebSphere HTML Template—a powerful and versatile solution crafted for tech companies, startups, and digital agencies. Designed to balance aesthetic appeal with functionality, WebSphere provides a seamless experience that helps convey your brand’s innovation, expertise, and commitment to excellence.
Harness the power of WebSphere’s sleek, intuitive layout to bring your online vision to life. Whether you’re launching a startup, showcasing your tech products, or establishing a digital portfolio, this template caters to all your needs, providing a professional and engaging interface that resonates with both clients and users. Invite your audience to explore your services and offerings through an immersive and modern design.
Customize your website effortlessly with WebSphere’s rich array of features. From dynamic sections and strategic content blocks to interactive elements, WebSphere empowers you to create a unique online presence that reflects your brand’s digital prowess and creative vision.
With its responsive design, WebSphere ensures a smooth browsing experience across all devices. Whether your visitors are viewing from a desktop, tablet, or smartphone, your website will maintain its visual appeal and functionality, enhancing user engagement and satisfaction.
It contains 3 Home Page layouts and about page layout and 29 valid HTML5 page templates designs, different Blog page styles and shop pages. WebSphere template features are coded with Bootstrap Bootstrap v4.0.0, 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 29 custom HTML templates like Home Page, About, Services, Projects. 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 “.banner-con” for banner image and change your image.
D) How to use Color Schemes?
Please open style.css file from WebSphere/assets/css folder with a text editor and build your own colors. #3ada9b 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 changing the predefined classes name.
jQuery Files
- assets/js/jquery-3.7.1.min.js
- assets/js/bootstrap.min.js
- js/popper.min.js
- js/animation.js
Photos
- Enveto Elements
- Freepik Photos
Icons:
- Font Awesome
font:
- Plus Jakarta Sans
F) Resources Used
Global
Colors:
- Primary: #3ada9b
- Secondary: #ffffff
- Text: #555555
- Accent: #54247f
Font Sizes:
- h1 >> 60
- h2 >> 50
- h3 >> 33
- h4 >> 20
- h5 >> 18
- h6 >> 16
- p >> 16
Image Links:
- https://elements.envato.com/tech-support-icon-pack-X2MJ7UR
- https://elements.envato.com/portrait-of-blond-businesswoman-with-folded-arms-w-GNS8EFR
- https://elements.envato.com/portrait-of-caucasian-female-engineer-smiling-whil-GJMBQGX
- https://elements.envato.com/attractive-focused-specialist-in-turtleneck-with-g-HGKF2E9
- https://elements.envato.com/happy-young-businessman-celebrating-victory-and-ra-NYNQEWU
- https://elements.envato.com/web-hosting-icon-pack-FFB9UFP
- https://elements.envato.com/business-lady-in-headset-having-video-chat-on-mode-5QTSN64
- https://elements.envato.com/multiracial-business-people-together-at-the-evenin-5ABR9GQ
- https://elements.envato.com/fr/collections/LGSRQ4X689?utm_campaign=share_collection&utm_medium=link&utm_source=my_collection
- https://www.freepik.com/collection?id=7029289
