Codepen to Vscode Migration

README.md

Migrate a codepen to vscode

Objective

• A proper html document includes information like meta tags, stylesheet links, fonts, and script tags -- as well as all of the html information that we wrote in codepen
• Your task is to wrap your codepen content into the correct tags

Steps

HTML

1. Generate boilerplate code by entering html:5 in an index.html file that you have saved in a project folder
2. Add your html content from codepen inside the body tags
3. Change any applicable information in the head to match what your web page is about
   • ie: look at the title

CSS

1. Create a folder called assets/ at the same level as your index.html file
2. add a file called style.css to assets/
3. Copy all of your styles into your new css file
4. link your html file to your css file in the head of your html file
   • review this documentation