Skip to content

Case study & showcase of a static HTML/CSS/JS website for Shree Balaji Steel Works – premium steel, glass & wooden railings in Udaipur (client project 2025)

Notifications You must be signed in to change notification settings

Eshbanoliver/shree-balaji-steel-works-html-showcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Shree Balaji Steel Works - Steel Railing & Metal Works Website

Static HTML/CSS/JavaScript website developed for a premium railing manufacturer and metal works provider in Udaipur, Rajasthan (2025 client project).

Project Overview

  • Client Industry: Steel Fabrication, Railings & Metal Works (Steel, Glass, Wooden Railings)
  • My Role: Full front-end development using pure HTML, CSS, and vanilla JavaScript
  • Timeline: 3-5 weeks
  • Team Size: Solo developer
  • Live Website: https://shreebalajisteelworks.in/
    (Confidential client project – visuals & case study only; full demo/source available on request after NDA)

Key Features Implemented

  • Fully responsive design with mobile-first approach
  • Modern hero section with tagline "Best Welding & Metal Works" and CTA
  • Services showcase cards for Steel Railing, Wooden Railings, and Glass Railing
  • About section highlighting craftsmanship, quality tools, and commitments (reliable service, deadlines, upfront pricing, latest technology)
  • Testimonials section with real client feedback
  • Contact form + multiple phone numbers, email, and address
  • Stats counters (projects, clients, metal works – even if placeholders)
  • Clean navigation: Home, About Us, Services, FAQ, Contact
  • Industrial aesthetic with focus on product imagery (railings, welding examples)

Technical Stack

  • HTML5
  • CSS3 (custom styling, responsive media queries, flex/grid)
  • Vanilla JavaScript (for interactions, form handling if any)
  • No frameworks (pure static site – fast, lightweight, easy to host)
  • Optimized images and structure for good performance

Challenges & Solutions

  • Challenge: Achieving responsive layout across devices without frameworks → Solution: CSS media queries + mobile-first design + tested on multiple viewports
  • Challenge: Clean product showcase without heavy JS libraries → Solution: Simple CSS hover effects and image grids
  • Challenge: Building trust for fabrication services → Solution: Testimonials, quality commitments, and real contact details prominently placed

What I Learned

  • Building fast, SEO-friendly static sites for local manufacturing businesses
  • Creating professional industrial-looking designs with pure HTML/CSS/JS
  • Incorporating trust elements (testimonials, commitments, contact info) effectively in static projects

Important Note: Full source code is private (client ownership + NDA).
A static HTML export (shreebalajisteelworks.in.html) can be included in this repo for offline reference (non-interactive).

Open to discussing similar static websites, railing/fabrication, or industrial service projects! This Project was developed under the supervision of the Senior Developer @aveshhus

📧 eshbanoliver@gmail.com
LinkedIn: (https://in.linkedin.com/in/eshban-oliver-757352372) Location: Udaipur-based client project

Releases

No releases published

Packages

No packages published

Languages