Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Profile Card - Frontend Wizards Stage 0

This is a responsive and accessible Profile Card built using semantic HTML, modern CSS, and vanilla JavaScript.
It was created as part of the Frontend Wizards – Stage 0 Challenge and includes required data-testid attributes for automated testing.


✅ Features

  • Semantic and accessible HTML5 structure
  • Dynamic current time in milliseconds (updates every 5 seconds)
  • User profile (avatar, name, bio)
  • Social media links with Font Awesome icons
  • Responsive layout for mobile, tablet, and desktop
  • Keyboard navigable links
  • Minimal and clean design
  • Fully testable with data-testid attributes

🔧 Tech Stack

Technology Purpose
HTML5 Structure & accessibility
CSS3 Styling & responsiveness
JavaScript Dynamic time update
Font Awesome Social icons

📂 GitHub Repository

🔗 https://github.com/wellsdigit/stage-0


🌍 Live Demo

https://wellsdigit.github.io/stage-0 image


🛠️ Run Locally

# Clone the repository
git clone https://github.com/wellsdigit/stage-0.git

# Navigate into the folder
cd stage-0

# Open in your browser
# Just double-click index.html

About

A simple and responsive Profile Card built with semantic HTML, modern CSS, and vanilla JavaScript. This project was created for Frontend Wizards – Stage 0 to demonstrate clean structure, accessibility, responsiveness, and testability using data-testid attributes.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages