返回首页
Namun | 古典立面画廊与视差滚动建筑模板 — Free HTML5 Tailwind CSS Website Template Preview
悬停可滚动预览
Real Estate & Construction 6.8 MB 版本: 1.0.0

Namun — 免费Real Estate & Construction网站模板

Naber是一款免费的HTML5模板,使用Tailwind CSS和原生JavaScript构建,专为房地产和建筑网站设计。包含七个HTML页面,涵盖关于、归档、作者、分类、联系和索引布局。设计强调滚动驱动的内容呈现,设有建筑风格展示、编辑精选、访谈、播客和最新文章等板块。

该模板使用手写CSS与Tailwind工具类相结合,在所有屏幕尺寸上保持统一的间距和排版。包含一个HTML联系或新闻订阅表单,并附带23张WebP格式的本地图片。未引入任何外部JavaScript动画库,包体积为6.8MB。布局响应式,在768px以下屏幕可干净折叠,适用于建筑工作室作品集、房源展示网站和建筑公司着陆页。

主要功能

  • 古典立面画廊搭配视差滚动效果
  • 建筑演变现代时间线板块
  • 集成地图的预约表单
  • 移动端优先导航与平滑锚点链接
技术栈 HTML5, Tailwind CSS, JavaScript
发布日期 2026-07-05
许可证 免费(须保留页脚署名链接)

适用场景

适合建筑事务所、室内设计公司及房地产开发商的营销人员,用于展示项目案例并获取客户预约。不适合个人博客或电商网站。

包含页面区块

模板的首页包含以下分区标题:探索古今建筑风格和、编辑精选、加入我们社区、访谈、播客、话题、必读、最新文章。这些分区在7个HTML页面中均有支持,采用手写CSS和Tailwind工具类样式,专为内容丰富的房地产和建筑网站设计。

推荐理由

提供简洁的内容导向结构,无重量级动画依赖。手写CSS层让开发者能直接控制样式,无需与框架默认值对抗。七个组织良好的页面开箱即用满足常见房地产网站需求,联系表单已准备好用于线索收集,无需额外配置。

技术规格

需要Node.js v18+和npm作为构建工具链。PostCSS通过Tailwind CLI生成样式。颜色和字体可通过tailwind.config.js配置。所有SVG图标为内联格式,方便换色。可部署为静态文件至Netlify、Vercel或任何无需服务端依赖的主机。

理想使用场景

小型建筑工作室可部署此模板展示项目画廊,同时设置案例研究的编辑板块。区域建筑公司可利用多页结构区分服务、团队介绍和客户咨询。房地产经纪人可将本地图片替换为房源展示,并重用分类和归档页面制作社区指南。

性能评分

Performance
99
Accessibility
88
Best Practices
100
SEO
83
-- 次浏览 -- 次下载
在 GitHub 上查看源码

常见问题

namp模板包含多少个页面?
它附带7个HTML页面:index.html、about.html、archive.html、authors.html、categories.html、contact.html 和 namun.html。每个页面均可独立编辑,无需构建步骤。
该模板是否依赖CSS框架或动画库?
未检测到外部CSS框架或JS动画库。样式使用手写CSS结合Tailwind CSS类,将包大小保持在6.8 MB,依赖轻量化。
联系表单能否针对不同用途进行自定义?
可以——模板包含一个适用于联系或邮件订阅的HTML表单。它使用标准标记,可通过直接在HTML中编辑表单字段和action属性来适配。
该模板中的图片是否针对性能进行了优化?
模板包含23张本地图片,开箱即用。您可以替换为自己的素材,但应手动压缩或懒加载图片,因为模板未内置自动化图片优化功能。
该模板为房地产网站支持何种设计重点?
它专为建筑和施工内容而设计,涵盖话题、访谈、播客、编辑精选和最新文章等板块,适合发布内容驱动营销页面的房地产公司。