Callegari Builders | 现代建筑施工 HTML 模板
A) Introduction
Embark on a transformative journey of architectural elegance with the Callegari HTML template, meticulously crafted to redefine your online presence and elevate your architectural firm’s reputation. Designed with a sleek and contemporary aesthetic, Callegari seamlessly blends style and functionality, providing a dynamic platform to showcase your architectural prowess, attract clients, and strengthen your firm’s brand identity.
Immerse your visitors in a visually captivating experience while conveying your firm’s message with clarity and sophistication. Navigate through Callegari’s versatile features, empowering you to customize and personalize your website effortlessly. From showcasing project portfolios to highlighting team profiles and client testimonials, Callegari offers a comprehensive toolkit for crafting a digital strategy aligned with your firm’s goals.
Build trust and credibility in your firm by leveraging Callegari’s responsive design, ensuring a seamless browsing experience across desktops, tablets, and smartphones. With its compatibility with all modern browsers and search engine optimization, Callegari enables you to reach and engage with a broader audience effectively.
Experience the power of Callegari and establish a commanding online presence that resonates with your firm’s values and objectives. Whether you’re a boutique architectural studio or a large design firm, Callegari is tailored to meet your every need and empower you to thrive in today’s competitive architectural landscape.
It contains Home Page layouts and about page layout and 20 valid HTML5 page templates designs, different Blog page styles and. Callegari template features are coded with Bootstrap v4.5.2, HTML5 & CSS3, and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your architectural masterpieces and services with this remarkable template!
How to Edit HTML Files?
We have included 20 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 “.banner_outer” for banner image and change your image.
D) How to use Color Schemes?
Please open style.css file from Callegari/assets/css folder with a text editor and build your own colors. #141430 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:
- Barlow
- Playfair+Display
F) Resources Used
Global
Colors:
- Primary: #141430
- Secondary: #1f3745
- Text: #79848a
- Accent: #e6b127
Font Sizes:
- h1 >> 54
- h2 >> 46
- h3 >> 36
- h4 >> 20
- h5 >> 20
- h6 >> 18
- p >> 20
Image Links:
- https://www.freepik.com/free-photo/modern-business-building-with-glass-wall-from-empty-floor_1175705.htm#page=2&query=buildings+architecture&position=40
- https://www.freepik.com/premium-photo/moscow-city-river-lee-sun_3794580.htm#page=5&query=buildings+business&position=32
- https://www.freepik.com/free-vector/modern-paper-style_9827861.htm#page=8&query=Architecture&position=49
- https://elements.envato.com/logo-real-estate-skyscrapers-buildings-UWQFJJ
- https://elements.envato.com/architecture-modern-line-design-style-icons-set-H9U2RRZ
- https://www.freepik.com/free-vector/geometric-background-graphic-design_7083539.htm#page=1&query=Elements&position=18
- https://elements.envato.com/team-of-architects-and-engineer-in-group-on-constr-RY8EGSL
- https://www.freepik.com/free-photo/skyscraper-business-building-city_8269149.htm#page=3&query=buildings+city&position=48
- https://www.freepik.com/free-photo/tokyo-japan-cityscape_1009615.htm#page=4&query=buildings+city&position=48
- https://www.freepik.com/free-photo/windows-skyscraper-business-office_1119877.htm#page=6&query=buildings+city&position=49
- https://www.freepik.com/premium-vector/building-city_3355834.htm#page=1&query=Buildings&position=45
- https://www.freepik.com/premium-photo/engineer-working-office-with-blueprints_9513881.htm#query=Contractors&position=47
- https://www.freepik.com/premium-photo/modern-business-center-central-business-district-landscape-cityscape-with-sunny-beautiful-sky_5712409.htm#page=5&query=Buildings&position=9
- https://elements.envato.com/smiling-group-of-ethnically-diverse-professional-b-E54D7RY
- https://elements.envato.com/happy-male-office-worker-in-formal-suit-holding-ta-7NTDH66
- https://www.freepik.com/premium-photo/group-buildings-dubai-down-town-part-business-crossing-project_10475420.htm#page=2&query=buildings+office+building&position=17
- https://www.freepik.com/free-photo/low-view-modern-skyscrapers-office-buildings_12396219.htm#query=Buildings&position=47
- https://www.freepik.com/free-photo/low-angle-shot-tall-city-building-with-blue-sky-background-new-york_10944749.htm#
常见问题
