A high-performance, modern, and fully responsive portfolio and business website built for Mohammad Saiful Islam, Authorized Dealer of INDEX Laboratories Ayu. and IT Service Professional based in Cumilla, Bangladesh.
The website utilizes a custom dark-mode glassmorphism theme styled with Tailwind CSS, featuring deep atmospheric dark backgrounds paired with vibrant, professional accent colors:
| Color Name | Hex Code / Tailwind Class | Primary UI Usage |
|---|---|---|
| Brand Dark | #0b0f19 / bg-brandDark |
Main body background and dark containers |
| Brand Card | #1e293b / bg-brandCard |
Glassmorphism cards and container surfaces |
| Brand Accent | #3b82f6 / text-brandAccent |
Primary buttons, links, and IT service icons |
| Brand Gold | #f59e0b / text-brandGold |
Highlights, dealer badges, and e-commerce sections |
| Brand Emerald | #10b981 / text-brandEmerald |
WhatsApp buttons, office hours tags, and success states |
- Superfast Performance: Built with clean HTML5 and Tailwind CSS via CDN for lightning-fast page loading speeds.
- Modern UI/UX Design: Implements a sleek dark-mode glassmorphism design with animated shifting background gradients.
- Scroll Animations: Powered by AOS (Animate On Scroll) for smooth entry animations as users navigate through sections.
- Interactive Hero Section: Features floating card layouts, highlight badges, and clean typography.
- Business Overview and Services: Detailed information about INDEX Laboratories Ayu. wholesale/retail medicine supply and IT solutions.
- Extended Product Catalogs and E-Commerce Shops: Features multiple shopping platforms and storefronts including Saif Mart Website, Facebook Page, Othoba.com Shop, Martmama Shop, Packly Shop, Pykari.com Shop, and the IT & Web Solution Portfolio.
- Social Media Section: Direct connection links to Facebook, YouTube, TikTok, Instagram, and LinkedIn.
- Office Schedule and Hours: Clear working hours for regular weekdays and Fridays.
- Interactive FAQ (Accordion): Clean questions layout where users can click any question to dynamically view detailed answers.
- Customer Support Bar: Instant action buttons for Direct Calling, WhatsApp messaging, and Emailing.
- Contact Form (Formspree Integrated): Direct message submission capability configured to send user inquiries straight to
saiful05333@gmail.com. - Google Live Map: Embedded location map pointing to the physical office at Chowdhury Plaza, Poduar Bazar, Cumilla.
- Floating WhatsApp Button: Quick-access floating chat button pinned to the bottom-right for instant customer communication.
- Mobile Responsive: Fully optimized layout ensuring a seamless viewing experience across smartphones, tablets, and desktop computers.
- Markup: HTML5
- Styling and Design: Tailwind CSS
- Animations: AOS (Animate on Scroll Library)
- Icons: FontAwesome 6
- Form Handling: Formspree API
- Dealer Name: Mohammad Saiful Islam
- Business: INDEX Laboratories Ayu. Authorized Dealer
- Address: Chowdhury Plaza, Ground Floor, Room No- 03, Poduar Bazar, Bishwa Road, Sadar Dakshin, Cumilla-3500
- Phone: 01678262600, 01818273838
- Email: saiful05333@gmail.com
- Website Developed by: Jainal Abedin
- Designation: CEO, Dream Career IT BD
- Create a new repository on GitHub (e.g.,
saiful-islam-portfolio). - Save your source code file as
index.htmlinside your project directory. - Copy the text block above, paste it into a blank text editor, and save it as
README.mdin the same directory. - Push or upload both files to your GitHub repository main branch.
- Go to your repository Settings and open the Pages section.
- Under Build and deployment, select the branch as main and folder as root, then save.
- Within a few seconds, GitHub will generate your live website URL.