personal site - Stardance

Ship #1 Pending review

@abdulqadir on personal site · about 2 hours ago

Built a simple personal website with 3 sections (About Me, Skills, Contact). Wrote all the HTML and CSS myself, learning what each property does as I went — a warm apricot color scheme, card-style sections with soft shadows, and a hover lift effect on each card. The hardest part was getting section widths to line up evenly instead of shrinking to fit content. Proud that this is genuinely hand-typed, not AI-generated. To test: just open the live link and hover over the cards.

2 devlogs
1h
Personal Site

Try project → See source code →

Open comments for this post

@abdulqadir on personal site · about 3 hours ago

18m 47s logged

Added a hover effect on each section card — when you move your mouse over a box, it lifts up slightly with a smoother, deeper shadow, then settles back down when you move away. Used CSS transition and transform: translateY() to make the movement smooth instead of instant. Also fixed my section widths so all three cards line up evenly instead of shrinking to fit their own content. as you can see the second box has lil bit shadow in background

Open comments for this post

@abdulqadir on personal site · about 3 hours ago

1h 3m 45s logged

Started my Personal Site project for Stardance. Built the HTML structure with 3 sections (About Me, Skills, Contact) and wrote all the CSS myself with guidance — warm apricot background, orange headings, card-style sections with soft shadows and rounded corners. Wrote every line myself this time, no AI-generated code, learning what each CSS property does as I go.