From df2906018b75c9fa568c82e76808d41f12c04cd8 Mon Sep 17 00:00:00 2001 From: William v Staden Date: Thu, 4 Nov 2021 19:16:13 +0200 Subject: [PATCH 1/3] section 6 components --- starter/06-Components/01-accordion.html | 211 ++++++++++++++++++++++++ starter/06-Components/02-carousel.html | 63 +++++++ starter/06-Components/component.html | 42 +++++ 3 files changed, 316 insertions(+) create mode 100644 starter/06-Components/01-accordion.html create mode 100644 starter/06-Components/02-carousel.html create mode 100644 starter/06-Components/component.html diff --git a/starter/06-Components/01-accordion.html b/starter/06-Components/01-accordion.html new file mode 100644 index 000000000..2fc6e0bad --- /dev/null +++ b/starter/06-Components/01-accordion.html @@ -0,0 +1,211 @@ + + + + + + + Accordion Component + + + + + +
+
+

01

+

Where are these chairs assembled?

+ + + +
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti + error, ratione, repudiandae consequatur ex et minima qui autem + mollitia tempora reprehenderit veritatis! Eos eligendi explicabo id + quas, dolor laborum vel. +

+
    +
  • + Lorem ipsum dolor sit amet, consectetur adipisicing. Ducimus, + mollitia. +
  • +
  • + Lorem ipsum dolor sit amet, adipisicing elit. Ducimus, mollitia. +
  • +
  • Lorem elit. Ducimus, mollitia. Quibusdam magni accusantium.
  • +
  • Lorem ipsum dolor sit amet.
  • +
+
+
+
+

02

+

How long do I have to return my chair?

+ + + +
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti + error, ratione, repudiandae consequatur ex et minima qui autem + mollitia tempora reprehenderit veritatis! Eos eligendi explicabo + id quas, dolor laborum vel. +

+
    +
  • + Lorem ipsum dolor sit amet, consectetur adipisicing. Ducimus, + mollitia. +
  • +
  • + Lorem ipsum dolor sit amet, adipisicing elit. Ducimus, mollitia. +
  • +
  • + Lorem elit. Ducimus, mollitia. Quibusdam magni accusantium. +
  • +
  • Lorem ipsum dolor sit amet.
  • +
+
+
+
+

03

+

How long do I have to return my chair?

+ + + +
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti + error, ratione, repudiandae consequatur ex et minima qui autem + mollitia tempora reprehenderit veritatis! Eos eligendi explicabo + id quas, dolor laborum vel. +

+
    +
  • + Lorem ipsum dolor sit amet, consectetur adipisicing. Ducimus, + mollitia. +
  • +
  • + Lorem ipsum dolor sit amet, adipisicing elit. Ducimus, mollitia. +
  • +
  • + Lorem elit. Ducimus, mollitia. Quibusdam magni accusantium. +
  • +
  • Lorem ipsum dolor sit amet.
  • +
+
+
+
+ + diff --git a/starter/06-Components/02-carousel.html b/starter/06-Components/02-carousel.html new file mode 100644 index 000000000..9bddc910a --- /dev/null +++ b/starter/06-Components/02-carousel.html @@ -0,0 +1,63 @@ + + + + + + + Carousel Component + + + + + + + + diff --git a/starter/06-Components/component.html b/starter/06-Components/component.html new file mode 100644 index 000000000..7135fcd0c --- /dev/null +++ b/starter/06-Components/component.html @@ -0,0 +1,42 @@ + + + + + + + Accordion Component + + + + + + + + From 04bd11d92459c803c757820379dae372ba40d1d3 Mon Sep 17 00:00:00 2001 From: William v Staden Date: Fri, 5 Nov 2021 20:40:26 +0200 Subject: [PATCH 2/3] content planning --- starter/07-Omnifood-Desktop/content/content.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/starter/07-Omnifood-Desktop/content/content.md b/starter/07-Omnifood-Desktop/content/content.md index 7193e017f..d9416fc76 100644 --- a/starter/07-Omnifood-Desktop/content/content.md +++ b/starter/07-Omnifood-Desktop/content/content.md @@ -126,3 +126,20 @@ Careers Recipe directory Help center Privacy & terms + +###### + +## Sections + +- Navigation +- Hero +- Features +- How it works +- Diets +- Meals +- CTA +- Pricing +- Gallery +- Testimonials +- Featured in +- Footer \ No newline at end of file From adee504c43bf3814f60f50f5ee0aa45949b53f19 Mon Sep 17 00:00:00 2001 From: William van Staden Date: Mon, 8 Nov 2021 07:07:22 +0200 Subject: [PATCH 3/3] omnifood starter --- .../{content => }/content.md | 13 +- starter/07-Omnifood-Desktop/css/general.css | 176 +++++++++++++++++ starter/07-Omnifood-Desktop/css/style.css | 186 ++++++++++++++++++ .../{content => }/img/app/app-screen-1.png | Bin .../{content => }/img/app/app-screen-2.png | Bin .../{content => }/img/app/app-screen-3.png | Bin .../{content => }/img/customers/ben.jpg | Bin .../img/customers/customer-1.jpg | Bin .../img/customers/customer-2.jpg | Bin .../img/customers/customer-3.jpg | Bin .../img/customers/customer-4.jpg | Bin .../img/customers/customer-5.jpg | Bin .../img/customers/customer-6.jpg | Bin .../{content => }/img/customers/dave.jpg | Bin .../{content => }/img/customers/hannah.jpg | Bin .../{content => }/img/customers/steve.jpg | Bin .../{content => }/img/eating.jpg | Bin .../{content => }/img/favicon.png | Bin .../{content => }/img/gallery/gallery-1.jpg | Bin .../{content => }/img/gallery/gallery-10.jpg | Bin .../{content => }/img/gallery/gallery-11.jpg | Bin .../{content => }/img/gallery/gallery-12.jpg | Bin .../{content => }/img/gallery/gallery-2.jpg | Bin .../{content => }/img/gallery/gallery-3.jpg | Bin .../{content => }/img/gallery/gallery-4.jpg | Bin .../{content => }/img/gallery/gallery-5.jpg | Bin .../{content => }/img/gallery/gallery-6.jpg | Bin .../{content => }/img/gallery/gallery-7.jpg | Bin .../{content => }/img/gallery/gallery-8.jpg | Bin .../{content => }/img/gallery/gallery-9.jpg | Bin .../{content => }/img/hero.png | Bin .../img/logos/business-insider.png | Bin .../{content => }/img/logos/forbes.png | Bin .../{content => }/img/logos/techcrunch.png | Bin .../img/logos/the-new-york-times.png | Bin .../{content => }/img/logos/usa-today.png | Bin .../{content => }/img/meals/meal-1.jpg | Bin .../{content => }/img/meals/meal-2.jpg | Bin .../{content => }/img/omnifood-logo.png | Bin starter/07-Omnifood-Desktop/index.html | 147 ++++++++++++++ 40 files changed, 514 insertions(+), 8 deletions(-) rename starter/07-Omnifood-Desktop/{content => }/content.md (98%) create mode 100644 starter/07-Omnifood-Desktop/css/general.css create mode 100644 starter/07-Omnifood-Desktop/css/style.css rename starter/07-Omnifood-Desktop/{content => }/img/app/app-screen-1.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/app/app-screen-2.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/app/app-screen-3.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/ben.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-1.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-2.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-3.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-4.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-5.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/customer-6.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/dave.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/hannah.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/customers/steve.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/eating.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/favicon.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-1.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-10.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-11.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-12.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-2.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-3.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-4.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-5.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-6.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-7.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-8.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/gallery/gallery-9.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/hero.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/logos/business-insider.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/logos/forbes.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/logos/techcrunch.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/logos/the-new-york-times.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/logos/usa-today.png (100%) rename starter/07-Omnifood-Desktop/{content => }/img/meals/meal-1.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/meals/meal-2.jpg (100%) rename starter/07-Omnifood-Desktop/{content => }/img/omnifood-logo.png (100%) create mode 100644 starter/07-Omnifood-Desktop/index.html diff --git a/starter/07-Omnifood-Desktop/content/content.md b/starter/07-Omnifood-Desktop/content.md similarity index 98% rename from starter/07-Omnifood-Desktop/content/content.md rename to starter/07-Omnifood-Desktop/content.md index d9416fc76..b74c3c7f5 100644 --- a/starter/07-Omnifood-Desktop/content/content.md +++ b/starter/07-Omnifood-Desktop/content.md @@ -131,15 +131,12 @@ Privacy & terms ## Sections -- Navigation +- Logo + Navigation - Hero -- Features +- Featured in - How it works -- Diets -- Meals +- Meals + Diets +- Testimonials + Gallery +- Pricing + Features - CTA -- Pricing -- Gallery -- Testimonials -- Featured in - Footer \ No newline at end of file diff --git a/starter/07-Omnifood-Desktop/css/general.css b/starter/07-Omnifood-Desktop/css/general.css new file mode 100644 index 000000000..b2e8c5922 --- /dev/null +++ b/starter/07-Omnifood-Desktop/css/general.css @@ -0,0 +1,176 @@ +/* +--- 01 TYPOGRAPHY SYSTEM + +- Font sizes (px) +10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98 + +- Font weights +Default: 400 +Medium: 500 +Semi-bold: 600 +Bold: 700 + +- Line heights +Default: 1 +Small: 1.05 +Medium: 1.2 +Paragraph default: 1.6 + +- Letter spacing +-0.5px +0.75px + +--- 02 COLORS + +- Primary: #e67e22 +- Tints: +#fdf2e9 +#fae5d3 +#eb984e + +- Shades: +#cf711f +#45260a + +- Accents: +- Greys + +#888 +#767676 (lightest grey allowed on #fff) +#6f6f6f (lightest grey allowed on #fdf2e9) +#555 +#333 + +--- 05 SHADOWS + +0 2.4rem 4.8rem rgba(0, 0, 0, 0.075); + +--- 06 BORDER-RADIUS + +Default: 9px +Medium: 11px + +--- 07 WHITESPACE + +- Spacing system (px) +2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 +*/ + +html { + font-size: 62.5%; + } + + * { + padding: 0; + margin: 0; + box-sizing: border-box; + } + + body { + font-family: "Rubik", sans-serif; + line-height: 1; + font-weight: 400; + color: #555; + } + /*************************************/ + /* GENERAL COMPONENTS */ + /*************************************/ + .heading-primary, + .heading-secondary { + font-weight: 700; + color: #333; + letter-spacing: -0.8px; + } + + .heading-primary { + font-size: 5.2rem; + line-height: 1.05; + margin-bottom: 3.2rem; + } + + .heading-secondary { + font-size: 4.4rem; + line-height: 1.2; + margin-bottom: 9.6rem; + } + + .heading-tertiary { + font-size: 3.0rem; + line-height: 1.2; + margin-bottom: 3.2rem; + } + + .subheading { + display: block; + font-size: 1.6rem; + font-weight: 500; + color: #cf711f; + text-transform: uppercase; + margin-bottom: 1.6rem; + letter-spacing: 0.75px; + } + + .btn:link, + .btn:visited { + display: inline-block; + font-size: 2rem; + padding: 1.6rem 3.2rem; + border-radius: 9px; + text-decoration: none; + font-weight: 600; + + transition: background-color 0.3s; + } + + .btn--full:link, + .btn--full:visited { + background-color: #e67e22; + color: #fff; + } + + .btn--full:hover, + .btn--full:active { + background-color: #cf711f; + } + + .btn--outline:link, + .btn--outline:visited { + background-color: #fff; + color: #555; + /* border: 3px solid #fff; */ + /* trick to add boarder inside */ + box-shadow: inset 0 0 0 3px #fff; + } + + .btn--outline:hover, + .btn--outline:active { + background-color: #fdf2e9; + } + + .margin-right-sm { + margin-right: 1.6rem !important; + } + + .container { + max-width: 120rem; + margin: 0 auto; + padding: 0 3.2rem; + } + + .grid { + display: grid; + row-gap: 9.6rem; + column-gap: 6.4rem; + } + + .grid--vertical-center { + align-items: center; + } + + .grid--2-cols { + grid-template-columns: repeat(2, 1fr); + } + + .grid--3-cols { + grid-template-columns: repeat(3, 1fr); + } \ No newline at end of file diff --git a/starter/07-Omnifood-Desktop/css/style.css b/starter/07-Omnifood-Desktop/css/style.css new file mode 100644 index 000000000..2cc335f4b --- /dev/null +++ b/starter/07-Omnifood-Desktop/css/style.css @@ -0,0 +1,186 @@ +/*************************************/ +/* HEADER */ +/*************************************/ +.header { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #fdf2e9; + /* Because we want a sticky header */ + height: 9.6rem; + padding: 0 4.8rem; +} + +.logo { + height: 2.2rem; +} +/*************************************/ +/* NAV */ +/*************************************/ +.main-nav-list { + list-style: none; + display: flex; + gap: 3.2rem; + align-items: center; +} + +.main-nav-link:link, +.main-nav-link:visited { + display: inline-block; + text-decoration: none; + color: #333; + font-weight: 500; + font-size: 1.8rem; + transition: all 0.3s; +} + +.main-nav-link:hover, +.main-nav-link:active { + color: #cf711f; +} + +.main-nav-link.nav-cta:link, +.main-nav-link.nav-cta:visited { + padding: 1.2rem 2.4rem; + border-radius: 9px; + color: #fff; + background-color: #e67e22; +} + +.main-nav-link.nav-cta:hover, +.main-nav-link.nav-cta:active { + background-color: #cf711f; +} +/*************************************/ +/* HERO SECTION */ +/*************************************/ +.section-hero { + background-color: #fdf2e9; + padding: 4.8rem 0 9.6rem 0; +} + +.hero { + margin: 0 auto; + padding: 0 3.2rem; + max-width: 130rem; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 9.6rem; + align-items: center; +} + +.hero-description { + font-size: 2rem; + line-height: 1.5; + margin-bottom: 4.8rem; +} + +.hero-img { + width: 100%; /*will fill 100% width of the grid column*/ +} + +.delivered-meals { + align-items: center; + gap: 1.6rem; + display: flex; + margin-top: 8rem; +} + +.delivered-imgs { + display: flex; +} + +.delivered-imgs img { + height: 4.8rem; + width: 4.8rem; /* set width as well for Safari bug */ + border-radius: 50%; + margin-right: -1.6rem; + border: 3px solid #fdf2e9; +} + +.delivered-imgs img:last-child { + margin: 0; +} + +.delivered-text { + font-size: 1.8rem; + font-weight: 600; +} + +.delivered-text span { + font-weight: 700; + color: #cf711f; +} +/*************************************/ +/* FEATURED IN SECTION */ +/*************************************/ +.section-featured{ + padding: 4.8rem; +} + +.heading-featured-in { + font-size: 1.4rem; + text-transform: uppercase; + letter-spacing: 0.75px; + font-weight: 500; + text-align: center; + margin-bottom: 2.4rem; +} +/*************************************/ +/* HOW IT WORKS SECTION */ +/*************************************/ +.section-how { + padding: 9.6rem 0; +} + +.step-img-box { + display: flex; + position: relative; + justify-content: center; + align-items: center; +} + +.step-img-box::before, +.step-img-box::after { + position: absolute; + content: ""; + display: block; + border-radius: 50%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.step-img-box::before { + width: 60%; + /* height: 60%; */ + /* 60% of parent width */ + padding-bottom: 60%; + background-color: #fdf2e9; + z-index: -2; +} + +.step-img-box::after { + width: 45%; + /* height: 60%; */ + /* 60% of parent width */ + padding-bottom: 45%; + background-color: #fde5d3; + z-index: -1; +} + +.step-img { + width: 36%; +} + +.step-description { + font-size: 1.8rem; + line-height: 1.8; +} + +.step-number { + font-size: 8.6rem; + font-weight: 600; + color: #ccc; + margin-bottom: 1.2rem; +} diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-1.png b/starter/07-Omnifood-Desktop/img/app/app-screen-1.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/app/app-screen-1.png rename to starter/07-Omnifood-Desktop/img/app/app-screen-1.png diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-2.png b/starter/07-Omnifood-Desktop/img/app/app-screen-2.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/app/app-screen-2.png rename to starter/07-Omnifood-Desktop/img/app/app-screen-2.png diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-3.png b/starter/07-Omnifood-Desktop/img/app/app-screen-3.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/app/app-screen-3.png rename to starter/07-Omnifood-Desktop/img/app/app-screen-3.png diff --git a/starter/07-Omnifood-Desktop/content/img/customers/ben.jpg b/starter/07-Omnifood-Desktop/img/customers/ben.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/ben.jpg rename to starter/07-Omnifood-Desktop/img/customers/ben.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-1.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-1.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-1.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-1.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-2.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-2.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-2.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-2.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-3.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-3.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-3.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-3.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-4.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-4.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-4.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-4.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-5.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-5.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-5.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-5.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-6.jpg b/starter/07-Omnifood-Desktop/img/customers/customer-6.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/customer-6.jpg rename to starter/07-Omnifood-Desktop/img/customers/customer-6.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/dave.jpg b/starter/07-Omnifood-Desktop/img/customers/dave.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/dave.jpg rename to starter/07-Omnifood-Desktop/img/customers/dave.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/hannah.jpg b/starter/07-Omnifood-Desktop/img/customers/hannah.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/hannah.jpg rename to starter/07-Omnifood-Desktop/img/customers/hannah.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/customers/steve.jpg b/starter/07-Omnifood-Desktop/img/customers/steve.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/customers/steve.jpg rename to starter/07-Omnifood-Desktop/img/customers/steve.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/eating.jpg b/starter/07-Omnifood-Desktop/img/eating.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/eating.jpg rename to starter/07-Omnifood-Desktop/img/eating.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/favicon.png b/starter/07-Omnifood-Desktop/img/favicon.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/favicon.png rename to starter/07-Omnifood-Desktop/img/favicon.png diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-1.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-1.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-1.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-1.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-10.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-10.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-10.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-10.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-11.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-11.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-11.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-11.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-12.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-12.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-12.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-12.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-2.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-2.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-2.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-2.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-3.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-3.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-3.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-3.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-4.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-4.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-4.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-4.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-5.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-5.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-5.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-5.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-6.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-6.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-6.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-6.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-7.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-7.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-7.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-7.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-8.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-8.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-8.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-8.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-9.jpg b/starter/07-Omnifood-Desktop/img/gallery/gallery-9.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/gallery/gallery-9.jpg rename to starter/07-Omnifood-Desktop/img/gallery/gallery-9.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/hero.png b/starter/07-Omnifood-Desktop/img/hero.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/hero.png rename to starter/07-Omnifood-Desktop/img/hero.png diff --git a/starter/07-Omnifood-Desktop/content/img/logos/business-insider.png b/starter/07-Omnifood-Desktop/img/logos/business-insider.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/logos/business-insider.png rename to starter/07-Omnifood-Desktop/img/logos/business-insider.png diff --git a/starter/07-Omnifood-Desktop/content/img/logos/forbes.png b/starter/07-Omnifood-Desktop/img/logos/forbes.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/logos/forbes.png rename to starter/07-Omnifood-Desktop/img/logos/forbes.png diff --git a/starter/07-Omnifood-Desktop/content/img/logos/techcrunch.png b/starter/07-Omnifood-Desktop/img/logos/techcrunch.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/logos/techcrunch.png rename to starter/07-Omnifood-Desktop/img/logos/techcrunch.png diff --git a/starter/07-Omnifood-Desktop/content/img/logos/the-new-york-times.png b/starter/07-Omnifood-Desktop/img/logos/the-new-york-times.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/logos/the-new-york-times.png rename to starter/07-Omnifood-Desktop/img/logos/the-new-york-times.png diff --git a/starter/07-Omnifood-Desktop/content/img/logos/usa-today.png b/starter/07-Omnifood-Desktop/img/logos/usa-today.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/logos/usa-today.png rename to starter/07-Omnifood-Desktop/img/logos/usa-today.png diff --git a/starter/07-Omnifood-Desktop/content/img/meals/meal-1.jpg b/starter/07-Omnifood-Desktop/img/meals/meal-1.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/meals/meal-1.jpg rename to starter/07-Omnifood-Desktop/img/meals/meal-1.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/meals/meal-2.jpg b/starter/07-Omnifood-Desktop/img/meals/meal-2.jpg similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/meals/meal-2.jpg rename to starter/07-Omnifood-Desktop/img/meals/meal-2.jpg diff --git a/starter/07-Omnifood-Desktop/content/img/omnifood-logo.png b/starter/07-Omnifood-Desktop/img/omnifood-logo.png similarity index 100% rename from starter/07-Omnifood-Desktop/content/img/omnifood-logo.png rename to starter/07-Omnifood-Desktop/img/omnifood-logo.png diff --git a/starter/07-Omnifood-Desktop/index.html b/starter/07-Omnifood-Desktop/index.html new file mode 100644 index 000000000..5c13f19fb --- /dev/null +++ b/starter/07-Omnifood-Desktop/index.html @@ -0,0 +1,147 @@ + + + + + + + + + + + + Omnifood + + +
+ + +
+
+
+
+
+

+ A healthy meal delivered to your door, every single day +

+

+ The smart 365-days-per-year food subscription that will make you + eat healthy again. Tailored to your personal tastes and + nutritional needs. +

+ Start eating well + Learn more ↓ +
+
+ Customer photo + Customer photo + Customer photo + Customer photo + Customer photo + Customer photo +
+

+ 250,000+ meals last year! +

+
+
+
+ Woman enjoying food, meals in storage containers and food bowls on a table +
+
+
+ +
+
+ How it works +

+ Your daily dose of health in 3 simple steps +

+
+
+ +
+

01

+

+ Tell us what you like (and what not): +

+

+ Never again waste time thinking about what to eat! Omnifood AI + will create a 100% personalized weekly meal plan just for you. It + makes sure you get all the nutrients and vitamins you need, no + matter what diet you follow! +

+
+
+ iPhone app preferences selection screen +
+ +
+ iPhone app meal approving plan +
+
+

02

+

Approve your weekly meal plan:

+

+ Once per week, approve the meal plan generated for you by Omnifood + AI. You can change ingredients, swap entire meals, or even add + your own recipes. +

+
+ +
+

03

+

Receive meals at convenient time:

+

+ Best chefs in town will cook your selected meal every day, and we + will deliver it to your door whenever works best for you. You can + change delivery schedule and address daily! +

+
+
+ iPhone app delivery screen +
+
+
+
+ +