Skip to content

trsk269/MSD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 

Repository files navigation

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.

About

Stylish one-page fan tribute to cricket captain MS Dhoni built with pure HTML/CSS, showcasing profile details, stats, and a dark theme with smooth interactions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages