Binance Clone

Project Description

This project is a static UI clone inspired by Binance-style web pages. It includes homepage and authentication-related screens with reusable navigation and footer sections.

Objective

• Recreate fintech-style modern interface patterns.
• Build consistent shared layouts across multiple pages.
• Practice form page design for login and sign in flows.

Tech Stack

• HTML5
• CSS3

Project Structure

• index.html: Main landing page UI.
• entity.html: Additional Binance-like content page.
• login.html: Login form page.
• signin.html: Sign in / registration style page.
• style.css: Main page and common styling.
• login.css: Authentication page specific styles.
• nav&footer.html: Reusable navigation/footer markup reference.
• nav&footer.css: Styling for shared navigation and footer.

Key UI Features

• Multi-page layout with consistent visual identity.
• Dedicated styles for auth pages.
• Reusable nav/footer structure for design consistency.

How To Run

1. Open the binance-clone folder in VS Code.
2. Launch index.html in your browser.
3. Open other pages (login.html, signin.html, entity.html) to view all screens.
4. Optional: Use Live Server for auto-refresh.

Customization Guide

• Update page content in each HTML file.
• Adjust global visuals in style.css.
• Modify auth form look in login.css.
• Keep common header/footer changes aligned in nav&footer.html and nav&footer.css.

Current Scope

• Frontend-only project.
• No real authentication or backend integration.