https://github.com/jaiswalchitransh/login-page
This HTML code establishes a clean login and signup page with internal CSS styling for visual appeal. The structure adheres to HTML5 standards, featuring input fields for username and password, submission and cancellation buttons, a "Remember Me" checkbox, and links for password recovery and registration.
https://github.com/jaiswalchitransh/login-page
css css3 html html5 login-page project responsive responsive-design template web-development website
Last synced: about 1 year ago
JSON representation
This HTML code establishes a clean login and signup page with internal CSS styling for visual appeal. The structure adheres to HTML5 standards, featuring input fields for username and password, submission and cancellation buttons, a "Remember Me" checkbox, and links for password recovery and registration.
- Host: GitHub
- URL: https://github.com/jaiswalchitransh/login-page
- Owner: jaiswalchitransh
- Created: 2023-04-03T20:59:43.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T20:37:26.000Z (almost 2 years ago)
- Last Synced: 2025-02-15T18:55:42.555Z (over 1 year ago)
- Topics: css, css3, html, html5, login-page, project, responsive, responsive-design, template, web-development, website
- Language: HTML
- Homepage:
- Size: 146 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Login Page
## Table of Contents
- [Project Overview](#project-overview)
- [Installation](#installation)
- [Usage](#usage)
- [Features](#features)
- [Contribution](#contribution)
## Project Overview
The given code is a login and signup page in HTML. It follows the HTML5 document structure which includes essential elements such as metadata, specified language, and defined viewport configurations. The visual look is enhanced using internal CSS to style the background, buttons, text inputs, and form elements. The structure adheres to HTML5 standards, dividing the body into header, main, and footer sections. The main section contains the login form, which is centered and includes input fields for username and password, a submit button, a checkbox for automatic login, and a cancel button. Additional functionalities include a "Forgot Password" link and a registration link, ensuring a user-friendly and visually appealing interface.
## Installation
To set up this project on your local machine, follow these steps:
1. Clone the repository:
git clone https://github.com/jaiswalchitransh/Login-Page.git
3. Navigate to the project directory:
cd Login-Page
5. Open the `index.html` file in your preferred web browser to view the website.
## Usage
To use the login and signup page, follow these steps:
1. Open the HTML file in a web browser.
2. Enter the username and password in the provided input fields.
3. Click the "Login" button to submit the form.
4. Use the "Remember Me" checkbox to save login details for future sessions.
5. Click the "Cancel" button to clear the form.
6. Use the "Forgot Password" link if you need to recover your password.
7. Click the "Register" link to navigate to the registration page.
## Features
- HTML5 document structure with essential metadata and viewport configurations.
- Internal CSS for styling background, buttons, text inputs, and form elements.
- Divided body structure with header, main, and footer sections.
- Centered login form with bordered container.
- Input fields for username and password.
- Submit button for form submission.
- Checkbox for automatic login.
- Cancel button to clear the form.
- "Forgot Password" link for password recovery.
- Registration link for new users.
## Contribution
I, **[Chitransh Jaiswal](https://www.linkedin.com/in/jaiswalchitransh/)** developed this Project Individually. I was responsible for all aspects of the project, including design, development, testing, and documentation.
Contributions to improve the efficiency, readability, or functionality of the code are welcome. To contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add some feature'`).
5. Push to the branch (`git push origin feature/your-feature`).
6. Create a new Pull Request.
Please ensure your contributions adhere to the coding standards and follow the existing style and structure.
---
Thank you for your interest in my Login Page!