nathantekpo-hue/WEST-WALKA-ENGINEERING-

A RESPONSIVE MARKETING WEBSITE FOR A BESPOKE TAILORING BRAND BASED IN ACCRA -GHANA # West Walka Tailoring Engineering Website A modern, fully responsive website for West Walka Tailoring Engineering. Built with vanilla HTML, CSS, and JavaScript for easy hosting and minimal dependencies. ## Files Included - `index.html` - Main HTML file with all content and structure - `styles.css` - Complete responsive styling - `script.js` - JavaScript for interactivity (mobile menu, form handling) - `netlify.toml` - Netlify deployment configuration ## Features ✅ Fully responsive design (mobile, tablet, desktop) ✅ Modern, clean aesthetic ✅ Mobile hamburger menu ✅ Contact form with WhatsApp integration ✅ SEO-optimized with meta tags ✅ Fast loading (no dependencies) ✅ Smooth scroll navigation ✅ Gallery and portfolio sections ## Setup & Deployment to Netlify ### Option 1: Deploy with Netlify CLI (Fastest) 1. Install Node.js (if you don't have it): nodejs.org 2. Open terminal in your project folder 3. Install Netlify CLI: ``` npm install -g netlify-cli ``` 4. Deploy: ``` netlify deploy ``` 5. Follow the prompts to connect your Netlify account 6. Your site will be live! ### Option 2: Drag & Drop Deploy 1. Go to app.netlify.com 2. Sign in (or create a free account) 3. Drag your entire project folder onto the Netlify dashboard 4. Your site will deploy automatically ### Option 3: GitHub Integration (Recommended for Long-term) 1. Push your code to GitHub 2. Connect your GitHub repo to Netlify at app.netlify.com 3. Netlify auto-deploys on every git push ## Customization Guide ### Images Replace placeholder images with actual photos: ```html ``` **To add your images:** 1. Create a folder called `images` in your project 2. Add your photos to this folder 3. Reference them as `/images/filename.jpg` ### Colors To change the color scheme, edit the CSS variables in `styles.css`: ```css :root { --primary-color: #1a1a1a; /* Dark charcoal */ --secondary-color: #0d5b4a; /* Teal green */ --accent-color: #2d7d6f; /* Light …