https://github.com/ampaire/apple-clone-page

An HTML and CSS clone of the apple 2014 page. The aim of the project is to show how to position elements using flexboxes, grids, and floating elements in CSS
https://github.com/ampaire/apple-clone-page

apple css html imitates

Last synced: 3 days ago
JSON representation

An HTML and CSS clone of the apple 2014 page. The aim of the project is to show how to position elements using flexboxes, grids, and floating elements in CSS

• Host: GitHub
• URL: https://github.com/ampaire/apple-clone-page
• Owner: ampaire
• Created: 2019-08-27T23:17:13.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-10-04T13:36:02.000Z (over 3 years ago)
• Last Synced: 2024-12-28T10:41:41.312Z (12 days ago)
• Topics: apple, css, html, imitates
• Language: CSS
• Homepage:
• Size: 1.55 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 
 APPLE 2014 CLONE PAGE

 
 Microverse HTML & CSS solo project 2019.


 ![screenshot](images/apple.png)

 

The aim of the project was to create a page that imitates the Apple 2014 home page in purely HTML and CSS.

The objective was to show mastery in positioning elements using flexboxes, grids and floating elements using only HTML and CSS.

### FEATURES

Imitates the [Apple 2014 homepage](http://archive.fo/UW4oR)

### BUILT WITH

Built with HTML and CSS

### USING THIS PROJECT

1. Open the terminal and ``cd`` into your preferred directory.

2. Run ``$git clone https://github.com/ampaire/apple-clone-page.git``

3. Open this project in your favorite browser by running the index.html file in the browser

### [DEMO LINK](https://raw.githack.com/ampaire/apple-clone-page/master/index.html)

#### AUTHORS

- Github-> [@ampaire](https://github.com/ampaire)

- Twitter-> [@AmpaPhem](https://twitter.com/AmpaPhem)

- LinkedIn-> [Ampaire Phemia](https://www.linkedin.com/in/ampaire-phemia-b41619181)