https://github.com/aadewunmi/project_nike_product_card

Build a clone of a Nike Product Card using HTML, CSS and JavaScript
https://github.com/aadewunmi/project_nike_product_card

bootstrap card css css3 html5 javascript nike

Last synced: 27 days ago
JSON representation

Build a clone of a Nike Product Card using HTML, CSS and JavaScript

• Host: GitHub
• URL: https://github.com/aadewunmi/project_nike_product_card
• Owner: AAdewunmi
• Created: 2022-07-12T20:09:44.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-24T09:48:12.000Z (over 2 years ago)
• Last Synced: 2023-03-05T01:01:15.911Z (almost 2 years ago)
• Topics: bootstrap, card, css, css3, html5, javascript, nike
• Language: CSS
• Homepage:
• Size: 625 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nike Product Card Clone Project

## 1. Project Description:

Build a clone of a Nike Product Card using HTML, CSS and JavaScript.

It demonstrates the skills required to build a custom card instead of using pre-built templates such as Bootstrap card etc.

## 2. Tech Stack:

1. HTML 

2. CSS 

3. JavaSript 

## 3. Installing:

1. Clone the repo

```

https://github.com/AAdewunmi/Project_Nike_Product_Card.git

```

2. Open Project Folder

3. Explore

4. Open index.html in Visual Studio Code, using Live Server

5. Click on a color to experience a transition between shoes.

Enjoy :)

## 4. Screenshots

![Image description](images/orange_shoe.png)

![Image description](images/red_shoe.png)

## Adapted from:

UDEMY Course: 50+ Web Projects with HTML, CSS, and JavaScript.

Project Name: Project 3:  Nike Product Card 

Created by: Created by Code And Create, George Lomidze, Lasha Nozadze

Last updated 07/2022

URL: https://www.udemy.com/course/50-web-projects-with-html-css-and-javascript/