Powermark Engineering Limited - Professional Website

A modern, responsive website for Powermark Engineering Limited featuring a professional black-blue color scheme with a focus on electrical power solutions.

About Powermark Engineering Limited

Powermark Engineering Limited is a leading power solutions company based in Dhaka, Bangladesh, specializing in comprehensive electrical power solutions including sub-station design, transformer installation, switch gear solutions, and complete power distribution systems.

Tagline: Total Power Solution

Features

• Responsive Design: Mobile-friendly layout that works seamlessly on all devices
• Modern UI: Professional black and blue gradient design with gold accents
• Comprehensive Sections:
  • Sticky Navigation bar with smooth scrolling
  • Eye-catching Hero section with call-to-action
  • Services showcase (6 power solution services)
  • About section with company information
  • Management section featuring leadership
  • Impressive Statistics display
  • Contact form and detailed contact information
  • Professional Footer with quick links and social media

Color Scheme

• Primary Dark: #0a1428 (Deep Black)
• Primary Blue: #004aad (Professional Blue)
• Accent Blue: #0d6efd (Bright Blue)
• Accent Yellow: #ffc107 (Gold highlights)

Services Offered

1. Sub-Station & Transformer - Professional installation and maintenance
2. H.T & L.T Switch Gear - High and low tension solutions
3. Motor Control Panel - Star-Delta Stater, Auto Change Over Switch, ACB Panel
4. Electrical Drawing Design - Professional technical documentation
5. UPS, IPS & AVR - Uninterrupted power supply systems
6. 1st Class Contractor - Complete electrical power solutions

Files

• index.html - Main HTML structure with company details
• styles.css - Complete styling and responsive design
• script.js - Interactive features and smooth scrolling
• README.md - Documentation and customization guide

Getting Started

1. Clone the repository

   git clone https://github.com/rdriaz/powermark-website.git

2. Open index.html in your browser

   open index.html

3. Customize content as needed

Customization

Edit Company Information

• Update hero section text in index.html
• Modify services to match your current offerings
• Update contact information and social links
• Edit management team section with appropriate personnel

Colors

• Edit CSS variables in styles.css :root section
• All colors are centralized for easy modification
• No need to hunt through the stylesheet

Content Updates

• Services: Located in the services section (lines 45-92)
• Contact Info: Update in the contact section (lines 140-176)
• Company About: Located in the about section (lines 96-114)
• Management: Update in the management section (lines 206-221)

Company Contact Information

Powermark Engineering Limited

• Address: 104, Krishnachura, Commercial Complex (1st Floor), 24-BC, Shahid Minar Road, Kallyanpur, Dhaka-1207, Bangladesh
• Phone: +880 1712-569893
• Email: powermarkbd@gmail.com
• Website: www.powermarkltd.com
• Managing Director & CEO: Engr. Md. Sahidul Islam Shohag (B.Sc. Engineering - EEE)

Browser Support

• Chrome (latest versions)
• Firefox (latest versions)
• Safari (latest versions)
• Edge (latest versions)
• Mobile browsers (iOS Safari, Chrome Mobile)

Responsive Breakpoints

• Desktop: 1200px and above
• Tablet: 768px to 1199px
• Mobile: Below 768px

Features Implemented

✅ Smooth scrolling navigation ✅ Mobile hamburger menu ✅ Hover effects on service cards ✅ Animated hero section ✅ Form validation ✅ SEO-friendly HTML structure ✅ Font Awesome icons integration ✅ CSS Grid and Flexbox layouts ✅ Modern animations and transitions ✅ Professional typography

License

© 2024 Powermark Engineering Limited. All rights reserved.

Support

For questions or customization assistance, please contact:

• Email: powermarkbd@gmail.com
• Phone: +880 1712-569893
• Website: www.powermarkltd.com

---

Last Updated: August 30, 2026 Version: 1.0