https://github.com/tinspham209/apple.com-replica

Build Apple Web clone with HTML/CSS
https://github.com/tinspham209/apple.com-replica

apple css html

Last synced: 2 months ago
JSON representation

Build Apple Web clone with HTML/CSS

• Host: GitHub
• URL: https://github.com/tinspham209/apple.com-replica
• Owner: tinspham209
• Created: 2020-05-24T03:05:13.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-27T19:14:37.000Z (over 4 years ago)
• Last Synced: 2023-03-07T23:19:26.373Z (almost 2 years ago)
• Topics: apple, css, html
• Language: CSS
• Homepage:
• Size: 1.51 MB
• Stars: 2
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mini Project: A replica of Apple's website

## Date: 24 - May - 2020

### Functions

Build a Responsive Website with Animations

### Template

https://www.apple.com/

### Screenshot



### Tech-Stack

- HTML

- CSS

- Javascript

### Plan Of Action

- Initial project

- Header component

- iPhone-11 component

- iphone-11-pro component

- watch component

- Responsive for medium screen

- Responsive for iPad devices

- Responsive for mobile devices

- Animations

### After this project

I learn a little more about `HTML` & `CSS`

- Layout HTML

- Use keyframe and hover effect animations, several animations with `CSS` & `JS`

- Use media queries to make responsive

### Directory Structure

```

.

├── images

├── README.md

├── index.html

├── styles.css

└── main.js

``` 

### Set up

Use the cmd line to clone repo to your computer

```

git clone [github_repo_url]

```

Open `index.html` to run the application