Contrive | 家具店 HTML 模板
A) Introduction
Embark on a journey of architectural brilliance with the Contrive HTML template, meticulously designed to redefine your online presence and showcase your expertise in construction and design. Crafted with a sleek and modern aesthetic, Contrive seamlessly blends style with functionality, providing a dynamic platform to highlight your projects, attract clients, and strengthen your brand identity.
Immerse your visitors in a visually captivating experience while effectively communicating your firm’s vision and capabilities. With Contrive’s versatile features, you can effortlessly customize and personalize your website. From showcasing completed projects to featuring services, team members, and client testimonials, this template offers a comprehensive toolkit to elevate your digital strategy.
Establish trust and credibility with Contrive’s responsive design, ensuring a seamless browsing experience across desktops, tablets, and smartphones. Its compatibility with modern browsers and search engine optimization allows you to reach a wider audience and grow your online presence effectively.
Experience the power of Contrive and create a compelling online presence that reflects your firm’s excellence and innovation. Whether you’re an independent contractor, an architectural firm, or a large construction company, Contrive is built to meet your needs and help you stand out in a competitive industry.
It contains 3 Home Page layouts and about page layout and 27 valid HTML5 page templates designs, different Blog page styles and shop pages. Contrive 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 27 custom HTML templates like Home Page, About, Faq’s, Team 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 “.banner-con” for banner image and change your image.
D) How to use Color Schemes?
Please open style.css file from Contrive/assets/css folder with a text editor and build your own colors. #ffffff 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 using aos.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:
- Archivo
- Jost
F) Resources Used
Global
Colors:
- Primary: #ffffff
- Secondary: #000000
- Text: #6a6a6a
- Accent: #fb704f
Font Sizes:
- h1 >> 80
- h2 >> 46
- h3 >> 22
- h4 >> 20
- h5 >> 18
- h6 >> 14
- p >> 20
Image Links:
- https://www.freepik.com/premium-psd/set-interior-furniture-3d-rendering_30291503.htm#fromView=author&page=6&position=12&uuid=1a70d2b2-cf45-4045-9be0-e08998014bfd
- https://www.freepik.com/premium-photo/interior-design-living-area-vintage-style_12672243.htm#fromView=search&page=2&position=5&uuid=6a66495e-3933-400d-a1a5-48ffb74d3211
- https://www.freepik.com/premium-photo/round-lamp-with-rectangular-iron-frame-suspended-from-ceiling-illuminating-gold-interior-concept_16105853.htm#fromView=search&page=3&position=18&uuid=eade34bd-458f-4d84-8373-1bf03abcf81c
- https://www.freepik.com/premium-photo/brown-wall-with-cabinet-living-room-interior-scandinavian-style-3d-rendering_12088830.htm#fromView=search&page=3&position=1&uuid=832f0a6f-26b4-4974-92e0-45d72a10ba45
- https://elements.envato.com/fr/uicon-e-commerce-online-shop-icons-8LBJ8P
- https://www.freepik.com/premium-psd/free-psd-3d-armchair-isolated-transparent-background_122351038.htm#fromView=search&page=7&position=38&uuid=7c8c6b68-ad6c-4e7c-89e1-d4ab81491373
- https://www.freepik.com/premium-psd/3d-icon-illustration-minimalist-round-table_39583786.htm#fromView=search&page=8&position=33&uuid=dcabce43-700d-4dee-aa8b-fe97529331f2
- https://www.freepik.com/premium-psd/console-cabinet-transparent_202121070.htm#fromView=search&page=18&position=2&uuid=69b1fa99-06df-4c9f-932b-ac18995fcaa8
- https://www.freepik.com/premium-psd/modern-red-leather-armchair-isolated-white-background-furniture-collection_108107074.htm#fromView=search&page=17&position=2&uuid=d2e88706-6084-4faf-a639-2bfec4fd6e4d
- https://www.freepik.com/premium-psd/soft-pouf-isolated-white-background-interior-furniture-3d-illustration-render-luxurious-sofa_58827987.htm#fromView=search&page=1&position=48&uuid=1ed835bd-2e4e-48e9-a8d9-5d054f378174
- https://www.freepik.com/premium-psd/lampshade-isolated-white-background_395886124.htm#fromView=search&page=3&position=48&uuid=fc3c2fe0-0df4-4546-a7ad-b3c78f