Building with background and gradients: Apple clone

This project is an odin assignment about cloning the old apple homepage that demonstrates the knowledge of HTML, CSS background properties, CSS gradients using linear gradients for designing navigation bar, CSS flexbox for positioning elements CSS media query for responsiveness.

Additional description about the project and its features.

Built With

HTML

• Semantic HTML

• Img tags

• CSS

  • CSS Gradients
  • CSS Flexbox for effective layout
  • CSS Media query for responsiveness
  • CSS Positioning

• Prettier for code formatting

• Stylelint for CSS linting

• HTML Validator and Webhint

• Github Actions for workflow

• Netlify for deployment

Live Demo

Live Demo Link

Development (Running locally)

• Clone the project

git clone https://github.com/bimbolabuari/odin-apple-clone.git

• Install Dependencies

npm install

To run StyleLint by itself, you may run the lint task:

npm run lint:check

Or to automatically fix issues found (where possible):

npm run lint

You can also check against Prettier:

npm run format:check

and to have it actually fix (to the best of its ability) any format issues, run:

npm run format

You can also check against HTML Validator:

npm run html-validator

Style Guides

• CSS Style Guide
• HTML Style Guide
• JavaScript Style Guide
• Git Style Guide

👤 Abimbola Aminat

• Github: @bimbolabuari
• Twitter: @bimbolabuari
• Linkedin: @bimbolabuari

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Apple
• @bolah2009

📝 License

MIT licensed.