diff --git a/README.md b/README.md index f4802d74..fbd49d85 100644 --- a/README.md +++ b/README.md @@ -22,22 +22,60 @@ npm run build ## Project List + +![]() +### Intro section with dropdown navigation +[Live](https://catherineisonline.github.io/intro-section-with-dropdown-navigation-frontendmentor/) | [Repo](https://github.com/catherineisonline/intro-section-with-dropdown-navigation-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/intro-section-with-dropdown-navigation-ryaPetHE5) + +![]() +### News homepage +[Live](https://catherineisonline.github.io/news-homepage-frontendmentor/) | [Repo](https://github.com/catherineisonline/news-homepage-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl) + +![]() +### Huddle landing page with alternating feature blocks +[Live](https://catherineisonline.github.io/huddle-landing-page-with-feature-blocks-frontendmentor/) | [Repo](https://github.com/catherineisonline/huddle-landing-page-with-feature-blocks-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/huddle-landing-page-with-alternating-feature-blocks-5ca5f5981e82137ec91a5100) + +![]() +### Crowdfunding product page +[Live](https://catherineisonline.github.io/crowdfunding-product-page-frontendmentor/) | [Repo](https://github.com/catherineisonline/crowdfunding-product-page-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR) + +![]() +### Fylo landing page with two column layout +[Live](https://catherineisonline.github.io/fylo-landing-page-with-two-column-layout-frontendmentor/) | [Repo](https://github.com/catherineisonline/fylo-landing-page-with-two-column-layout-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/fylo-landing-page-with-two-column-layout-5ca5ef041e82137ec91a50f5) + +![]() +### Product preview card component +[Live](https://catherineisonline.github.io/product-preview-card-frontendmentor/) | [Repo](https://github.com/catherineisonline/product-preview-card-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa) + +![]() +### Calculator App +[Live](https://catherineisonline.github.io/calculator/) | [Repo](https://github.com/catherineisonline/calculator) | [Try Out](https://www.frontendmentor.io/challenges/calculator-app-9lteq5N29) + +![]() +### Interactive rating component +[Live](https://catherineisonline.github.io/interactive-rating-component-frontendmentor/) | [Repo](https://github.com/catherineisonline/interactive-rating-component-frontendmentor) | [Try Out](https://www.frontendmentor.io/challenges/interactive-rating-component-koxpeBUmI) + +![]() ### REST Countries API with color theme switcher Live | Repo | Try Out +![]() ### Fylo dark theme landing page Live | Repo | Try Out +![]() ### Sunnyside agency landing page Live | Repo | Try Out +![]() ### Pricing component with toggle Live | Repo | Try Out +![]() ### Intro component with sign-up form Live | Repo | Try Out diff --git a/src/assets/images/calculator-app.webp b/src/assets/images/calculator-app.webp new file mode 100644 index 00000000..ef2c8b5f Binary files /dev/null and b/src/assets/images/calculator-app.webp differ diff --git a/src/assets/images/crowdfunding-product-page.webp b/src/assets/images/crowdfunding-product-page.webp new file mode 100644 index 00000000..55f34d38 Binary files /dev/null and b/src/assets/images/crowdfunding-product-page.webp differ diff --git a/src/assets/images/fylo-landing-page-with-two-column-layout.webp b/src/assets/images/fylo-landing-page-with-two-column-layout.webp new file mode 100644 index 00000000..bf0babd2 Binary files /dev/null and b/src/assets/images/fylo-landing-page-with-two-column-layout.webp differ diff --git a/src/assets/images/huddle-landing-page-with-alternating-feature-blocks.webp b/src/assets/images/huddle-landing-page-with-alternating-feature-blocks.webp new file mode 100644 index 00000000..67bb54f5 Binary files /dev/null and b/src/assets/images/huddle-landing-page-with-alternating-feature-blocks.webp differ diff --git a/src/assets/images/interactive-rating-component.webp b/src/assets/images/interactive-rating-component.webp new file mode 100644 index 00000000..375ae265 Binary files /dev/null and b/src/assets/images/interactive-rating-component.webp differ diff --git a/src/assets/images/intro-section-with-dropdown-navigation.webp b/src/assets/images/intro-section-with-dropdown-navigation.webp new file mode 100644 index 00000000..718c863b Binary files /dev/null and b/src/assets/images/intro-section-with-dropdown-navigation.webp differ diff --git a/src/assets/images/news-homepage.webp b/src/assets/images/news-homepage.webp new file mode 100644 index 00000000..0c14d946 Binary files /dev/null and b/src/assets/images/news-homepage.webp differ diff --git a/src/assets/images/product-preview-card-component.webp b/src/assets/images/product-preview-card-component.webp new file mode 100644 index 00000000..25436db9 Binary files /dev/null and b/src/assets/images/product-preview-card-component.webp differ