Skip to content

skyengineer1/CSS-Different-Buttons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Buttons and Styling

This project demonstrates the creation and styling of various buttons inspired by popular platforms like Uber, Amazon, GitHub, Bootstrap, and LinkedIn. It also includes a basic product listing section styled in HTML and CSS.

πŸš€ Features

  • Uber-style Button: Minimalistic black and white button.
  • Amazon-style Buttons: "Add to Cart" and "Buy Now" buttons with vibrant colors.
  • GitHub-style Button: Bold green sign-up button.
  • Bootstrap-style Buttons: "Get Started" and "Download" buttons with unique designs.
  • LinkedIn-style Buttons: Professional "Apply" and "Save" buttons.
  • Product Section: Showcasing a Nike product with pricing and delivery details.

πŸ“ Files

  • index.html: Contains the HTML structure of the buttons and product section.
  • style.css: Contains the styling for all the buttons and other elements.

πŸ› οΈ How to Use

  1. Clone the repository.
    git clone <repository-url>
  2. Open index.html in your browser to view the buttons and styles.
  3. Modify the style.css to customize the styles.

🌟 Credits

Created with ❀️ for learning and practicing HTML & CSS.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published