swadeesh

Swadesh Housing Projects LLP - Corporate Profile Website

A single-page static website showcasing the corporate profile of Swadesh Housing Projects LLP, built from the company’s PDF profile document.

Features

Color Palette

Typography

Sections

  1. Header: Company name and branding
  2. Hero Section: Main introduction
  3. About Us: Company overview, vision, and approach
  4. Core Values: Quality, Customer Centricity, Integrity, Innovation, Sustainability
  5. Leadership Team: Profiles of key team members
  6. Ongoing Projects: Current developments
  7. Completed Projects: Landmark projects delivered
  8. Expertise: Company capabilities
  9. Sister Companies: Network of related businesses
  10. Call to Action: Partnership invitation
  11. Footer: Contact information

Deployment to GitHub Pages

Method 1: Direct Upload

  1. Create a new repository on GitHub
  2. Upload index.html to the repository
  3. Go to Settings → Pages
  4. Select the main branch as the source
  5. Your site will be available at https://username.github.io/repository-name/

Method 2: Using Git

# Initialize git repository
git init

# Add files
git add index.html README.md

# Commit
git commit -m "Initial commit: Swadesh Housing corporate profile website"

# Add remote (replace with your repository URL)
git remote add origin https://github.com/username/repository-name.git

# Push to GitHub
git push -u origin main

# Enable GitHub Pages in repository settings

Local Development

Simply open index.html in a web browser. No build process or server required.

Browser Support

Customization

To customize colors, fonts, or content:

  1. Colors: Modify CSS variables in the <style> section within <head>
  2. Fonts: Update Google Fonts links in the <head> section
  3. Content: Edit HTML content directly in index.html

Images

The website includes placeholder images from Unsplash in the following locations:

  1. Hero Section: Background image of modern architecture
  2. About Us: Side image of residential building
  3. Leadership Team: Profile photos for each team member (4 images)
  4. Ongoing Projects: Project showcase images (6 images - one per project)
  5. Completed Projects: Gallery of completed buildings (3 showcase images)
  6. Expertise Section: Images representing Residential, Commercial, and Redevelopment projects (3 images)
  7. Footer: Office building image

Replacing Images

To replace placeholder images with actual photos:

  1. Add your images to an images/ folder in the repository
  2. Update the src attributes in index.html to point to your local images
  3. Example: Change src="https://images.unsplash.com/..." to src="images/hero-bg.jpg"

Recommended Image Sizes:

Notes