Giter Site home page Giter Site logo

building-with-backgrounds-and-gradients's Introduction

Microverse Project #4 Building with Backgrounds and Gradients

Old Apple website clone.

Microverse Project #4 04/25/2020.

The objetive of this project was to recreate an old Apple website, setting background images as a base canvas and playing with gradiants options in CSS.

Features Added

Navigation Bar

  • It has a complete navigation bar as the example website.

Grid background images

  • A fixed and responsive grid layout as a background.

Website Footer

  • Copy right
  • Policies Links
  • Links to the main sections of the website.

Screenshorts

screenshot

Built With

  • HTML5
  • CSS3

Live Demo

Live Demo Link

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the current project doesn't require testing.

To get a local copy up and running follow these simple example steps.

Prerequisites

  • HTML5 semantic tags
  • CSS3
  • Git Workflow

Setup

  • Clone the repo: https://github.com/SigmaSam/Microverse-Project--4.git

Install

  • Open index.html with the browser of your choice

Author

๐Ÿ‘ค Author

๐Ÿค 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

  • Hat tip to anyone who's code was used
  • Inspiration
  • etc

๐Ÿ“ License

This project is MIT licensed.

building-with-backgrounds-and-gradients's People

Contributors

sigmasam avatar

Stargazers

 avatar

Watchers

 avatar

building-with-backgrounds-and-gradients's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.