vermilion4 / gradient_website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Day 1

A sequential background color changing gradient website.

About the Project

  • A one page website that changes its background gradient sequentially on clicking on the previous and next button.
  • The initial background gradient on viewing the page for the first time is (#780206 and #061161).
  • A default list of background colors is used. (As referenced below)

Default Gradient List

  • #FBD3E9, #BB377D
  • #00d2ff, #3a7bd5
  • #f2709c, #ff9472
  • #a73737, #7a2828
  • #4b6cb7, #182848
  • #C04848, #480048
  • #5f2c82, #49a09d
  • #232526, #414345
  • #5C258D, #4389A2
  • #4776E6, #8E54E9

Preview

Preview image

Live Link

How to run locally

  • Clone the repo into your local machine
  • cd into the folder (gradient_website) -[cd gradient_website]
  • Run 'npm install' in your terminal to install all dependencies
  • Run 'npm start' to start the server
  • Have fun šŸ„³

About


Languages

Language:JavaScript 61.9%Language:CSS 27.7%Language:HTML 10.4%