Wellington-lopes / GithubLogin

:octocat: Created a HTML page that replicates the GitHub Login Screen, showcasing my web development skills and attention to detail in frontend design.

Home Page:https://github-login-6bkeg20am-wsoaresllopes.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub Sign-In Clone Documentation

Description

The GitHub Sign-In Clone is a replica of GitHub's sign-in page. This documentation provides insights into the structure, elements, and styles used to create the clone, allowing you to understand the components and design of the login screen.

Structure

The GitHub Sign-In Clone consists of the following key components:

  1. GitHub Logo: The GitHub logo at the top of the page adds brand recognition.

  2. Sign-In Title: The title "Sign in to GitHub" clearly indicates the purpose of the page.

  3. Card (Gray): This section contains the login form with the following elements:

    • Username or Email Address Field: A field for users to input their username or email address.
    • Password Field: A field for users to input their password. It includes a "Forgot password?" link.
    • Sign-In Button: A green "Sign in" button to initiate the sign-in process.
  4. Create an Account Link: A link for users who don't have an account to create one.

  5. Footer Links: Links to GitHub's terms, privacy policy, documentation, and support.

Style

The GitHub Sign-In Clone is styled to closely resemble the official GitHub sign-in page:

  • Background: The page features a clean and minimalistic design.
  • GitHub Logo: The GitHub logo maintains the brand's integrity.
  • Text: It uses clear fonts and a suitable color scheme for readability.
  • Form Elements: Stylish text inputs and labels.
  • Buttons: The "Sign in" button follows the GitHub color scheme.
  • Links: All links have the standard GitHub style.

Author

Wellington Lopes

License

This project is open-source and available under the MIT License.

Feel free to customize this documentation template according to the specific details of your GitHub Sign-In Clone project.

image

About

:octocat: Created a HTML page that replicates the GitHub Login Screen, showcasing my web development skills and attention to detail in frontend design.

https://github-login-6bkeg20am-wsoaresllopes.vercel.app/


Languages

Language:CSS 56.6%Language:HTML 43.4%