gdgpce / gdgpce/BadgeCardGenerator

Implement Badge Input Form

Open
#7 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue hacktoberfest
Dominant language
HTML
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

- ***Description:***

Add a bold, centered title "*Badge Card Generator*" at the top of the page. Ensure proper font styling and responsiveness. Create a form with fields for Full Name, GitHub Username, and a file input for Upload Photo. Ensure inputs are styled with light borders and proper spacing. Add two buttons: Download (blue) and Share (orange) below the form. Buttons should have hover and active states.

- *Acceptance Criteria*

1. The title is centered and prominent.
2. Create fields for:
- Full Name (text input)
- GitHub Username (text input)
- Upload Photo (file input)

3. Add two buttons: one for "Download" (blue) and another for "Share" (orange).

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.