Skip to content

README.md

Latest commit

 

History

History
58 lines (42 loc) · 1.52 KB

README.md

File metadata and controls

58 lines (42 loc) · 1.52 KB
Raw

MS Dhoni — Legend

A lightweight single-page profile website celebrating the career of Cricket legend MS Dhoni, built with HTML and CSS only.

🌟 Project Overview

  • Static site (index.html) with custom typography, responsive layout, and dark theme.
  • Sidebar profile card + info + social buttons.
  • Smooth one-page scroll navigation and modern UI interactions.
  • No JavaScript dependency.

🚀 Live Preview

Open MSD/index.html directly in your browser:

  • macOS / Linux:
    • open /Users/trsk/Downloads/github/MSD/MSD/index.html
  • Windows:
    • Double-click index.html

🛠️ Technologies

  • HTML5
  • CSS3 (variables, grid, transitions)
  • Google Fonts:
    • Bebas Neue
    • DM Sans
    • DM Serif Display

📁 Repository Structure

  • MSD/index.html — Full app content and style in one file.

▶️ Usage

  1. Clone the repo:
    • git clone https://github.com/trsk269/MSD.git
  2. Open:
    • MSD/MSD/index.html
  3. Optional: serve with simple HTTP server for local development:
    • cd MSD/MSD
    • python3 -m http.server 8000
    • Browse: http://localhost:8000

✍️ Customization

  • Update profile content inside the card.
  • Add img source and text.
  • Tweak CSS variables for color & theme.
  • Expand with sections (career facts, stats, achievements) into .main.

📦 Contribution

  1. Fork this repo
  2. Create feature branch: git checkout -b feature/your-feature
  3. Commit changes: git commit -m "Add ..."
  4. Push: git push origin feature/your-feature
  5. Create PR and describe the change.