项目简介link

Archilux 是一套基于 Bootstrap 4 的企业展示型 HTML 模板，适合建筑、设计、创意类公司快速搭建官网。模板包含首页、关于、博客、作品集、团队、客服评价、FAQ 等完整页面，并附带联系表单与响应式布局。

技术栈link

• Bootstrap 4（响应式框架）
• jQuery + jQuery 插件（Magnific Popup 视频弹窗、Owl Carousel 轮播）
• Font Awesome 6（图标库）
• PHP（联系表单后端）
• CSS3 动画（animate.css）
• 静态 HTML

项目结构link

archiluxhtml-10/
  archilux/
    index.html 等多个 HTML 页面
    contact-form.php
    assets/
      bootstrap/bootstrap.min.css
      css/animate.css, blog.css, custom.css, mobile.css, owl.carousel.css
      js/contact-form.js, loadmore.js, video-section.js
      images/（各类页面素材图）
  Documentation/doc.html

核心文件说明link

• archilux/index.html — 主页入口，整合了导航、轮播、服务介绍等完整页面结构
• archilux/contact-form.php — 处理联系表单邮件发送的 PHP 后端脚本
• archilux/assets/js/contact-form.js — 表单验证与 AJAX 异步提交逻辑
• archilux/assets/js/loadmore.js — 博客列表"加载更多"渐进展示功能
• archilux/assets/js/video-section.js — Magnific Popup 视频弹窗初始化配置
• archilux/assets/css/custom.css — 模板核心自定义样式

快速开始link

纯静态页面，直接用浏览器打开 archilux/index.html 即可预览。启用联系表单需将 archilux 目录部署到支持 PHP 的 Web 服务器，并修改 contact-form.php 中的目标邮箱地址。

使用建议link

该模板适合需要快速上线企业官网的场景。建议根据实际业务调整品牌色、页面文案及联系邮箱。依赖 CDN 加载 Font Awesome、jQuery 等库，部署前需确保网络可访问外部资源，或将相关资源本地化。