This project is part of the HNG Internship Stage 0, designed to test and showcase my skills in HTML, CSS, and Vanilla JavaScript. The goal is to create a responsive and visually appealing profile card that includes specific elements with data-testid attributes for easy testing.
The profile card is a simple effective way to display personal or professional information. It includes the following elements:
- Profile Picture
- Full Name
- Job Title
- Short Bio
- Current Location
- Email Address
- Social Links
- Current Time in UTC Each element is marked with a data-testid attribute for easy testing.
- Responsive Design: The profile card is designed to look great on all screen sizes.
- Dynamic UTC Time: The current time in UTC is displayed and updates dynamically.
- Clean UI/UX: The card follows a clean and modern design approach.
- Testable Elements: All required elements include data-testid attributes for easy testing.
HTML - For structuring the profile card. CSS - For styling and making the card responsive. JavaScript - For dynamically updating the UTC time.
- Clone the repository
git clone https://github.com/fatuma65/profile-card.git-
Open the project Open the index.html file to view the card
-
Modify the content Update the index.html file with your personal details and change the profile picture.
-
Run the application locally Use live server to view the changes in your browser.