From 2d01d6acaa2dbb94790c589c193b001930d22713 Mon Sep 17 00:00:00 2001
From: Robert McGovern <rob@tarasis.net>
Date: Sat, 5 Feb 2022 22:41:45 +0000
Subject: [PATCH] merged old main, rearranged files

---
 .eleventy.js                                  |   1 +
 css/style.css                                 | 229 -----------
 index.html                                    | 372 ------------------
 js/script.js                                  |   3 -
 .../article-preview-component/.gitignore      |   0
 .../article-preview-component/README.md       |   0
 .../article-preview-component/css/reset.css   |   0
 .../article-preview-component/css/style.css   |   0
 .../design/desktop-active-state.jpg           | Bin
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-active-state.jpg            | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/avatar-michelle.jpg                | Bin
 .../images/drawers.jpg                        | Bin
 .../images/favicon-32x32.png                  | Bin
 .../images/icon-facebook.svg                  |   0
 .../images/icon-pinterest.svg                 |   0
 .../images/icon-share.svg                     |   0
 .../images/icon-twitter.svg                   |   0
 .../article-preview-component/index.html      |   0
 .../article-preview-component/js/challenge.js |   0
 .../notes/desktop-diff-final.png              | Bin
 .../notes/desktop-final.jpg                   | Bin
 .../notes/desktop-rough.png                   | Bin
 .../notes/mobile-diff-final.png               | Bin
 .../notes/mobile-final.jpg                    | Bin
 .../notes/mobile-rough.png                    | Bin
 .../notes/process.md                          |   0
 .../article-preview-component/style-guide.md  |   0
 .../four-card-feature-section/.gitignore      |   0
 .../four-card-feature-section/README.md       |   0
 .../four-card-feature-section/css/style.css   |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/favicon-32x32.png                  | Bin
 .../images/icon-calculator.svg                |   0
 .../images/icon-karma.svg                     |   0
 .../images/icon-supervisor.svg                |   0
 .../images/icon-team-builder.svg              |   0
 .../four-card-feature-section/index.html      |   0
 .../notes/desktop-final-diff.png              | Bin
 .../notes/desktop-final-slider.png            | Bin
 .../notes/desktop-final.png                   | Bin
 .../notes/layout-no-styling(1440x922).png     | Bin
 .../notes/mobile-diff-sidebyside.png          | Bin
 .../notes/mobile-difference-basic-styling.png | Bin
 .../notes/mobile-final-diff.png               | Bin
 .../notes/mobile-final-side-by-side.png       | Bin
 .../notes/mobile-final.png                    | Bin
 .../notes/process.md                          |   0
 .../four-card-feature-section/style-guide.md  |   0
 .../.gitignore                                |   0
 .../README.md                                 |   0
 .../css/reset.css                             |   0
 .../css/style.css                             |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/bg-desktop.svg                     |   0
 .../images/bg-mobile.svg                      |   0
 .../images/favicon-32x32.png                  | Bin
 .../images/illustration-mockups.svg           |   0
 .../images/logo.svg                           |   0
 .../index.html                                |   0
 .../style-guide.md                            |   0
 .../work-through/image-diff-1.png             | Bin
 .../img-diff-2-desktop-near-enough.png        | Bin
 .../work-through/mob-img-diff-1.png           | Bin
 .../work-through/myProcess.md                 |   0
 .../newbie/order-summary-component/.gitignore |   0
 .../README-template.md                        |   0
 .../newbie/order-summary-component/README.md  |   0
 .../order-summary-component/css/reset.css     |   0
 .../order-summary-component/css/style.css     |   0
 .../design/active-states.jpg                  | Bin
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/finished-diffs-desktop.png         | Bin
 .../design/finished-diffs-mobile.png          | Bin
 .../design/mobile-design-per-figma.png        | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/favicon-32x32.png                  | Bin
 .../images/icon-music.svg                     |   0
 .../images/illustration-hero.svg              |   0
 .../images/pattern-background-desktop.svg     |   0
 .../images/pattern-background-mobile.svg      |   0
 .../newbie/order-summary-component/index.html |   0
 .../order-summary-component/style-guide.md    |   0
 .../ping-coming-soon-page-master/.gitignore   |   0
 .../ping-coming-soon-page-master/.jshintrc    |   0
 .../ping-coming-soon-page-master/README.md    |   0
 .../css/style.css                             |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-hover-error-states.jpg     | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design-375x812.jpg          | Bin
 .../design/mobile-design.jpg                  | Bin
 .../design/mobile-error-state.jpg             | Bin
 .../images/favicon-32x32.png                  | Bin
 .../images/illustration-dashboard.png         | Bin
 .../images/logo.svg                           |   0
 .../ping-coming-soon-page-master/index.html   |   0
 .../ping-coming-soon-page-master/js/script.js |   0
 .../style-guide.md                            |   0
 .../work-through/awful-transition.png         | Bin
 .../work-through/desktop-diff.png             | Bin
 .../work-through/final-desktop-1440x1024.png  | Bin
 .../final-desktop-diff-1440x1024.png          | Bin
 .../work-through/final-mobile-375x812.png     | Bin
 .../final-mobile-diff-375x812.png             | Bin
 .../work-through/mobile-diff.png              | Bin
 .../work-through/mobile-error-diff.png        | Bin
 .../work-through/myProcess.md                 |   0
 .../newbie/profile-card-component/.gitignore  |   0
 .../profile-card-component/README-template.md |   0
 .../newbie/profile-card-component/README.md   |   0
 .../profile-card-component/css/reset.css      |   0
 .../profile-card-component/css/style.css      |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/bg-pattern-bottom.svg              |   0
 .../images/bg-pattern-card.svg                |   0
 .../images/bg-pattern-top.svg                 |   0
 .../images/favicon-32x32.png                  | Bin
 .../images/image-victor.jpg                   | Bin
 .../newbie/profile-card-component/index.html  |   0
 .../profile-card-component/style-guide.md     |   0
 .../.gitignore                                |   0
 .../README.md                                 |   0
 .../css/style.css                             |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/favicon-32x32.png                  | Bin
 .../index.html                                |   0
 .../style-guide.md                            |   0
 .../work-through/desktop-differences.png      | Bin
 .../work-through/mobile-differences.png       | Bin
 .../work-through/process.md                   |   0
 .../stats-preview-card-component/.gitignore   |   0
 .../README-template.md                        |   0
 .../stats-preview-card-component/README.md    |   0
 .../css/reset.css                             |   0
 .../css/style.css                             |   0
 .../design/desktop-design.jpg                 | Bin
 .../design/desktop-preview.jpg                | Bin
 .../design/mobile-design.jpg                  | Bin
 .../images/favicon-32x32.png                  | Bin
 .../images/image-header-desktop.jpg           | Bin
 .../images/image-header-mobile.jpg            | Bin
 .../stats-preview-card-component/index.html   |   0
 .../solution-desktop.jpg                      | Bin
 .../solution-mobile.jpg                       | Bin
 .../style-guide.md                            |   0
 .../FrontendMentor}/reset.css                 |   0
 .../Project1-TributePage/index.html           |   0
 .../Project1-TributePage/tribute.css          |   0
 .../Project2-BuildaSurveyForm/index.html      |   0
 .../Project2-BuildaSurveyForm/style.css       |   0
 .../fake-logo.jpeg                            | Bin
 .../Project3-ProductLandingPage/fake-logo.png | Bin
 .../Project3-ProductLandingPage/index.html    |   0
 .../Project3-ProductLandingPage/style.css     |   0
 {css => src/css}/playground.css               |   0
 {css => src/css}/reset.css                    |   0
 src/css/style.css                             | 232 ++++++++++-
 src/index.html                                | 369 ++++++++++++++++-
 src/index.old                                 |  23 ++
 src/js/script.js                              |   4 +-
 playground.html => src/playground.html        |   0
 .../fcc-web-Project1-TributePage.jpeg         | Bin
 .../fcc-web-Project2-BuildaSurveyForm.jpeg    | Bin
 .../fcc-web-Project3-ProductLandingPage.jpeg  | Bin
 .../fem-newbie-article-preview-component.jpeg | Bin
 .../fem-newbie-four-card-feature-section.jpeg | Bin
 ...-page-with-single-introductory-section.png | Bin
 .../fem-newbie-order-summary-component.png    | Bin
 .../fem-newbie-ping-coming-soon-page.jpeg     | Bin
 .../fem-newbie-profile-card-component.jpeg    | Bin
 ...em-newbie-single-price-grid-component.jpeg | Bin
 ...m-newbie-stats-preview-card-component.jpeg | Bin
 {svgs => src/svgs}/css3.svg                   |   0
 {svgs => src/svgs}/freecodecamp.svg           |   0
 {svgs => src/svgs}/frontendmentor.svg         |   0
 {svgs => src/svgs}/html5.svg                  |   0
 .../svgs}/image-photo-svgrepo-com.svg         |   0
 {svgs => src/svgs}/javascript.svg             |   0
 {svgs => src/svgs}/udemy.svg                  |   0
 191 files changed, 606 insertions(+), 627 deletions(-)
 delete mode 100644 css/style.css
 delete mode 100644 index.html
 delete mode 100644 js/script.js
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/css/reset.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/design/desktop-active-state.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/design/mobile-active-state.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/avatar-michelle.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/drawers.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/icon-facebook.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/icon-pinterest.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/icon-share.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/images/icon-twitter.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/js/challenge.js (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/desktop-diff-final.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/desktop-final.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/desktop-rough.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/mobile-diff-final.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/mobile-final.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/mobile-rough.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/notes/process.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/article-preview-component/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/images/icon-calculator.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/images/icon-karma.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/images/icon-supervisor.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/images/icon-team-builder.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/desktop-final-diff.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/desktop-final-slider.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/desktop-final.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/layout-no-styling(1440x922).png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/mobile-diff-sidebyside.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/mobile-difference-basic-styling.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/mobile-final-diff.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/mobile-final-side-by-side.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/mobile-final.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/notes/process.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/four-card-feature-section/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/css/reset.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-mobile.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/images/illustration-mockups.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/images/logo.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/image-diff-1.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/img-diff-2-desktop-near-enough.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/mob-img-diff-1.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/myProcess.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/README-template.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/css/reset.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/active-states.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/finished-diffs-desktop.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/finished-diffs-mobile.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/mobile-design-per-figma.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/images/icon-music.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/images/illustration-hero.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/images/pattern-background-desktop.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/images/pattern-background-mobile.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/order-summary-component/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/.jshintrc (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/desktop-hover-error-states.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/mobile-design-375x812.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/design/mobile-error-state.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/images/illustration-dashboard.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/images/logo.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/js/script.js (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/awful-transition.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/desktop-diff.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/final-mobile-375x812.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/mobile-diff.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/mobile-error-diff.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/ping-coming-soon-page-master/work-through/myProcess.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/README-template.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/css/reset.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/images/bg-pattern-bottom.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/images/bg-pattern-card.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/images/bg-pattern-top.svg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/images/image-victor.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/profile-card-component/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/work-through/desktop-differences.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/work-through/mobile-differences.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/single-price-grid-component-master/work-through/process.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/.gitignore (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/README-template.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/README.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/css/reset.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/css/style.css (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/design/desktop-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/design/desktop-preview.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/design/mobile-design.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/images/favicon-32x32.png (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/images/image-header-desktop.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/images/image-header-mobile.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/index.html (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/solution-desktop.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/solution-mobile.jpg (100%)
 rename {FrontendMentor => projects/FrontendMentor}/newbie/stats-preview-card-component/style-guide.md (100%)
 rename {FrontendMentor => projects/FrontendMentor}/reset.css (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project1-TributePage/index.html (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project1-TributePage/tribute.css (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.jpeg (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.png (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project3-ProductLandingPage/index.html (100%)
 rename {freeCodeCamp => projects/freeCodeCamp}/responsive-web-design-projects/Project3-ProductLandingPage/style.css (100%)
 rename {css => src/css}/playground.css (100%)
 rename {css => src/css}/reset.css (100%)
 create mode 100644 src/index.old
 rename playground.html => src/playground.html (100%)
 rename {screenshots => src/screenshots}/fcc-web-Project1-TributePage.jpeg (100%)
 rename {screenshots => src/screenshots}/fcc-web-Project2-BuildaSurveyForm.jpeg (100%)
 rename {screenshots => src/screenshots}/fcc-web-Project3-ProductLandingPage.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-article-preview-component.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-four-card-feature-section.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-huddle-landing-page-with-single-introductory-section.png (100%)
 rename {screenshots => src/screenshots}/fem-newbie-order-summary-component.png (100%)
 rename {screenshots => src/screenshots}/fem-newbie-ping-coming-soon-page.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-profile-card-component.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-single-price-grid-component.jpeg (100%)
 rename {screenshots => src/screenshots}/fem-newbie-stats-preview-card-component.jpeg (100%)
 rename {svgs => src/svgs}/css3.svg (100%)
 rename {svgs => src/svgs}/freecodecamp.svg (100%)
 rename {svgs => src/svgs}/frontendmentor.svg (100%)
 rename {svgs => src/svgs}/html5.svg (100%)
 rename {svgs => src/svgs}/image-photo-svgrepo-com.svg (100%)
 rename {svgs => src/svgs}/javascript.svg (100%)
 rename {svgs => src/svgs}/udemy.svg (100%)

diff --git a/.eleventy.js b/.eleventy.js
index 67dfcc2..f69c9dd 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -4,6 +4,7 @@ module.exports = function (eleventyConfig) {
     eleventyConfig.addPassthroughCopy("./src/images");
     eleventyConfig.addPassthroughCopy("./src/svgs");
     eleventyConfig.addPassthroughCopy("./src/js");
+    eleventyConfig.addPassthroughCopy("./src/screenshots");
     //eleventyConfig.addPassthroughCopy({
     //    "./src/assets/images": "img",
     //});
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index aa3a562..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,229 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
-
-/* 
-* Hi, thank you for checking out my CSS. Layout is currently Rev 2.
-* Plan is to do more interesting ones as I feel more comfortable doing things.
-*
-* For instance was thinking of swapping to a 3 column affair, with the title running
-* vertically in the first column. Second column is the projects, third the blurb
-*
-* I'd like to add some animations and transitions, and a light and dark theme.
-*/
-
-:root {
-    font-size: 1.25rem;
-    --marginTop: 0.5rem;
-
-    --pinky-color: rgba(216, 81, 201, 0.632);
-    --lightcoral-color: lightcoral;
-    --projects-border-color: green;
-}
-
-* {
-    margin: 0;
-}
-
-body {
-    /* background-color: whitesmoke; */
-    background-color: #f2f2f2;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ac2e2e' fill-opacity='0.24'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
-
-.header,
-.blurb,
-.projectsDiv {
-    background-color: rgba(0, 0, 0, 0.1);
-    border: 5px solid;
-    margin: 0 auto;
-    width: 90%;
-    max-width: 700px;
-    box-sizing: border-box;
-    border-radius: 10px;
-}
-
-.blurb,
-.projectsDiv {
-    padding: 10px 20px;
-    margin-top: 2rem;
-    font-family: "Source Sans Pro", sans-serif;
-}
-
-.header {
-    text-align: center;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    border-color: var(--lightcoral-color);
-}
-
-.header > h1 {
-    font-family: "Black Ops One", cursive;
-    /* scale the font from size used on mobile to "desktop" */
-    font-size: min(max(2.5rem, 8vw), 3rem);
-}
-
-.blurb {
-    border-color: var(--pinky-color);
-}
-
-.projectsDiv {
-    border-color: rgba(0, 0, 0, 0.7);
-}
-
-.frontEndMentorChallenges,
-.freecodeCampProjects,
-.completeWebDev2020Projects,
-.vanillaJSProjects {
-    margin-top: var(--marginTop);
-}
-
-.projectsSection__title {
-    font-weight: 600;
-    font-size: 1.8rem;
-}
-
-/* .frontEndMentorChallenges {} */
-
-.frontEndMentorChallenges .newbieChallenges {
-    margin-left: 1rem;
-}
-
-.newbieChallenges > h3,
-.responsiveProjects > h3 {
-    font-weight: 600;
-    font-size: 1.3rem;
-}
-
-/* .freecodeCampProjects {} */
-/* .completeWebDev2020Projects {} */
-/* .vanillaJSProjects {} */
-
-footer {
-    margin-top: 3rem;
-    text-align: center;
-    font-size: 0.9rem;
-    margin-left: auto;
-    margin-right: auto;
-    width: 85%;
-}
-
-footer * {
-    margin-top: 1rem;
-}
-
-footer > a {
-    display: block;
-}
-
-.alignedHeader {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 1rem;
-}
-
-.alignedHeader img {
-    /* /* width: 100%;  */
-    height: 100%;
-
-    /* margin-left: auto; */
-}
-
-.stacked {
-    display: grid;
-}
-
-.stacked > * {
-    grid-column: 1/2;
-    grid-row: 1/2;
-}
-
-.card__content {
-    z-index: 10;
-    background: rgba(255, 255, 255, 0.9);
-    backdrop-filter: blur(100px);
-    -webkit-backdrop-filter: blur(100px);
-    align-self: end;
-    margin: 0.5rem; /*.5rem 2rem;*/
-    padding: 0.5rem;
-
-    box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1);
-    border: gray 2px dashed;
-    border-radius: 5px;
-}
-
-.projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
-    gap: 0.25rem;
-    margin-top: 0.5rem;
-}
-
-.projectsDiv > * {
-    margin-bottom: 1rem;
-}
-
-.project-card {
-    border: 3px solid var(--projects-border-color);
-    border-radius: 10px;
-    aspect-ratio: 1 / 1.4;
-    overflow: hidden;
-}
-
-.card__img {
-    width: 100%;
-    aspect-ratio: 1 / 1.25;
-    object-fit: cover;
-}
-
-.card__techUsed {
-    list-style: none;
-    display: flex;
-    /* align-content: space-evenly; */
-    justify-content: space-evenly;
-    align-items: center;
-
-    /* font-size: 0.625rem; */
-}
-
-/* .card__techUsed > li {
-    margin: 0;
-} */
-
-.card__techUsed img {
-    margin-top: 0.25rem;
-    width: 100%;
-    height: 100%;
-}
-
-.card__title {
-    font-size: 0.75rem;
-    font-weight: 600;
-    line-height: 1.1;
-    color: darkred;
-    text-align: center;
-}
-
-.card__description {
-    font-size: 0.625rem;
-    line-height: 1.2;
-}
-
-@media (min-width: 38em) {
-    .card__img {
-        aspect-ratio: 1 / 1;
-    }
-
-    .project-card.featured {
-        grid-row: span 2;
-        grid-column: span 2;
-    }
-
-    .project-card.featured .card__img {
-        aspect-ratio: 1 / 1.33;
-    }
-
-    .project-card.featured .card__title {
-        font-size: 1.25rem;
-    }
-}
diff --git a/index.html b/index.html
deleted file mode 100644
index ccec5c5..0000000
--- a/index.html
+++ /dev/null
@@ -1,372 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Practice Projects</title>
-    <link rel="stylesheet" href="./FrontendMentor/reset.css" />
-    <link rel="stylesheet" href="./css/style.css" />
-</head>
-
-<body>
-    <header>
-        <!-- some logo here -->
-        <div class="header">
-            <h1 class="test">Practice Projects</h1>
-        </div>
-        <!-- consider a menu for jumping down page -->
-    </header>
-    <main>
-        <div class="blurb">
-            <p>
-                These are completed projects done to practice using HTML,
-                CSS & Javascript. They come from different services, and
-                most are freely available for anyone to practice with.
-            </p>
-            &nbsp;
-            <p>
-                I have put them all into a single GIT repository rather than
-                litter my github page with many different projects. This may
-                change in future depending on how many of these that I do.
-            </p>
-            &nbsp;
-            <p>Robert McGovern</p>
-        </div>
-
-        <div class="projectsDiv">
-            <div class="alignedHeader">
-                <h2 class="projectsSection__title">Frontend Mentor</h2>
-                <img src="./svgs/frontendmentor.svg" alt="Frontend Mentor" />
-            </div>
-            <p>Collection of challenges I completed for Frontend Mentor</p>
-            <div class="newbieChallenges">
-                <h3>Newbie Challenges</h3>
-
-                <div class="projects-grid">
-
-                    <div class="project-card stacked featured">
-                        <a href="./FrontendMentor/newbie/order-summary-component/">
-                            <img class="card__img" src="./screenshots/fem-newbie-order-summary-component.png"
-                                alt="Order Summary Component Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Order Summary Card Component
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/">
-                            <img class="card__img"
-                                src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png"
-                                alt="The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section." />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                The Huddle Landing Page
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/javascript.svg" alt="JavaScript" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/ping-coming-soon-page-master/">
-                            <img class="card__img" src="./screenshots/fem-newbie-ping-coming-soon-page.jpeg"
-                                alt="Ping Coming-Soon Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">Ping Coming-Soon</h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/javascript.svg" alt="JavaScript" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/single-price-grid-component-master/">
-                            <img class="card__img" src="./screenshots/fem-newbie-single-price-grid-component.jpeg"
-                                alt="Single Price Grid Component Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Single Price Grid Component
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/four-card-feature-section/">
-                            <img class="card__img" src="./screenshots/fem-newbie-four-card-feature-section.jpeg"
-                                alt="Four Card Feature Section Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Four Card Feature Section
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/article-preview-component/">
-                            <img class="card__img" src="./screenshots/fem-newbie-article-preview-component.jpeg"
-                                alt="Article Preview Component Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Article Preview Component
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/stats-preview-card-component/">
-                            <img class="card__img" src="./screenshots/fem-newbie-stats-preview-card-component.jpeg"
-                                alt="Stats Preview Card Component Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Stats Preview Card Component
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div class="project-card stacked">
-                        <a href="./FrontendMentor/newbie/profile-card-component/">
-                            <img class="card__img" src="./screenshots/fem-newbie-profile-card-component.jpeg"
-                                alt="Profile Card Component Challenge from FrontendMentor" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Profile Card Component
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-
-        <div class="projectsDiv">
-            <div class="alignedHeader">
-                <h2 class="projectsSection__title">Freecodecamp</h2>
-                <img src="./svgs/freecodecamp.svg" alt="Freecodecamp" />
-            </div>
-            <div class="responsiveProjects">
-                <h3>Responsive Web Design Projects</h3>
-                <p>
-                    Note: As of 11 Oct 2020, these require a partial rework
-                    to look good on mobile. 1-3 where written much earlier
-                    in my learning, so while they fufill all the
-                    requirements, they don't look great on mobile.
-                </p>
-                <div class="projects-grid">
-                    <div class="project-card stacked">
-                        <a href="../freeCodeCamp/responsive-web-design-projects/Project1-TributePage/">
-                            <img class="card__img" src="./screenshots/fcc-web-Project1-TributePage.jpeg"
-                                alt="Project 1 - Tribute Page" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Project 1 - Tribute Page
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="project-card stacked">
-                        <a href="./freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/">
-                            <img class="card__img" src="./screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg"
-                                alt="Project 2 - Build A Survey Form" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Project 2 - Build A Survey Form
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="project-card stacked">
-                        <a href="./freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/">
-                            <img class="card__img" src="./screenshots/fcc-web-Project3-ProductLandingPage.jpeg"
-                                alt="Project 3 - Product Landing Page" />
-                        </a>
-                        <div class="card__content">
-                            <h3 class="card__title">
-                                Project 3 - Product Landing Page
-                            </h3>
-                            <!-- <p class="card__description">
-                                Lorem ipsum dolor sit amet consectetur
-                                adipisicing elit.
-                            </p> -->
-                            <ul class="card__techUsed">
-                                <li>
-                                    <img src="./svgs/html5.svg" alt="HTML5" />
-                                </li>
-                                <li>
-                                    <img src="./svgs/css3.svg" alt="CSS3" />
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="projectsDiv">
-
-            <div class="alignedHeader">
-                <h2 class="projectsSection__title">
-                    The Complete 2022 Web Development Bootcamp
-                </h2>
-                <img src="./svgs/udemy.svg" alt="The Complete 2022 Web Development Bootcamp Udemy Course" />
-            </div>
-            <p>coming soon</p>
-        </div>
-
-        <div class="projectsDiv">
-            <h2 class="projectsSection__title">Vanilla JS Projects</h2>
-            <p>coming soon</p>
-        </div>
-
-        <div class="projectsDiv">
-            <h2 class="projectsSection__title">Playground</h2>
-            <p>
-                Intended for just little snippets of code that look useful
-            </p>
-            <a href="./playground.html">The Playground</a>
-        </div>
-    </main>
-    <footer>
-        <!-- some blurb here -->
-        <p>
-            All projects are the work of Robert McGovern, 2020-2022. <br />
-            <a href="emailto:work@tarasis.net">Email</a>,
-            <a href="https://tarasis.net">Website/Blog</a>
-        </p>
-        <a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a>
-    </footer>
-    <script src="./js/script.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
deleted file mode 100644
index 605f081..0000000
--- a/js/script.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// use strict
-
-// An empty JS for the moment :) Shh
diff --git a/FrontendMentor/newbie/article-preview-component/.gitignore b/projects/FrontendMentor/newbie/article-preview-component/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/.gitignore
rename to projects/FrontendMentor/newbie/article-preview-component/.gitignore
diff --git a/FrontendMentor/newbie/article-preview-component/README.md b/projects/FrontendMentor/newbie/article-preview-component/README.md
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/README.md
rename to projects/FrontendMentor/newbie/article-preview-component/README.md
diff --git a/FrontendMentor/newbie/article-preview-component/css/reset.css b/projects/FrontendMentor/newbie/article-preview-component/css/reset.css
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/css/reset.css
rename to projects/FrontendMentor/newbie/article-preview-component/css/reset.css
diff --git a/FrontendMentor/newbie/article-preview-component/css/style.css b/projects/FrontendMentor/newbie/article-preview-component/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/css/style.css
rename to projects/FrontendMentor/newbie/article-preview-component/css/style.css
diff --git a/FrontendMentor/newbie/article-preview-component/design/desktop-active-state.jpg b/projects/FrontendMentor/newbie/article-preview-component/design/desktop-active-state.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/design/desktop-active-state.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/design/desktop-active-state.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/design/desktop-design.jpg b/projects/FrontendMentor/newbie/article-preview-component/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/article-preview-component/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/design/mobile-active-state.jpg b/projects/FrontendMentor/newbie/article-preview-component/design/mobile-active-state.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/design/mobile-active-state.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/design/mobile-active-state.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/design/mobile-design.jpg b/projects/FrontendMentor/newbie/article-preview-component/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/images/avatar-michelle.jpg b/projects/FrontendMentor/newbie/article-preview-component/images/avatar-michelle.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/avatar-michelle.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/images/avatar-michelle.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/images/drawers.jpg b/projects/FrontendMentor/newbie/article-preview-component/images/drawers.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/drawers.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/images/drawers.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/images/favicon-32x32.png b/projects/FrontendMentor/newbie/article-preview-component/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/article-preview-component/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/article-preview-component/images/icon-facebook.svg b/projects/FrontendMentor/newbie/article-preview-component/images/icon-facebook.svg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/icon-facebook.svg
rename to projects/FrontendMentor/newbie/article-preview-component/images/icon-facebook.svg
diff --git a/FrontendMentor/newbie/article-preview-component/images/icon-pinterest.svg b/projects/FrontendMentor/newbie/article-preview-component/images/icon-pinterest.svg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/icon-pinterest.svg
rename to projects/FrontendMentor/newbie/article-preview-component/images/icon-pinterest.svg
diff --git a/FrontendMentor/newbie/article-preview-component/images/icon-share.svg b/projects/FrontendMentor/newbie/article-preview-component/images/icon-share.svg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/icon-share.svg
rename to projects/FrontendMentor/newbie/article-preview-component/images/icon-share.svg
diff --git a/FrontendMentor/newbie/article-preview-component/images/icon-twitter.svg b/projects/FrontendMentor/newbie/article-preview-component/images/icon-twitter.svg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/images/icon-twitter.svg
rename to projects/FrontendMentor/newbie/article-preview-component/images/icon-twitter.svg
diff --git a/FrontendMentor/newbie/article-preview-component/index.html b/projects/FrontendMentor/newbie/article-preview-component/index.html
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/index.html
rename to projects/FrontendMentor/newbie/article-preview-component/index.html
diff --git a/FrontendMentor/newbie/article-preview-component/js/challenge.js b/projects/FrontendMentor/newbie/article-preview-component/js/challenge.js
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/js/challenge.js
rename to projects/FrontendMentor/newbie/article-preview-component/js/challenge.js
diff --git a/FrontendMentor/newbie/article-preview-component/notes/desktop-diff-final.png b/projects/FrontendMentor/newbie/article-preview-component/notes/desktop-diff-final.png
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/desktop-diff-final.png
rename to projects/FrontendMentor/newbie/article-preview-component/notes/desktop-diff-final.png
diff --git a/FrontendMentor/newbie/article-preview-component/notes/desktop-final.jpg b/projects/FrontendMentor/newbie/article-preview-component/notes/desktop-final.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/desktop-final.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/notes/desktop-final.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/notes/desktop-rough.png b/projects/FrontendMentor/newbie/article-preview-component/notes/desktop-rough.png
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/desktop-rough.png
rename to projects/FrontendMentor/newbie/article-preview-component/notes/desktop-rough.png
diff --git a/FrontendMentor/newbie/article-preview-component/notes/mobile-diff-final.png b/projects/FrontendMentor/newbie/article-preview-component/notes/mobile-diff-final.png
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/mobile-diff-final.png
rename to projects/FrontendMentor/newbie/article-preview-component/notes/mobile-diff-final.png
diff --git a/FrontendMentor/newbie/article-preview-component/notes/mobile-final.jpg b/projects/FrontendMentor/newbie/article-preview-component/notes/mobile-final.jpg
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/mobile-final.jpg
rename to projects/FrontendMentor/newbie/article-preview-component/notes/mobile-final.jpg
diff --git a/FrontendMentor/newbie/article-preview-component/notes/mobile-rough.png b/projects/FrontendMentor/newbie/article-preview-component/notes/mobile-rough.png
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/mobile-rough.png
rename to projects/FrontendMentor/newbie/article-preview-component/notes/mobile-rough.png
diff --git a/FrontendMentor/newbie/article-preview-component/notes/process.md b/projects/FrontendMentor/newbie/article-preview-component/notes/process.md
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/notes/process.md
rename to projects/FrontendMentor/newbie/article-preview-component/notes/process.md
diff --git a/FrontendMentor/newbie/article-preview-component/style-guide.md b/projects/FrontendMentor/newbie/article-preview-component/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/article-preview-component/style-guide.md
rename to projects/FrontendMentor/newbie/article-preview-component/style-guide.md
diff --git a/FrontendMentor/newbie/four-card-feature-section/.gitignore b/projects/FrontendMentor/newbie/four-card-feature-section/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/.gitignore
rename to projects/FrontendMentor/newbie/four-card-feature-section/.gitignore
diff --git a/FrontendMentor/newbie/four-card-feature-section/README.md b/projects/FrontendMentor/newbie/four-card-feature-section/README.md
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/README.md
rename to projects/FrontendMentor/newbie/four-card-feature-section/README.md
diff --git a/FrontendMentor/newbie/four-card-feature-section/css/style.css b/projects/FrontendMentor/newbie/four-card-feature-section/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/css/style.css
rename to projects/FrontendMentor/newbie/four-card-feature-section/css/style.css
diff --git a/FrontendMentor/newbie/four-card-feature-section/design/desktop-design.jpg b/projects/FrontendMentor/newbie/four-card-feature-section/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/four-card-feature-section/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/four-card-feature-section/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/four-card-feature-section/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/four-card-feature-section/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/four-card-feature-section/design/mobile-design.jpg b/projects/FrontendMentor/newbie/four-card-feature-section/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/four-card-feature-section/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/four-card-feature-section/images/favicon-32x32.png b/projects/FrontendMentor/newbie/four-card-feature-section/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/images/icon-calculator.svg b/projects/FrontendMentor/newbie/four-card-feature-section/images/icon-calculator.svg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/images/icon-calculator.svg
rename to projects/FrontendMentor/newbie/four-card-feature-section/images/icon-calculator.svg
diff --git a/FrontendMentor/newbie/four-card-feature-section/images/icon-karma.svg b/projects/FrontendMentor/newbie/four-card-feature-section/images/icon-karma.svg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/images/icon-karma.svg
rename to projects/FrontendMentor/newbie/four-card-feature-section/images/icon-karma.svg
diff --git a/FrontendMentor/newbie/four-card-feature-section/images/icon-supervisor.svg b/projects/FrontendMentor/newbie/four-card-feature-section/images/icon-supervisor.svg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/images/icon-supervisor.svg
rename to projects/FrontendMentor/newbie/four-card-feature-section/images/icon-supervisor.svg
diff --git a/FrontendMentor/newbie/four-card-feature-section/images/icon-team-builder.svg b/projects/FrontendMentor/newbie/four-card-feature-section/images/icon-team-builder.svg
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/images/icon-team-builder.svg
rename to projects/FrontendMentor/newbie/four-card-feature-section/images/icon-team-builder.svg
diff --git a/FrontendMentor/newbie/four-card-feature-section/index.html b/projects/FrontendMentor/newbie/four-card-feature-section/index.html
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/index.html
rename to projects/FrontendMentor/newbie/four-card-feature-section/index.html
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-diff.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-diff.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-diff.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-diff.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-slider.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-slider.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-slider.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final-slider.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/desktop-final.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/desktop-final.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/layout-no-styling(1440x922).png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/layout-no-styling(1440x922).png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/layout-no-styling(1440x922).png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/layout-no-styling(1440x922).png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/mobile-diff-sidebyside.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-diff-sidebyside.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/mobile-diff-sidebyside.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-diff-sidebyside.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/mobile-difference-basic-styling.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-difference-basic-styling.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/mobile-difference-basic-styling.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-difference-basic-styling.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-diff.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-diff.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-diff.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-diff.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-side-by-side.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-side-by-side.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-side-by-side.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final-side-by-side.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final.png b/projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final.png
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/mobile-final.png
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/mobile-final.png
diff --git a/FrontendMentor/newbie/four-card-feature-section/notes/process.md b/projects/FrontendMentor/newbie/four-card-feature-section/notes/process.md
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/notes/process.md
rename to projects/FrontendMentor/newbie/four-card-feature-section/notes/process.md
diff --git a/FrontendMentor/newbie/four-card-feature-section/style-guide.md b/projects/FrontendMentor/newbie/four-card-feature-section/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/four-card-feature-section/style-guide.md
rename to projects/FrontendMentor/newbie/four-card-feature-section/style-guide.md
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/.gitignore b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/.gitignore
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/.gitignore
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/README.md b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/README.md
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/README.md
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/README.md
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/reset.css b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/reset.css
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/reset.css
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/reset.css
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/style.css b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/style.css
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/css/style.css
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-design.jpg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/mobile-design.jpg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-mobile.svg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-mobile.svg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-mobile.svg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/bg-mobile.svg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/favicon-32x32.png b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/illustration-mockups.svg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/illustration-mockups.svg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/illustration-mockups.svg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/illustration-mockups.svg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/logo.svg b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/logo.svg
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/logo.svg
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/images/logo.svg
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/index.html b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/index.html
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/index.html
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/index.html
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/style-guide.md b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/style-guide.md
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/style-guide.md
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/image-diff-1.png b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/image-diff-1.png
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/image-diff-1.png
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/image-diff-1.png
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/img-diff-2-desktop-near-enough.png b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/img-diff-2-desktop-near-enough.png
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/img-diff-2-desktop-near-enough.png
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/img-diff-2-desktop-near-enough.png
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/mob-img-diff-1.png b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/mob-img-diff-1.png
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/mob-img-diff-1.png
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/mob-img-diff-1.png
diff --git a/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/myProcess.md b/projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/myProcess.md
similarity index 100%
rename from FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/myProcess.md
rename to projects/FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/work-through/myProcess.md
diff --git a/FrontendMentor/newbie/order-summary-component/.gitignore b/projects/FrontendMentor/newbie/order-summary-component/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/.gitignore
rename to projects/FrontendMentor/newbie/order-summary-component/.gitignore
diff --git a/FrontendMentor/newbie/order-summary-component/README-template.md b/projects/FrontendMentor/newbie/order-summary-component/README-template.md
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/README-template.md
rename to projects/FrontendMentor/newbie/order-summary-component/README-template.md
diff --git a/FrontendMentor/newbie/order-summary-component/README.md b/projects/FrontendMentor/newbie/order-summary-component/README.md
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/README.md
rename to projects/FrontendMentor/newbie/order-summary-component/README.md
diff --git a/FrontendMentor/newbie/order-summary-component/css/reset.css b/projects/FrontendMentor/newbie/order-summary-component/css/reset.css
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/css/reset.css
rename to projects/FrontendMentor/newbie/order-summary-component/css/reset.css
diff --git a/FrontendMentor/newbie/order-summary-component/css/style.css b/projects/FrontendMentor/newbie/order-summary-component/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/css/style.css
rename to projects/FrontendMentor/newbie/order-summary-component/css/style.css
diff --git a/FrontendMentor/newbie/order-summary-component/design/active-states.jpg b/projects/FrontendMentor/newbie/order-summary-component/design/active-states.jpg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/active-states.jpg
rename to projects/FrontendMentor/newbie/order-summary-component/design/active-states.jpg
diff --git a/FrontendMentor/newbie/order-summary-component/design/desktop-design.jpg b/projects/FrontendMentor/newbie/order-summary-component/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/order-summary-component/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/order-summary-component/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/order-summary-component/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/order-summary-component/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/order-summary-component/design/finished-diffs-desktop.png b/projects/FrontendMentor/newbie/order-summary-component/design/finished-diffs-desktop.png
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/finished-diffs-desktop.png
rename to projects/FrontendMentor/newbie/order-summary-component/design/finished-diffs-desktop.png
diff --git a/FrontendMentor/newbie/order-summary-component/design/finished-diffs-mobile.png b/projects/FrontendMentor/newbie/order-summary-component/design/finished-diffs-mobile.png
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/finished-diffs-mobile.png
rename to projects/FrontendMentor/newbie/order-summary-component/design/finished-diffs-mobile.png
diff --git a/FrontendMentor/newbie/order-summary-component/design/mobile-design-per-figma.png b/projects/FrontendMentor/newbie/order-summary-component/design/mobile-design-per-figma.png
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/mobile-design-per-figma.png
rename to projects/FrontendMentor/newbie/order-summary-component/design/mobile-design-per-figma.png
diff --git a/FrontendMentor/newbie/order-summary-component/design/mobile-design.jpg b/projects/FrontendMentor/newbie/order-summary-component/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/order-summary-component/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/order-summary-component/images/favicon-32x32.png b/projects/FrontendMentor/newbie/order-summary-component/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/order-summary-component/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/order-summary-component/images/icon-music.svg b/projects/FrontendMentor/newbie/order-summary-component/images/icon-music.svg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/images/icon-music.svg
rename to projects/FrontendMentor/newbie/order-summary-component/images/icon-music.svg
diff --git a/FrontendMentor/newbie/order-summary-component/images/illustration-hero.svg b/projects/FrontendMentor/newbie/order-summary-component/images/illustration-hero.svg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/images/illustration-hero.svg
rename to projects/FrontendMentor/newbie/order-summary-component/images/illustration-hero.svg
diff --git a/FrontendMentor/newbie/order-summary-component/images/pattern-background-desktop.svg b/projects/FrontendMentor/newbie/order-summary-component/images/pattern-background-desktop.svg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/images/pattern-background-desktop.svg
rename to projects/FrontendMentor/newbie/order-summary-component/images/pattern-background-desktop.svg
diff --git a/FrontendMentor/newbie/order-summary-component/images/pattern-background-mobile.svg b/projects/FrontendMentor/newbie/order-summary-component/images/pattern-background-mobile.svg
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/images/pattern-background-mobile.svg
rename to projects/FrontendMentor/newbie/order-summary-component/images/pattern-background-mobile.svg
diff --git a/FrontendMentor/newbie/order-summary-component/index.html b/projects/FrontendMentor/newbie/order-summary-component/index.html
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/index.html
rename to projects/FrontendMentor/newbie/order-summary-component/index.html
diff --git a/FrontendMentor/newbie/order-summary-component/style-guide.md b/projects/FrontendMentor/newbie/order-summary-component/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/order-summary-component/style-guide.md
rename to projects/FrontendMentor/newbie/order-summary-component/style-guide.md
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/.gitignore b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/.gitignore
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/.gitignore
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/.jshintrc b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/.jshintrc
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/.jshintrc
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/.jshintrc
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/README.md b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/README.md
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/README.md
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/README.md
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/css/style.css b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/css/style.css
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/css/style.css
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-design.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-hover-error-states.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-hover-error-states.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-hover-error-states.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-hover-error-states.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design-375x812.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design-375x812.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design-375x812.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design-375x812.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-error-state.jpg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-error-state.jpg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-error-state.jpg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/design/mobile-error-state.jpg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/images/favicon-32x32.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/images/illustration-dashboard.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/illustration-dashboard.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/images/illustration-dashboard.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/illustration-dashboard.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/images/logo.svg b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/logo.svg
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/images/logo.svg
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/images/logo.svg
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/index.html b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/index.html
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/index.html
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/index.html
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/js/script.js b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/js/script.js
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/js/script.js
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/js/script.js
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/style-guide.md b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/style-guide.md
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/style-guide.md
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/awful-transition.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/awful-transition.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/awful-transition.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/awful-transition.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/desktop-diff.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/desktop-diff.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/desktop-diff.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/desktop-diff.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-375x812.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-375x812.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-375x812.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-375x812.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-diff.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-diff.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-diff.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-diff.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-error-diff.png b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-error-diff.png
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-error-diff.png
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/mobile-error-diff.png
diff --git a/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/myProcess.md b/projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/myProcess.md
similarity index 100%
rename from FrontendMentor/newbie/ping-coming-soon-page-master/work-through/myProcess.md
rename to projects/FrontendMentor/newbie/ping-coming-soon-page-master/work-through/myProcess.md
diff --git a/FrontendMentor/newbie/profile-card-component/.gitignore b/projects/FrontendMentor/newbie/profile-card-component/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/.gitignore
rename to projects/FrontendMentor/newbie/profile-card-component/.gitignore
diff --git a/FrontendMentor/newbie/profile-card-component/README-template.md b/projects/FrontendMentor/newbie/profile-card-component/README-template.md
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/README-template.md
rename to projects/FrontendMentor/newbie/profile-card-component/README-template.md
diff --git a/FrontendMentor/newbie/profile-card-component/README.md b/projects/FrontendMentor/newbie/profile-card-component/README.md
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/README.md
rename to projects/FrontendMentor/newbie/profile-card-component/README.md
diff --git a/FrontendMentor/newbie/profile-card-component/css/reset.css b/projects/FrontendMentor/newbie/profile-card-component/css/reset.css
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/css/reset.css
rename to projects/FrontendMentor/newbie/profile-card-component/css/reset.css
diff --git a/FrontendMentor/newbie/profile-card-component/css/style.css b/projects/FrontendMentor/newbie/profile-card-component/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/css/style.css
rename to projects/FrontendMentor/newbie/profile-card-component/css/style.css
diff --git a/FrontendMentor/newbie/profile-card-component/design/desktop-design.jpg b/projects/FrontendMentor/newbie/profile-card-component/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/profile-card-component/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/profile-card-component/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/profile-card-component/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/profile-card-component/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/profile-card-component/design/mobile-design.jpg b/projects/FrontendMentor/newbie/profile-card-component/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/profile-card-component/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/profile-card-component/images/bg-pattern-bottom.svg b/projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-bottom.svg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/images/bg-pattern-bottom.svg
rename to projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-bottom.svg
diff --git a/FrontendMentor/newbie/profile-card-component/images/bg-pattern-card.svg b/projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-card.svg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/images/bg-pattern-card.svg
rename to projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-card.svg
diff --git a/FrontendMentor/newbie/profile-card-component/images/bg-pattern-top.svg b/projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-top.svg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/images/bg-pattern-top.svg
rename to projects/FrontendMentor/newbie/profile-card-component/images/bg-pattern-top.svg
diff --git a/FrontendMentor/newbie/profile-card-component/images/favicon-32x32.png b/projects/FrontendMentor/newbie/profile-card-component/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/profile-card-component/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/profile-card-component/images/image-victor.jpg b/projects/FrontendMentor/newbie/profile-card-component/images/image-victor.jpg
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/images/image-victor.jpg
rename to projects/FrontendMentor/newbie/profile-card-component/images/image-victor.jpg
diff --git a/FrontendMentor/newbie/profile-card-component/index.html b/projects/FrontendMentor/newbie/profile-card-component/index.html
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/index.html
rename to projects/FrontendMentor/newbie/profile-card-component/index.html
diff --git a/FrontendMentor/newbie/profile-card-component/style-guide.md b/projects/FrontendMentor/newbie/profile-card-component/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/profile-card-component/style-guide.md
rename to projects/FrontendMentor/newbie/profile-card-component/style-guide.md
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/.gitignore b/projects/FrontendMentor/newbie/single-price-grid-component-master/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/.gitignore
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/.gitignore
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/README.md b/projects/FrontendMentor/newbie/single-price-grid-component-master/README.md
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/README.md
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/README.md
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/css/style.css b/projects/FrontendMentor/newbie/single-price-grid-component-master/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/css/style.css
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/css/style.css
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-design.jpg b/projects/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/design/mobile-design.jpg b/projects/FrontendMentor/newbie/single-price-grid-component-master/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/images/favicon-32x32.png b/projects/FrontendMentor/newbie/single-price-grid-component-master/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/index.html b/projects/FrontendMentor/newbie/single-price-grid-component-master/index.html
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/index.html
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/index.html
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/style-guide.md b/projects/FrontendMentor/newbie/single-price-grid-component-master/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/style-guide.md
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/style-guide.md
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/work-through/desktop-differences.png b/projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/desktop-differences.png
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/work-through/desktop-differences.png
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/desktop-differences.png
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/work-through/mobile-differences.png b/projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/mobile-differences.png
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/work-through/mobile-differences.png
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/mobile-differences.png
diff --git a/FrontendMentor/newbie/single-price-grid-component-master/work-through/process.md b/projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/process.md
similarity index 100%
rename from FrontendMentor/newbie/single-price-grid-component-master/work-through/process.md
rename to projects/FrontendMentor/newbie/single-price-grid-component-master/work-through/process.md
diff --git a/FrontendMentor/newbie/stats-preview-card-component/.gitignore b/projects/FrontendMentor/newbie/stats-preview-card-component/.gitignore
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/.gitignore
rename to projects/FrontendMentor/newbie/stats-preview-card-component/.gitignore
diff --git a/FrontendMentor/newbie/stats-preview-card-component/README-template.md b/projects/FrontendMentor/newbie/stats-preview-card-component/README-template.md
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/README-template.md
rename to projects/FrontendMentor/newbie/stats-preview-card-component/README-template.md
diff --git a/FrontendMentor/newbie/stats-preview-card-component/README.md b/projects/FrontendMentor/newbie/stats-preview-card-component/README.md
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/README.md
rename to projects/FrontendMentor/newbie/stats-preview-card-component/README.md
diff --git a/FrontendMentor/newbie/stats-preview-card-component/css/reset.css b/projects/FrontendMentor/newbie/stats-preview-card-component/css/reset.css
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/css/reset.css
rename to projects/FrontendMentor/newbie/stats-preview-card-component/css/reset.css
diff --git a/FrontendMentor/newbie/stats-preview-card-component/css/style.css b/projects/FrontendMentor/newbie/stats-preview-card-component/css/style.css
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/css/style.css
rename to projects/FrontendMentor/newbie/stats-preview-card-component/css/style.css
diff --git a/FrontendMentor/newbie/stats-preview-card-component/design/desktop-design.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/design/desktop-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/design/desktop-design.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/design/desktop-design.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/design/desktop-preview.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/design/desktop-preview.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/design/desktop-preview.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/design/desktop-preview.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/design/mobile-design.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/design/mobile-design.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/design/mobile-design.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/design/mobile-design.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/images/favicon-32x32.png b/projects/FrontendMentor/newbie/stats-preview-card-component/images/favicon-32x32.png
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/images/favicon-32x32.png
rename to projects/FrontendMentor/newbie/stats-preview-card-component/images/favicon-32x32.png
diff --git a/FrontendMentor/newbie/stats-preview-card-component/images/image-header-desktop.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/images/image-header-desktop.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/images/image-header-desktop.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/images/image-header-desktop.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/images/image-header-mobile.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/images/image-header-mobile.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/images/image-header-mobile.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/images/image-header-mobile.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/index.html b/projects/FrontendMentor/newbie/stats-preview-card-component/index.html
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/index.html
rename to projects/FrontendMentor/newbie/stats-preview-card-component/index.html
diff --git a/FrontendMentor/newbie/stats-preview-card-component/solution-desktop.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/solution-desktop.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/solution-desktop.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/solution-desktop.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/solution-mobile.jpg b/projects/FrontendMentor/newbie/stats-preview-card-component/solution-mobile.jpg
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/solution-mobile.jpg
rename to projects/FrontendMentor/newbie/stats-preview-card-component/solution-mobile.jpg
diff --git a/FrontendMentor/newbie/stats-preview-card-component/style-guide.md b/projects/FrontendMentor/newbie/stats-preview-card-component/style-guide.md
similarity index 100%
rename from FrontendMentor/newbie/stats-preview-card-component/style-guide.md
rename to projects/FrontendMentor/newbie/stats-preview-card-component/style-guide.md
diff --git a/FrontendMentor/reset.css b/projects/FrontendMentor/reset.css
similarity index 100%
rename from FrontendMentor/reset.css
rename to projects/FrontendMentor/reset.css
diff --git a/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html b/projects/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html
rename to projects/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html
diff --git a/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css b/projects/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css
rename to projects/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css
diff --git a/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html b/projects/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html
rename to projects/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html
diff --git a/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css b/projects/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css
rename to projects/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css
diff --git a/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.jpeg b/projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.jpeg
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.jpeg
rename to projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.jpeg
diff --git a/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.png b/projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.png
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.png
rename to projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/fake-logo.png
diff --git a/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/index.html b/projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/index.html
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/index.html
rename to projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/index.html
diff --git a/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/style.css b/projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/style.css
similarity index 100%
rename from freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/style.css
rename to projects/freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/style.css
diff --git a/css/playground.css b/src/css/playground.css
similarity index 100%
rename from css/playground.css
rename to src/css/playground.css
diff --git a/css/reset.css b/src/css/reset.css
similarity index 100%
rename from css/reset.css
rename to src/css/reset.css
diff --git a/src/css/style.css b/src/css/style.css
index b103d71..aa3a562 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1,21 +1,229 @@
-html,
+@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
+
+/* 
+* Hi, thank you for checking out my CSS. Layout is currently Rev 2.
+* Plan is to do more interesting ones as I feel more comfortable doing things.
+*
+* For instance was thinking of swapping to a 3 column affair, with the title running
+* vertically in the first column. Second column is the projects, third the blurb
+*
+* I'd like to add some animations and transitions, and a light and dark theme.
+*/
+
+:root {
+    font-size: 1.25rem;
+    --marginTop: 0.5rem;
+
+    --pinky-color: rgba(216, 81, 201, 0.632);
+    --lightcoral-color: lightcoral;
+    --projects-border-color: green;
+}
+
+* {
+    margin: 0;
+}
+
 body {
-    height: 100%;
+    /* background-color: whitesmoke; */
+    background-color: #f2f2f2;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ac2e2e' fill-opacity='0.24'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
 
-header {
-    height: 100%;
-    display: grid;
-    place-content: center;
+.header,
+.blurb,
+.projectsDiv {
+    background-color: rgba(0, 0, 0, 0.1);
+    border: 5px solid;
+    margin: 0 auto;
+    width: 90%;
+    max-width: 700px;
+    box-sizing: border-box;
+    border-radius: 10px;
 }
 
-header > div {
+.blurb,
+.projectsDiv {
+    padding: 10px 20px;
+    margin-top: 2rem;
+    font-family: "Source Sans Pro", sans-serif;
+}
+
+.header {
+    text-align: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    border-color: var(--lightcoral-color);
+}
+
+.header > h1 {
+    font-family: "Black Ops One", cursive;
+    /* scale the font from size used on mobile to "desktop" */
+    font-size: min(max(2.5rem, 8vw), 3rem);
+}
+
+.blurb {
+    border-color: var(--pinky-color);
+}
+
+.projectsDiv {
+    border-color: rgba(0, 0, 0, 0.7);
+}
+
+.frontEndMentorChallenges,
+.freecodeCampProjects,
+.completeWebDev2020Projects,
+.vanillaJSProjects {
+    margin-top: var(--marginTop);
+}
+
+.projectsSection__title {
+    font-weight: 600;
+    font-size: 1.8rem;
+}
+
+/* .frontEndMentorChallenges {} */
+
+.frontEndMentorChallenges .newbieChallenges {
+    margin-left: 1rem;
+}
+
+.newbieChallenges > h3,
+.responsiveProjects > h3 {
+    font-weight: 600;
+    font-size: 1.3rem;
+}
+
+/* .freecodeCampProjects {} */
+/* .completeWebDev2020Projects {} */
+/* .vanillaJSProjects {} */
+
+footer {
+    margin-top: 3rem;
+    text-align: center;
+    font-size: 0.9rem;
+    margin-left: auto;
+    margin-right: auto;
+    width: 85%;
+}
+
+footer * {
+    margin-top: 1rem;
+}
+
+footer > a {
+    display: block;
+}
+
+.alignedHeader {
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center; /* Vertical center of image & text */
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 1rem;
 }
 
-.logo {
-    width: 50%;
+.alignedHeader img {
+    /* /* width: 100%;  */
+    height: 100%;
+
+    /* margin-left: auto; */
+}
+
+.stacked {
+    display: grid;
+}
+
+.stacked > * {
+    grid-column: 1/2;
+    grid-row: 1/2;
+}
+
+.card__content {
+    z-index: 10;
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(100px);
+    -webkit-backdrop-filter: blur(100px);
+    align-self: end;
+    margin: 0.5rem; /*.5rem 2rem;*/
+    padding: 0.5rem;
+
+    box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1);
+    border: gray 2px dashed;
+    border-radius: 5px;
+}
+
+.projects-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+    gap: 0.25rem;
+    margin-top: 0.5rem;
+}
+
+.projectsDiv > * {
+    margin-bottom: 1rem;
+}
+
+.project-card {
+    border: 3px solid var(--projects-border-color);
+    border-radius: 10px;
+    aspect-ratio: 1 / 1.4;
+    overflow: hidden;
+}
+
+.card__img {
+    width: 100%;
+    aspect-ratio: 1 / 1.25;
+    object-fit: cover;
+}
+
+.card__techUsed {
+    list-style: none;
+    display: flex;
+    /* align-content: space-evenly; */
+    justify-content: space-evenly;
+    align-items: center;
+
+    /* font-size: 0.625rem; */
+}
+
+/* .card__techUsed > li {
+    margin: 0;
+} */
+
+.card__techUsed img {
+    margin-top: 0.25rem;
+    width: 100%;
+    height: 100%;
+}
+
+.card__title {
+    font-size: 0.75rem;
+    font-weight: 600;
+    line-height: 1.1;
+    color: darkred;
+    text-align: center;
+}
+
+.card__description {
+    font-size: 0.625rem;
+    line-height: 1.2;
+}
+
+@media (min-width: 38em) {
+    .card__img {
+        aspect-ratio: 1 / 1;
+    }
+
+    .project-card.featured {
+        grid-row: span 2;
+        grid-column: span 2;
+    }
+
+    .project-card.featured .card__img {
+        aspect-ratio: 1 / 1.33;
+    }
+
+    .project-card.featured .card__title {
+        font-size: 1.25rem;
+    }
 }
diff --git a/src/index.html b/src/index.html
index 2d52788..ccec5c5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,22 +2,371 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./css/style.css">
-    <script src="./js/script.js" defer></script>
-    <title>rmcg.dev</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Practice Projects</title>
+    <link rel="stylesheet" href="./FrontendMentor/reset.css" />
+    <link rel="stylesheet" href="./css/style.css" />
 </head>
 
 <body>
     <header>
-        <div>
-            <img class="logo" src="./svgs/purple_fedora.svg" alt="Image of a Purple Fedora">
-            <h2>Coming Soon™</h2>
-            <p>Projects from Frontend Mentor and more. Playground for learning.</p>
+        <!-- some logo here -->
+        <div class="header">
+            <h1 class="test">Practice Projects</h1>
         </div>
+        <!-- consider a menu for jumping down page -->
     </header>
+    <main>
+        <div class="blurb">
+            <p>
+                These are completed projects done to practice using HTML,
+                CSS & Javascript. They come from different services, and
+                most are freely available for anyone to practice with.
+            </p>
+            &nbsp;
+            <p>
+                I have put them all into a single GIT repository rather than
+                litter my github page with many different projects. This may
+                change in future depending on how many of these that I do.
+            </p>
+            &nbsp;
+            <p>Robert McGovern</p>
+        </div>
+
+        <div class="projectsDiv">
+            <div class="alignedHeader">
+                <h2 class="projectsSection__title">Frontend Mentor</h2>
+                <img src="./svgs/frontendmentor.svg" alt="Frontend Mentor" />
+            </div>
+            <p>Collection of challenges I completed for Frontend Mentor</p>
+            <div class="newbieChallenges">
+                <h3>Newbie Challenges</h3>
+
+                <div class="projects-grid">
+
+                    <div class="project-card stacked featured">
+                        <a href="./FrontendMentor/newbie/order-summary-component/">
+                            <img class="card__img" src="./screenshots/fem-newbie-order-summary-component.png"
+                                alt="Order Summary Component Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Order Summary Card Component
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/">
+                            <img class="card__img"
+                                src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png"
+                                alt="The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section." />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                The Huddle Landing Page
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/javascript.svg" alt="JavaScript" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/ping-coming-soon-page-master/">
+                            <img class="card__img" src="./screenshots/fem-newbie-ping-coming-soon-page.jpeg"
+                                alt="Ping Coming-Soon Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">Ping Coming-Soon</h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/javascript.svg" alt="JavaScript" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/single-price-grid-component-master/">
+                            <img class="card__img" src="./screenshots/fem-newbie-single-price-grid-component.jpeg"
+                                alt="Single Price Grid Component Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Single Price Grid Component
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/four-card-feature-section/">
+                            <img class="card__img" src="./screenshots/fem-newbie-four-card-feature-section.jpeg"
+                                alt="Four Card Feature Section Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Four Card Feature Section
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/article-preview-component/">
+                            <img class="card__img" src="./screenshots/fem-newbie-article-preview-component.jpeg"
+                                alt="Article Preview Component Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Article Preview Component
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/stats-preview-card-component/">
+                            <img class="card__img" src="./screenshots/fem-newbie-stats-preview-card-component.jpeg"
+                                alt="Stats Preview Card Component Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Stats Preview Card Component
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="project-card stacked">
+                        <a href="./FrontendMentor/newbie/profile-card-component/">
+                            <img class="card__img" src="./screenshots/fem-newbie-profile-card-component.jpeg"
+                                alt="Profile Card Component Challenge from FrontendMentor" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Profile Card Component
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="projectsDiv">
+            <div class="alignedHeader">
+                <h2 class="projectsSection__title">Freecodecamp</h2>
+                <img src="./svgs/freecodecamp.svg" alt="Freecodecamp" />
+            </div>
+            <div class="responsiveProjects">
+                <h3>Responsive Web Design Projects</h3>
+                <p>
+                    Note: As of 11 Oct 2020, these require a partial rework
+                    to look good on mobile. 1-3 where written much earlier
+                    in my learning, so while they fufill all the
+                    requirements, they don't look great on mobile.
+                </p>
+                <div class="projects-grid">
+                    <div class="project-card stacked">
+                        <a href="../freeCodeCamp/responsive-web-design-projects/Project1-TributePage/">
+                            <img class="card__img" src="./screenshots/fcc-web-Project1-TributePage.jpeg"
+                                alt="Project 1 - Tribute Page" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Project 1 - Tribute Page
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="project-card stacked">
+                        <a href="./freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/">
+                            <img class="card__img" src="./screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg"
+                                alt="Project 2 - Build A Survey Form" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Project 2 - Build A Survey Form
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="project-card stacked">
+                        <a href="./freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/">
+                            <img class="card__img" src="./screenshots/fcc-web-Project3-ProductLandingPage.jpeg"
+                                alt="Project 3 - Product Landing Page" />
+                        </a>
+                        <div class="card__content">
+                            <h3 class="card__title">
+                                Project 3 - Product Landing Page
+                            </h3>
+                            <!-- <p class="card__description">
+                                Lorem ipsum dolor sit amet consectetur
+                                adipisicing elit.
+                            </p> -->
+                            <ul class="card__techUsed">
+                                <li>
+                                    <img src="./svgs/html5.svg" alt="HTML5" />
+                                </li>
+                                <li>
+                                    <img src="./svgs/css3.svg" alt="CSS3" />
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="projectsDiv">
+
+            <div class="alignedHeader">
+                <h2 class="projectsSection__title">
+                    The Complete 2022 Web Development Bootcamp
+                </h2>
+                <img src="./svgs/udemy.svg" alt="The Complete 2022 Web Development Bootcamp Udemy Course" />
+            </div>
+            <p>coming soon</p>
+        </div>
+
+        <div class="projectsDiv">
+            <h2 class="projectsSection__title">Vanilla JS Projects</h2>
+            <p>coming soon</p>
+        </div>
+
+        <div class="projectsDiv">
+            <h2 class="projectsSection__title">Playground</h2>
+            <p>
+                Intended for just little snippets of code that look useful
+            </p>
+            <a href="./playground.html">The Playground</a>
+        </div>
+    </main>
+    <footer>
+        <!-- some blurb here -->
+        <p>
+            All projects are the work of Robert McGovern, 2020-2022. <br />
+            <a href="emailto:work@tarasis.net">Email</a>,
+            <a href="https://tarasis.net">Website/Blog</a>
+        </p>
+        <a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a>
+    </footer>
+    <script src="./js/script.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/index.old b/src/index.old
new file mode 100644
index 0000000..2d52788
--- /dev/null
+++ b/src/index.old
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./css/style.css">
+    <script src="./js/script.js" defer></script>
+    <title>rmcg.dev</title>
+</head>
+
+<body>
+    <header>
+        <div>
+            <img class="logo" src="./svgs/purple_fedora.svg" alt="Image of a Purple Fedora">
+            <h2>Coming Soon™</h2>
+            <p>Projects from Frontend Mentor and more. Playground for learning.</p>
+        </div>
+    </header>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/js/script.js b/src/js/script.js
index 26b4feb..605f081 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -1 +1,3 @@
-// Nothing to see here 🙈
+// use strict
+
+// An empty JS for the moment :) Shh
diff --git a/playground.html b/src/playground.html
similarity index 100%
rename from playground.html
rename to src/playground.html
diff --git a/screenshots/fcc-web-Project1-TributePage.jpeg b/src/screenshots/fcc-web-Project1-TributePage.jpeg
similarity index 100%
rename from screenshots/fcc-web-Project1-TributePage.jpeg
rename to src/screenshots/fcc-web-Project1-TributePage.jpeg
diff --git a/screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg b/src/screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg
similarity index 100%
rename from screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg
rename to src/screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg
diff --git a/screenshots/fcc-web-Project3-ProductLandingPage.jpeg b/src/screenshots/fcc-web-Project3-ProductLandingPage.jpeg
similarity index 100%
rename from screenshots/fcc-web-Project3-ProductLandingPage.jpeg
rename to src/screenshots/fcc-web-Project3-ProductLandingPage.jpeg
diff --git a/screenshots/fem-newbie-article-preview-component.jpeg b/src/screenshots/fem-newbie-article-preview-component.jpeg
similarity index 100%
rename from screenshots/fem-newbie-article-preview-component.jpeg
rename to src/screenshots/fem-newbie-article-preview-component.jpeg
diff --git a/screenshots/fem-newbie-four-card-feature-section.jpeg b/src/screenshots/fem-newbie-four-card-feature-section.jpeg
similarity index 100%
rename from screenshots/fem-newbie-four-card-feature-section.jpeg
rename to src/screenshots/fem-newbie-four-card-feature-section.jpeg
diff --git a/screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png b/src/screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png
similarity index 100%
rename from screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png
rename to src/screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png
diff --git a/screenshots/fem-newbie-order-summary-component.png b/src/screenshots/fem-newbie-order-summary-component.png
similarity index 100%
rename from screenshots/fem-newbie-order-summary-component.png
rename to src/screenshots/fem-newbie-order-summary-component.png
diff --git a/screenshots/fem-newbie-ping-coming-soon-page.jpeg b/src/screenshots/fem-newbie-ping-coming-soon-page.jpeg
similarity index 100%
rename from screenshots/fem-newbie-ping-coming-soon-page.jpeg
rename to src/screenshots/fem-newbie-ping-coming-soon-page.jpeg
diff --git a/screenshots/fem-newbie-profile-card-component.jpeg b/src/screenshots/fem-newbie-profile-card-component.jpeg
similarity index 100%
rename from screenshots/fem-newbie-profile-card-component.jpeg
rename to src/screenshots/fem-newbie-profile-card-component.jpeg
diff --git a/screenshots/fem-newbie-single-price-grid-component.jpeg b/src/screenshots/fem-newbie-single-price-grid-component.jpeg
similarity index 100%
rename from screenshots/fem-newbie-single-price-grid-component.jpeg
rename to src/screenshots/fem-newbie-single-price-grid-component.jpeg
diff --git a/screenshots/fem-newbie-stats-preview-card-component.jpeg b/src/screenshots/fem-newbie-stats-preview-card-component.jpeg
similarity index 100%
rename from screenshots/fem-newbie-stats-preview-card-component.jpeg
rename to src/screenshots/fem-newbie-stats-preview-card-component.jpeg
diff --git a/svgs/css3.svg b/src/svgs/css3.svg
similarity index 100%
rename from svgs/css3.svg
rename to src/svgs/css3.svg
diff --git a/svgs/freecodecamp.svg b/src/svgs/freecodecamp.svg
similarity index 100%
rename from svgs/freecodecamp.svg
rename to src/svgs/freecodecamp.svg
diff --git a/svgs/frontendmentor.svg b/src/svgs/frontendmentor.svg
similarity index 100%
rename from svgs/frontendmentor.svg
rename to src/svgs/frontendmentor.svg
diff --git a/svgs/html5.svg b/src/svgs/html5.svg
similarity index 100%
rename from svgs/html5.svg
rename to src/svgs/html5.svg
diff --git a/svgs/image-photo-svgrepo-com.svg b/src/svgs/image-photo-svgrepo-com.svg
similarity index 100%
rename from svgs/image-photo-svgrepo-com.svg
rename to src/svgs/image-photo-svgrepo-com.svg
diff --git a/svgs/javascript.svg b/src/svgs/javascript.svg
similarity index 100%
rename from svgs/javascript.svg
rename to src/svgs/javascript.svg
diff --git a/svgs/udemy.svg b/src/svgs/udemy.svg
similarity index 100%
rename from svgs/udemy.svg
rename to src/svgs/udemy.svg