Skip to content

kevin-powell/popdog-card-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

popdog-card-clone

Files associated with my YT video series where I try to create a clone of the Top Games card on popdog.com.

Videos

  1. Building out the structure and animations
  2. Adding the icons with Font Awesome and pseudo-elements
  3. Creating the pulsing animation
  4. Animated SVG wave clip-path - coming soon

Building and Running

There are many ways to build and run this project. 1 suggestion is to use both the sass and http-server NPM commands.

To install

npm -g sass
npm -g http-server

Building

In 2 terminal windows:

# Terminal Window 1
sass --watch scss/main.scss:css/main.css

# Terminal Window 2
http-server .

Running

When both commands are running, open http://localhost:8080 in your web browser.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •