92 lines
3.4 KiB
Markdown
92 lines
3.4 KiB
Markdown
# Zettai Systems website
|
||
|
||
Static marketing site for **Zettai Systems** — IT services, solutions, and company pages.
|
||
|
||
## Run locally
|
||
|
||
Use the rewrite-aware server so clean URLs work (same as production):
|
||
|
||
```bash
|
||
python3 serve.py
|
||
```
|
||
|
||
Then open **http://127.0.0.1:8080/about** — not `file://…/about`.
|
||
|
||
Optional port: `python3 serve.py 3000`
|
||
|
||
`file://` cannot apply URL rewrites. Always use `serve.py` for local testing of `/about`, `/services/...`, etc.
|
||
|
||
## Deploy to cPanel
|
||
|
||
1. Upload **all** project files to your web root (usually `public_html`), preserving the folder structure (`css/`, `js/`, `assets/`, `services/`, etc.).
|
||
2. Ensure `.htaccess` and `404.html` are in the web root (Apache `mod_rewrite` required for clean URLs).
|
||
3. Confirm the site loads over HTTPS once your host certificate is active.
|
||
4. Production URLs are extensionless (e.g. `/about`, `/services/cloud-integration`). Old `.html` URLs 301-redirect to the clean form.
|
||
|
||
**Note:** `python -m http.server` does not apply `.htaccess`. For local clean-URL testing, use Apache or another server with rewrite support; opening `/about.html` still works as a static file.
|
||
|
||
## Google Analytics
|
||
|
||
GA4 is loaded from `js/analytics.js` on every page. Set `MEASUREMENT_ID` in that file to your `G-` stream ID (Admin → Data streams). Localhost traffic is ignored so preview does not pollute reports.
|
||
|
||
## Theme toggle
|
||
|
||
Light/dark preference is stored in `localStorage` under the key **`zs-theme`**.
|
||
|
||
## Contact details
|
||
|
||
- **Phone:** +91 807 299 8024 (`tel:+918072998024`)
|
||
- **Email:** solutions@zettaisystems.com (`mailto:solutions@zettaisystems.com`)
|
||
- **Careers email:** careers@zettaisystems.com
|
||
- **Address:** No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India
|
||
|
||
## Forms / email
|
||
|
||
Contact and careers forms POST to PHP endpoints (requires PHP on the host, e.g. cPanel):
|
||
|
||
- `/api/contact.php` → `solutions@zettaisystems.com`
|
||
- `/api/careers.php` → `careers@zettaisystems.com` (resume attachment supported)
|
||
|
||
Local `python3 serve.py` does **not** run PHP. Test mail on the live Apache/cPanel server after deploying the `api/` folder.
|
||
|
||
Ensure mailboxes `solutions@` and `careers@` exist, and that PHP `mail()` (or hosting SMTP) is enabled.
|
||
|
||
**Hosting note:** some hosts use a bot cookie (`humans_XXXX`) that returns HTTP 409 on first `/api/*.php` hits. The site JS sets that cookie and retries automatically. If mail still fails, whitelist `/api/` in ModSecurity / Imunify.
|
||
|
||
## Tech stack
|
||
|
||
- HTML
|
||
- CSS
|
||
- Bootstrap 5
|
||
- AOS (Animate On Scroll)
|
||
- Vanilla JavaScript
|
||
|
||
## Folder structure
|
||
|
||
```
|
||
.
|
||
├── index.html # Home
|
||
├── about.html
|
||
├── services.html
|
||
├── services/ # Individual service pages
|
||
├── solutions.html
|
||
├── industries.html
|
||
├── careers.html
|
||
├── contact.html
|
||
├── privacy-policy.html
|
||
├── terms.html
|
||
├── 404.html
|
||
├── css/ # Bootstrap, AOS, site styles
|
||
├── js/ # Bootstrap, AOS, main.js
|
||
├── assets/logos/ # Brand logos & favicon
|
||
├── logos/ # Source logo copies (optional)
|
||
├── components/ # Shared fragments (if used)
|
||
├── .htaccess # Apache / cPanel rules
|
||
└── README.md
|
||
```
|
||
|
||
## Notes
|
||
|
||
- Official domain: **`https://zettaisystems.com/`** (canonical, sitemap, and og:url use extensionless paths).
|
||
- Clean URLs require Apache rewrite via `.htaccess` after deploy.
|