Giter VIP home page Giter VIP logo

shellyda / login-screen-jquery-js Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.25 MB

A Login/Register screen with an Interactive hamburguer menu with jQuery and html/css.

Home Page: https://shellyda.github.io/login-screen-jquery-js/

License: MIT License

CSS 52.98% HTML 31.18% JavaScript 15.84%
login-system login loginscreen css-html-js javascript jquery black-and-white frontend clique-aqui para-acessar

login-screen-jquery-js's Introduction

Study Project: Login Screen with jQuery

Screenshot 2023-12-15 at 01 55 50

Introduction

Click here to check the deployed project

About

This project was developed as part of a study on the application of jQuery in a simple login screen. The main goal is to implement the functionality of changing the background color of the page when clicking on the hamburger menu.

Technologies Used

  • HTML5
  • CSS3
  • jQuery

Implemented Features

  1. Login Screen:

    • Basic structure of a login screen with user and password fields.
  2. Hamburger Menu:

    • Implementation of a hamburger menu behavior.
  3. Background Color Change:

    • Clicking on the hamburger menu icon changes the background color of the page.

Usage Instructions

  1. Clone the repository:

    git clone https://github.com/Shellyda/login-screen-jquery-js.git
  2. Open the index.html file in a web browser.

  3. Interact with the login screen and hamburger menu to observe the implemented features.

Contribution

Feel free to contribute improvements or fixes. Just follow these steps:

  1. Fork the repository. Create a branch for your contribution:
git checkout -b feature/your-feature
  1. Make necessary changes. Commit and push to your branch:
git commit -m "Add feature X"
  1. Open a pull request.
git push origin feature/your-feature

License

This project is licensed under the MIT License.


login-screen-jquery-js's People

Contributors

shellyda avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.