# Manhattan Computer Website: Technical Documentation This documentation covers the layout, design, structure, and custom code used to build and style the Manhattan Computer website using **Grav CMS + Quark theme**. --- ## 🌐 Technologies Used - **CMS:** Grav (flat-file, PHP-based) - **Theme:** Quark (modified) - **CSS:** Custom `mci.css` - **Markup:** Markdown (`.md`) + Twig - **Responsive design:** Yes, with media queries --- ## 📁 Page Structure - `/home` – Main landing page with video header and button grid - `/about` – Company overview with styled image and section layout - `/features` – Full list of services in a responsive grid (3x3 + 3x3) - `/pricing` – Four pricing tiers, styled boxes with transparent black background - `/contact` – Offices + contact form + email obfuscation - `/mci` – This documentation --- ## 🎨 Styling Overview Custom styles: ```text /user/themes/quark/css/mci.css