Skip to content

EgonzalezTech/Login-form-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Login Form with Slider Images

This project is a modern login screen that includes an image slider, social media integration, and a dynamic footer with a logo and the current year.
It is built using HTML, CSS, and JavaScript (with Swiper.js for the slider).

alt text


πŸš€ Features

  • 🎨 Responsive and modern design.
  • πŸ–ΌοΈ Image slider powered by Swiper.js.
  • πŸ”‘ Login form with email and password fields.
  • πŸ‘οΈ Show/Hide password toggle.
  • 🌐 Social media links (Facebook, Instagram, X, Dribbble, GitHub).
  • πŸ“Œ Dynamic footer with logo (assets/img/logo.png) and auto-updating year.

πŸ“‚ Project Structure

.
β”œβ”€β”€ index.html          # Main page with form and slider
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   β”‚   β”œβ”€β”€ styles.css              # Custom styles
β”‚   β”‚   └── swiper-bundle.min.css   # Swiper CSS
β”‚   β”œβ”€β”€ js/
β”‚   β”‚   β”œβ”€β”€ main.js                 # Main logic for login/UI
β”‚   β”‚   └── swiper-bundle.min.js    # Swiper JS library
β”‚   └── img/
β”‚       β”œβ”€β”€ logo.png                # Footer logo
β”‚       β”œβ”€β”€ img-1.png               # Slider image 1
β”‚       β”œβ”€β”€ img-2.png               # Slider image 2
β”‚       └── img-3.png               # Slider image 3

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published