althentic.dev

Affordable, professional full-stack web development. Real code, real results.

Official marketing website for althentic — a web development startup.
Built with vanilla HTML/CSS/JS. No frameworks, no build step.

Features

• 4 pages — Home, About, Services, Contact
• Neumorphism design — Clean black/white aesthetic with dual-shadow system
• Multilingual — English 🇬🇧 / Indonesian 🇮🇩 with instant toggle
• 3D model viewer — Interactive GLB model on Hero and Team sections
• Multi-step contact form — 3-step form with service/budget/timeline selection
• EmailJS integration — Admin notification + auto-reply + newsletter
• Scroll animations — AOS (Animate on Scroll) + Lenis smooth scroll
• FAQ accordion — Filterable categories with smooth transitions
• Portfolio gallery — Filterable grid with detail modal
• Responsive — Mobile-first, fully responsive
• Accessible — ARIA labels, skip link, keyboard navigation, screen reader support

Tech Stack

Layer	Technology
Markup	HTML5
Styling	CSS3 (Custom Properties / Design Tokens)
Icons	Lucide + Bootstrap Icons
3D	<model-viewer> (Google)
Email	EmailJS
Animations	AOS + Lenis
Fonts	Plus Jakarta Sans + Lato (Google Fonts)

Project Structure

├── index.html          # Home page
├── about.html          # About + Portfolio + Process
├── service.html        # Services + Pricing
├── contact.html        # Contact form + Team
├── css/
│   ├── reset.css       # CSS reset
│   ├── variable.css    # Design tokens
│   ├── base.css        # Base styles
│   ├── layout.css      # Layout components
│   ├── component.css   # All UI components
│   └── responsive.css  # Responsive breakpoints
├── js/
│   ├── config.js       # EmailJS configuration
│   └── main.js         # All application logic
├── assets/
│   ├── image/          # Images and logos
│   ├── model/          # 3D models (.glb)
│   └── favicon/        # Favicon files
└── docs/               # Project documentation
    ├── PRD.md
    ├── SPEC.md
    ├── DESIGN.md
    ├── ARCHITECTURE.md
    ├── CONTEXT.md
    └── TODO.md

Getting Started

1. Clone the repo

   git clone https://github.com/Althentic-dev/Althentic.git
   cd Althentic

2. Open in browser

   open index.html
   # or just double-click index.html

3. EmailJS setup (optional)

   • Create an account at emailjs.com
   • Add an email service
   • Create 3 email templates
   • Fill in js/config.js with your keys
   • See assets/email-templates.md for full guide

License

© 2026 althentic. All rights reserved.