Prodevinfo/CIPL-Website

# 🛡️ Cyber Intelligence Protection Lab (CIPL) [](https://developer.mozilla.org/en-US/docs/Web/HTML) [](https://developer.mozilla.org/en-US/docs/Web/CSS) [](https://developer.mozilla.org/en-US/docs/Web/JavaScript) [](https://web3forms.com/) [](https://github.com/Prodevinfo/CIPL-Website) [](https://prodevinfo.com/) 这是一个专为 **Cyber Intelligence Protection Lab (CIPL)** 设计和优化的高级、现代且高性能的企业平台。该项目完全使用纯净、语义化的原生 Web 技术构建，作为一个完全静态、无服务器（serverless）的网站运行，并针对极速加载、卓越的 SEO 合规性以及现代流畅的响应式设计进行了优化。 ## ✨ 功能概览 ### 🔒 企业级安全主题 - **双主题支持**：提供无缝的深色/浅色模式切换，并带有由 CSS 变量驱动的平滑过渡效果。 - **状态持久化**：用户偏好的主题会通过 `localStorage` 保存在本地，并在后续访问时自动加载。 - **简洁美学**：采用专业的深岩灰色与电光蓝点缀，具有极高的可信度与可读性。 ### 📱 响应式与移动优先架构 - **网格布局修复**：严格的列模板（`repeat(N, minmax(0, 1fr))`）可防止在平板和较小笔记本视口上出现布局坍塌。 - **表单截断**：原生下拉菜单（``）采用智能省略号截断（`text-overflow: ellipsis`），以防止卡片在紧凑的手机屏幕上被裁剪及出现水平滚动条。 - **现代页脚**：在移动设备屏幕上采用结构化的、左对齐的双列网格布局，以最大化水平浏览范围与触摸目标区域。 ### 🧠 无服务器交互工具 - **交互式网络风险计算器**：这是一个无服务器的 4 步安全清单评估小组件，直接集成在首页中。它使用客户端 JavaScript 计算网络风险等级（*Shield Secured*、*Moderate Risk*、*Critical Risk*）。 - **事件紧急通信器**：紧急联系部分会自动生成预格式化的 WhatsApp 咨询请求，以便在桌面端或移动端即时跳转： - **妇女与儿童支持**：Miss Nivetha (+91 90477 14382) - **咨询与威胁沙盒**：Mr. Johnson (+91 91366 92642) ### 📧 无服务器表单集成 (Web3Forms) - **零后端需求**：所有联系、自定义报价和订阅表单均直接提交至 Web3Forms API endpoint，将结构化数据安全地转发至客户的收件箱。 ## 📂 代码库与目录结构 ``` cipl-services/ ├── assets/ │ ├── css/ │ │ └── style.css # Global CSS custom variables, theme tokens, and typography │ └── js/ │ │ └── main.js # Theme toggle, risk calculator, and emergency WhatsApp generators ├── pages/ # Secondary Corporate Pages │ ├── about.html # Mission profile, Cyberdome partnership, and newsletter │ ├── contact.html # Corporate helpdesks, address maps, and contact form │ ├── pricing.html # Free, enterprise, and law-enforcement quote engines │ └── work.html # Interactive filterable cybersecurity service catalog ├── programs/ # Syllabus & Training Course Modules │ ├── AI-Deep.html # Deepfake, AI manipulation, and voice cloning syllabus │ ├── Case-study.html # Financial fraud vectors (Telegram/WhatsApp task scams) │ ├── Employee.html # ISO 27001 corporate compliance and device hygiene │ ├── Enforce.html # Darknet OSINT, blockchain tracing, and sandboxing │ ├── Forensic.html # Chain of custody, registry forensics, and imaging │ ├── Phishing.html # Phishing simulations, smishing signs, and recovery │ ├── Social-media.html # Privacy controls, romance scams, and identity theft │ └── Women-Safety.html # Harassment, stalking, and child safety self-defense ├── index.html # Corporate Homepage (Hero, assessment, emergency desk) ├── .gitignore # Version control rules └── README.md # Platform documentation ``` ## 🔧 表单配置指南 表单提交已与 **Web3Forms** 集成。提交流程依赖于一个 access key。 要配置或更新目标电子邮件收件箱： 1. 在以下文件中找到 `

` 元素： - 主页：`index.html`（订阅表单） - 联系页面：`pages/contact.html`（安全联系表单） - 关于页面：`pages/about.html`（订阅注册表单） - 定价页面：`pages/pricing.html`（自定义报价表单） 2. 将隐藏的 `access_key` 输入项的 `value` 替换为您的有效 Web3Forms 密钥： ```

Email Address Submit Request ``` ## 💻 本地设置与开发 该代码库依赖于原生 Web 标准，不需要 Node.js、Webpack 或外部打包工具。 ### 快速开始 1. 克隆代码库： git clone https://github.com/Prodevinfo/CIPL-Website.git 2. 导航至项目根目录，并直接在您选择的浏览器中启动 `index.html`。 ### 本地开发服务器（推荐） 为了防止在本地开发期间或链接脚本时出现 CORS 限制，请使用轻量级 Web 服务器来托管此目录： **使用 Python（大多数系统已预装）：** ``` # 在 port 8000 上提供服务 python -m http.server 8000 ``` 打开浏览器并导航至 `http://localhost:8000`。 **使用 Node.js（通过 static-server）：** ``` npx http-server -p 8000 ``` ## 🎨 主题自定义与排版 颜色 token 和排版在 `assets/css/style.css` 文件中的 `:root` 伪类内被全局定义为 CSS 变量： ``` :root { --primary-color: #0b5edd; --secondary-color: #052c65; --bg-color: #ffffff; --text-color: #212529; --card-bg: #f8f9fa; --border-color: #dee2e6; ... } [data-theme="dark"] { --bg-color: #0d1117; --text-color: #c9d1d9; --card-bg: #161b22; --border-color: #30363d; ... } ``` 更新这些变量将自动修改全站所有 13 个核心页面的设计 token。 ## 🛡️ 许可证、致谢与免责声明 - **设计与维护**：由 [Team ProDevInfo](https://prodevinfo.com/) 用 ❤️ 构建与定制。 - **版权所有**：© 2026 CIPL Services Company. 保留所有权利。 - **安全声明**：此门户提供教学大纲结构和网络安全自我评估指标。紧急支持通道直接连接至专属的事件响应台。

标签：企业官网, 后端开发, 威胁情报, 库, 应急响应, 开发者工具, 数据可视化, 网络安全服务, 静态网站