AGO – Carbon Border Adjustment Mechanism (CBAM) Implementation

Strategic Compliance & Sustainability for the EU CBAM Era A modern, responsive landing page for AGO Consulting, built to guide exporters and importers through the phased introduction of the Carbon Border Adjustment Mechanism. The site clearly presents the 2023–2030 timeline, service offerings, and a contact inquiry form—all styled with a dark, premium aesthetic. 🔗 Live Demo: aimtyaem.github.io/AGO

📋 Features

• Minimalist Navigation – Fixed top bar with smooth-scroll anchors for seamless user experience.
• Hero Section – Bold gradient text with a high-impact call-to-action button and atmospheric background.
• CBAM Timeline – Visual three-phase layout covering Transitional Reporting, Certificate Purchase, and Expansion.
• Service Cards – Detailed modules for Emissions Verification, ETS Pricing, Supply Chain Risk, and Compliance.
• Contact Form – Clean, frontend-ready inquiry form with subject selection and email validation.
• Fully Responsive – Optimized for all devices using Tailwind CSS grid and flexbox utilities.
• Dark Theme – Premium glassmorphism effects paired with a sophisticated slate/black palette.

🛠️ Technologies Used

Tech	Purpose
HTML5	Semantic structure and document layout
Tailwind CSS	Utility-first styling and responsive design
Font Awesome 6	Vector iconography for services and social links
Google Fonts	Typography using the "Inter" font family
Unsplash	High-quality atmospheric imagery for the hero section

📁 Project Structure

AGO/
├── img/          # Asset directory for screenshots and branding
└── index.html    # Single-page website containing all HTML, CSS, and JS

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/aimtyaem/AGO.git
cd AGO

2. Open Locally

Simply open index.html in your browser, or run a lightweight server:

# Using Python 3
python -m http.server 8000

Then visit http://localhost:8000.

3. Deployment

The project is configured for GitHub Pages. Any changes pushed to the main branch will automatically reflect at: https://aimtyaem.github.io/AGO/

🎨 Customization

· Colors & Styles: Modify the Tailwind classes directly in the HTML or override the <style> block for custom branding. · Content: Replace the placeholder text in the "Services" and "Timeline" sections to match specific organizational needs. · Contact Backend: The current form is static. Connect the action attribute to a service like Formspree, Netlify Forms, or a custom API to enable functionality.

📸 Screenshots

Click to expand screenshots

Hero Section

https://raw.githubusercontent.com/aimtyaem/AGO/main/img/hero-lg.jpg

Live Timeline

https://raw.githubusercontent.com/aimtyaem/AGO/main/img/hero-sm.jpg

Services

https://raw.githubusercontent.com/aimtyaem/AGO/main/img/services.jpg

🤝 Contributing

Contributions and feedback are welcome! Feel free to open an issue or submit a pull request to improve the documentation or design.

📄 License

This project is for demonstration purposes. All rights reserved unless otherwise stated.

📧 Contact

Built with ❤️ by AEM publications | © 2026