Merraki | 室内设计和建筑 HTML 模板
A) Introduction – top
Merraki Interiors & Architecture HTML5 website template is a custom design package that is a visually stunning and professionally designed tool for interior designers to showcase their work and help clients envision their dream spaces. The template is built on a modern and minimalist aesthetic, with clean lines and spacious layouts that put the focus on the images of the designer’s work. The template includes multiple sections to showcase different areas of the expertise, including living rooms, kitchens, bedrooms, and more. With its sleek and modern design, high-quality images, the template is sure to impress and inspire clients looking to create beautiful, functional, and personalized living spaces. It has a modern, clean, creative & unique design based on the latest technology.
It contains Home Page layout and about page layout and 05+ valid HTML5 page templates designs and Blog detail models. Merraki template features are coded with Bootstrap v4.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? – top
We have included 07+ custom HTML templates like Home Page styles, about styles and Porfolio page style and different Blog pages Styles 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? – top
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 images open style.css and look at “.banner-backgroundimage.jpg” for banner image and change your styles.
D) How to use Color Schemes? – top
Please open style.css file from Merraki/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? – top
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
- assets/js/jquery-3.6.0.min.js
- assets/js/bootstrap.min.js
- js/popper.min.js
- js/wow.js
Photos
- Enveto Elements
- Freepik Photos
Icons:
- Font-Awesome
font:
- Syne
G) Resources Used – top
Global
Colors:
- Primary: #ffffff
- Secondary: #e1b261
- Text: #a7a7a7
Font Sizes:
h1 >> 76px
h2 >> 46px
h3 >> 24px
h4 >> 24px
h5 >> 20px
h6 >> 18px
P >> 18px
Image Links:
- https://elements.envato.com/mockup-frame-close-up-in-modern-dark-interior-with-Y98XJC4
- https://elements.envato.com/home-and-living-icons-Q8UHY58
- https://elements.envato.com/furniture-outline-icons-LW2YDQS/preview
- https://elements.envato.com/frame-mockup-in-home-interior-luxury-modern-dark-l-6TKRGL6
- https://elements.envato.com/horizontal-blank-frames-mock-up-in-luxury-dark-liv-UBB855Z
- https://elements.envato.com/living-room-interior-in-loft-style-with-gray-armch-LYFMUNA
- https://elements.envato.com/modern-dark-grey-kitchen-interior-3d-rendering-HCRY396
- https://www.freepik.com/premium-vector/abstract-geometric-lines-seamless-pattern_5649562.htm#page=3&query=interior&position=5&from_view=search&track=sph
- https://elements.envato.com/black-contemporary-minimalist-interior-with-sofa-t-8UN7ZNH
- https://elements.envato.com/house-art-logo-2R972D
- https://elements.envato.com/dark-cozy-interior-background-loft-style-living-ro-ELRJRMC
- https://elements.envato.com/collage-of-diverse-entrepreneurs-laughing-against-4V9NAJX
- https://elements.envato.com/living-room-interior-mock-up-black-and-white-room-MXRY4DL
- https://elements.envato.com/interior-of-a-kitchen-YGX3MLB
- https://elements.envato.com/architectural-house-interior-VXTGX96
- https://elements.envato.com/interior-design-of-home-office-space-LUN47UQ
- https://elements.envato.com/buildings-JLE8S7X
- https://elements.envato.com/creative-innovation-icon-pack-W2JE3R5/preview/2
- https://elements.envato.com/stylish-living-room-interior-design-GYUKW79
- https://logoipsum.com/
- https://elements.envato.com/contemporary-modern-living-room-with-design-furnit-YW3D8H6
- https://elements.envato.com/minimal-style-black-kitchen-3d-rendering-9PWWPBX
- https://elements.envato.com/blank-picture-frame-mock-up-in-stylish-room-interi-A547WDH
- https://elements.envato.com/contact-us-icon-pack-4K579MX
- https://elements.envato.com/the-container-house-interior-3H4BSUH
- https://elements.envato.com/airport-interior-CCVPTG8
- https://elements.envato.com/interior-design-of-home-office-space-LUN47UQ
- https://elements.envato.com/modern-luxury-authentic-dining-room-interior-desig-YGSJGGE
- https://elements.envato.com/modern-style-interior-design-3d-rendering-YPA2SV6
- https://elements.envato.com/stylish-composition-of-modern-interior-design-with-CWX7HD8
- https://elements.envato.com/scandinavian-style-interior-design-3d-rendering-CTMK2UQ
- https://elements.envato.com/collection-of-multiethnic-business-people-portrait-YK2UXCU
- https://elements.envato.com/interior-design-of-modern-living-room-8DLLBEP
- https://elements.envato.com/elegant-and-comfortable-living-room-stylish-scandi-HEGH6J3
- https://elements.envato.com/interior-design-of-modern-living-room-8DLLBEP
- https://elements.envato.com/interior-of-a-kitchen-RBCY2PN
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.
