Merraki | Interiors & Architecture HTML Template

Merraki | Interiors & Architecture HTML Template

Merraki | Interiors & Architecture HTML Template là một template website HTML5 thiết kế riêng dành cho các interior designers, giúp bạn trình bày portfolio một cách chuyên nghiệp và ấn tượng. Với phong cách hiện đại, tối giản, bố cục rộng rãi cùng đường nét rõ ràng, template mang đến trải nghiệm tập trung hoàn toàn vào hình ảnh sản phẩm thiết kế nội thất. Merraki tích hợp nhiều section để thể hiện đa dạng lĩnh vực chuyên môn như phòng khách, bếp, phòng ngủ và nhiều không gian khác. Thiết kế tinh tế, hình ảnh chất lượng cao cùng contact form dễ sử dụng sẽ tạo ấn tượng mạnh và truyền cảm hứng cho khách hàng muốn xây dựng không gian sống đẹp, tiện dụng và cá nhân hóa.

Tính năng nổi bật của Merraki | Interiors & Architecture HTML Template

• Bao gồm giao diện Home Page, About Page và hơn 5 mẫu HTML5 chuẩn với thiết kế đa dạng.
• Tích hợp các mẫu chi tiết cho phần Blog giúp truyền tải nội dung hiệu quả.
• Code chuẩn Bootstrap v4.0, HTML5 & CSS3 với khả năng tùy chỉnh không giới hạn màu sắc.
• Tương thích với mọi trình duyệt hiện đại và thân thiện với các công cụ tìm kiếm (SEO-friendly).
• Dễ dàng chỉnh sửa để phù hợp với nhu cầu cá nhân bằng các trình soạn thảo như Dreamweaver, Notepad++.

Cách chỉnh sửa file HTML trong Merraki

Merraki bao gồm hơn 7 mẫu HTML tùy chỉnh như giao diện trang chủ, trang giới thiệu, trang portfolio và các mẫu blog khác nhau. Bạn chỉ cần mở file HTML bằng trình soạn thảo văn bản như Dreamweaver, Notepad hoặc Notepad++ để chỉnh sửa các dòng mã theo ý muốn.

Hướng dẫn chỉnh sửa file CSS

Bạn có thể mở file style.css (mặc định) bằng các trình soạn thảo trên để thay đổi các kiểu dáng. Ví dụ, muốn thay đổi ảnh banner, tìm đến đoạn mã “.banner-backgroundimage.jpg” trong style.css để cập nhật hình ảnh và style phù hợp.

Sử dụng Color Schemes trong Merraki

Mở file style.css trong thư mục Merraki/assets/css, bạn có thể tự tạo bảng màu riêng cho mình. Mã màu mặc định #ffffff có thể được tìm kiếm và thay thế bằng mã màu mới theo sở thích.

Cách sử dụng hiệu ứng On Load Animation

Merraki sử dụng thư viện wow.js để tạo hiệu ứng khi tải trang. Bạn có thể chỉnh sửa hoặc thêm các class đã định nghĩa sẵn để cá nhân hóa hiệu ứng này.