diff --git a/assets/index-748b3d6a.js b/assets/index-0e11135e.js similarity index 100% rename from assets/index-748b3d6a.js rename to assets/index-0e11135e.js diff --git a/assets/index-4fd2a98c.css b/assets/index-4fd2a98c.css new file mode 100644 index 0000000..176f0b7 --- /dev/null +++ b/assets/index-4fd2a98c.css @@ -0,0 +1 @@ +@font-face{font-family:DMSans;font-weight:700;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Bold-55148b42.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:500;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Medium-e9902403.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:500;font-style:italic;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-MediumItalic-909cbaba.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:400;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Regular-f857de78.woff2) format("woff2")}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}address{font-style:normal}img{display:block;max-width:100%}button{cursor:pointer;border:none;background-color:transparent;padding:0}h1,h2,h3,p{margin:0;padding:0}dialog{border:none;padding:0}.container{max-width:375px;margin-inline:auto;padding-inline:20px}@media only screen and (width >= 768px){.container{max-width:768px;padding-inline:32px}}@media only screen and (width >= 1280px){.container{max-width:1280px}}.header-container{padding-block:15px;display:flex;align-items:center}.header-nav{display:none}.header-nav-link{transition:color var(--transition-timings)}.header-nav-link:is(:hover,:focus){color:var(--primary-brand-color)}.header-logo-wrapper{display:flex;align-items:center;column-gap:8px}.header-logo-link{font-weight:700;text-transform:uppercase}.header-cart-btn{display:none}.header-burger-btn{margin-left:auto}.header-burger-modal{min-width:100%}.header-modal-container{min-width:100dvw;height:calc(100dvh - 50px);position:fixed;top:50px;background-color:var(--primary-brand-color)}.header-modal-nav{margin-top:124px}.header-modal-nav-list{display:flex;flex-direction:column;align-items:center;row-gap:16px}.header-modal-nav-list-link{color:var(--primary-color)}.header-modal-cart{fill:var(--primary-color);stroke:var(--primary-color)}@media only screen and (width >= 768px){.header-nav{display:block}.header-nav-list{display:flex;margin-right:86px;column-gap:14px}.header-burger-btn{display:none}.header-cart-btn{display:block;margin-left:auto}}@media only screen and (width >= 1280px){.header-nav-list{margin-right:0;column-gap:20px}.header-logo-wrapper{margin-inline:auto}.header-icon-cart{width:24px;height:24px}}.hero-section{background-color:var(--primary-brand-color);margin-bottom:80px}.hero-container{padding-block:48px 20px}.hero-reviews-list{display:flex;margin-bottom:16px;position:relative}.hero-reviews-item{width:40px;height:40px;border:2px solid var(--primary-color);border-radius:50%}.hero-reviews-item:nth-of-type(2){position:absolute;left:30px}.hero-reviews-item:nth-of-type(3){position:absolute;left:60px}.hero-reviews-item:nth-of-type(4){display:flex;justify-content:center;flex-direction:column;align-items:center;width:44px;height:44px;background-color:var(--primary-color);border-radius:50%;position:absolute;left:88px;top:-2px}.hero-reviews-item:nth-of-type(4)>p{color:var(--secondary-text-color);text-shadow:0 4px 70px rgba(0,0,0,.1);font-weight:500;line-height:1;text-transform:uppercase}.hero-reviews-item:nth-of-type(4)>p+p{font-size:8px;font-weight:400;line-height:1.25;letter-spacing:-.32px;text-transform:none}.hero-title{color:var(--primary-color);font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-1.6px;text-transform:uppercase;margin-bottom:14px}.hero-title>i{color:var(--secondary-color)}.hero-desc{color:var(--primary-color);margin-bottom:20px}.hero-shop-btn{width:68px;height:68px;background-color:var(--secondary-color);border-radius:50%;color:var(--third-brand-color);text-shadow:0 4px 70px rgba(0,0,0,.1);line-height:1.4;letter-spacing:-.56px;text-transform:uppercase;rotate:-14deg;transition:color var(--transition-timings),background-color var(--transition-timings)}.hero-shop-btn:is(:hover,:focus){color:var(--primary-brand-color);background-color:var(--primary-text-color)}.hero-main-picture{width:303px;height:236px;margin:0 auto 8px}.hero-tags{margin-left:auto;width:172px;flex-wrap:wrap;display:flex;gap:4px}.hero-tag{color:var(--primary-color);text-shadow:0 4px 70px rgba(0,0,0,.1);font-size:10px;font-weight:500;line-height:1.2;letter-spacing:-.4px;text-transform:uppercase;padding:8px 14px;border-radius:1000px;border:1px solid var(--primary-color)}.hero-tag:first-of-type{color:var(--secondary-text-color);background:var(--secondary-color)}@media only screen and (width >= 768px){.hero-section{margin-bottom:100px}.hero-container{padding-block:66px 32px}.hero-reviews-item{width:50px;height:50px}.hero-reviews-item:nth-of-type(2){left:35px}.hero-reviews-item:nth-of-type(3){left:70px}.hero-reviews-item:nth-of-type(4){width:54px;height:54px;left:106px}.hero-reviews-item:nth-of-type(4)>p{letter-spacing:-.72px;font-size:18px;line-height:1.3}.hero-reviews-item:nth-of-type(4)>p+p{font-size:10px;font-weight:400;line-height:1.2;letter-spacing:-.4px}.hero-title{font-size:54px;font-weight:500;line-height:1.2;letter-spacing:-2.16px;margin-bottom:16px}.hero-desc{width:490px;margin-bottom:32px}.hero-shop-btn{width:114px;height:114px;font-size:24px;font-weight:500;line-height:1;letter-spacing:-.96px}.hero-main-picture{width:488px;height:393px}.hero-tags{width:221px;gap:8px 4px}.hero-tag{font-size:12px;line-height:1.16;letter-spacing:-.48px;padding:10px 20px}}@media only screen and (width >= 1280px){.hero-section{margin-bottom:124px}.hero-container{padding-block:134px 32px}.hero-reviews-item{width:66px;height:66px}.hero-reviews-item:nth-of-type(2){left:46px}.hero-reviews-item:nth-of-type(3){left:90px}.hero-reviews-item:nth-of-type(4){width:70px;height:70px;left:135px}.hero-reviews-item:nth-of-type(4)>p{letter-spacing:-.96px;font-size:24px;line-height:1}.hero-reviews-item:nth-of-type(4)>p+p{font-size:12px;line-height:1.16;letter-spacing:-.48px}.hero-title{width:672px;font-size:64px;line-height:1.17;letter-spacing:-2.56px}.hero-shop-btn{width:132px;height:132px;font-size:28px;letter-spacing:-1.12px}.hero-picture{display:flex;margin:-490px 0 50px auto;width:517px;height:429px}.hero-main-picture{width:100%;height:100%}.hero-tags{width:269px;gap:8px}.hero-tag{padding:12px 32px}}.order-section{margin-bottom:80px}.order-title{font-size:28px;font-weight:500;line-height:1.14;letter-spacing:-1.12px;text-transform:uppercase;margin-bottom:20px}.order-veg-img{width:335px;height:158px;margin-bottom:20px}.order-desc:first-of-type{margin-bottom:20px}@media only screen and (width >= 768px){.order-section{margin-bottom:100px}.order-wrapper{margin-bottom:40px;display:flex;align-items:center}.order-title{width:386px;font-size:40px;line-height:1.11;letter-spacing:-1.6px;margin-bottom:0}.order-veg-img{width:310px;height:176px;margin-bottom:0}.order-text-wrapper{display:flex;column-gap:20px}.order-desc{font-size:18px;line-height:1.3;letter-spacing:-.72px}.order-desc:first-of-type{width:317px;margin-bottom:0}.order-desc:last-of-type{width:279px}}@media only screen and (width >= 1280px){.order-section{margin-bottom:124px}.order-title{width:614px;font-size:48px;line-height:1.04;letter-spacing:-1.92px}.order-picture{margin-left:auto}.order-veg-img{width:410px;height:170px}.order-text-wrapper{column-gap:40px}.order-desc:first-of-type{width:353px}.order-desc:last-of-type{width:294px}}.steps-section{margin-bottom:80px}.steps-container{height:661px;padding:40px 20px 0;background-color:var(--fourth-brand-color);border-radius:40px}.step-title{font-size:24px;font-weight:500;line-height:1.16;letter-spacing:-.96px;text-transform:uppercase;margin-bottom:40px}.steps-list{display:flex;flex-direction:column;gap:20px}.steps-item:first-of-type{width:176px}.steps-item:nth-child(2){width:166px}.steps-item:nth-child(3){width:199px}.steps-item:before{display:flex;justify-content:center;align-items:center;background-color:var(--primary-brand-color);content:"1";width:40px;height:38px;border-radius:50%;font-size:18px;line-height:1;letter-spacing:-.72px;margin-right:14px}.steps-item:nth-of-type(2):before{content:"2"}.steps-item:nth-of-type(3):before{content:"3"}.step-block{margin-top:37px}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: rgb(255, 255, 255);--secondary-color: rgb(249, 247, 244);--primary-text-color: rgb(234, 247, 229);--secondary-text-color: rgb(20, 20, 20);--modal-secondary-color: rgba(20, 20, 20, .5);--primary-brand-color: rgb(161, 196, 135);--secondary-brand-color: rgb(119, 172, 99);--third-brand-color: rgb(252, 138, 17);--fourth-brand-color: rgb(250, 243, 231);--transition-timings: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:DMSans,sans-serif;margin:0;font-weight:400;line-height:1.28;font-size:14px;letter-spacing:-.56px;overscroll-behavior:none;color:var(--secondary-text-color);background-color:var(--primary-color)} diff --git a/assets/index-f1db7c36.css b/assets/index-f1db7c36.css deleted file mode 100644 index 9bba77e..0000000 --- a/assets/index-f1db7c36.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:DMSans;font-weight:700;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Bold-55148b42.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:500;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Medium-e9902403.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:500;font-style:italic;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-MediumItalic-909cbaba.woff2) format("woff2")}@font-face{font-family:DMSans;font-weight:400;font-display:swap;src:local("DMSans"),url(/VeggieBoost/assets/DMSans-Regular-f857de78.woff2) format("woff2")}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}address{font-style:normal}img{display:block;max-width:100%}button{cursor:pointer;border:none;background-color:transparent;padding:0}h1,h2,p{margin:0;padding:0}dialog{border:none;padding:0}.container{max-width:375px;margin-inline:auto;padding-inline:20px}@media only screen and (width >= 768px){.container{max-width:768px;padding-inline:32px}}@media only screen and (width >= 1280px){.container{max-width:1280px}}.header-container{padding-block:15px;display:flex;align-items:center}.header-nav{display:none}.header-nav-link{transition:color var(--transition-timings)}.header-nav-link:is(:hover,:focus){color:var(--primary-brand-color)}.header-logo-wrapper{display:flex;align-items:center;column-gap:8px}.header-logo-link{font-weight:700;text-transform:uppercase}.header-cart-btn{display:none}.header-burger-btn{margin-left:auto}.header-burger-modal{min-width:100%}.header-modal-container{min-width:100dvw;height:calc(100dvh - 50px);position:fixed;top:50px;background-color:var(--primary-brand-color)}.header-modal-nav{margin-top:124px}.header-modal-nav-list{display:flex;flex-direction:column;align-items:center;row-gap:16px}.header-modal-nav-list-link{color:var(--primary-color)}.header-modal-cart{fill:var(--primary-color);stroke:var(--primary-color)}@media only screen and (width >= 768px){.header-nav{display:block}.header-nav-list{display:flex;margin-right:86px;column-gap:14px}.header-burger-btn{display:none}.header-cart-btn{display:block;margin-left:auto}}@media only screen and (width >= 1280px){.header-nav-list{margin-right:0;column-gap:20px}.header-logo-wrapper{margin-inline:auto}.header-icon-cart{width:24px;height:24px}}.hero-section{background-color:var(--primary-brand-color);margin-bottom:80px}.hero-container{padding-block:48px 20px}.hero-reviews-list{display:flex;margin-bottom:16px;position:relative}.hero-reviews-item{width:40px;height:40px;border:2px solid var(--primary-color);border-radius:50%}.hero-reviews-item:nth-of-type(2){position:absolute;left:30px}.hero-reviews-item:nth-of-type(3){position:absolute;left:60px}.hero-reviews-item:nth-of-type(4){display:flex;justify-content:center;flex-direction:column;align-items:center;width:44px;height:44px;background-color:var(--primary-color);border-radius:50%;position:absolute;left:88px;top:-2px}.hero-reviews-item:nth-of-type(4)>p{color:var(--secondary-text-color);text-shadow:0 4px 70px rgba(0,0,0,.1);font-weight:500;line-height:1;text-transform:uppercase}.hero-reviews-item:nth-of-type(4)>p+p{font-size:8px;font-weight:400;line-height:1.25;letter-spacing:-.32px;text-transform:none}.hero-title{color:var(--primary-color);font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-1.6px;text-transform:uppercase;margin-bottom:14px}.hero-title>i{color:var(--secondary-color)}.hero-desc{color:var(--primary-color);margin-bottom:20px}.hero-shop-btn{width:68px;height:68px;background-color:var(--secondary-color);border-radius:50%;color:var(--third-brand-color);text-shadow:0 4px 70px rgba(0,0,0,.1);line-height:1.4;letter-spacing:-.56px;text-transform:uppercase;rotate:-14deg;transition:color var(--transition-timings),background-color var(--transition-timings)}.hero-shop-btn:is(:hover,:focus){color:var(--primary-brand-color);background-color:var(--primary-text-color)}.hero-main-picture{width:303px;height:236px;margin:0 auto 8px}.hero-tags{margin-left:auto;width:172px;flex-wrap:wrap;display:flex;gap:4px}.hero-tag{color:var(--primary-color);text-shadow:0 4px 70px rgba(0,0,0,.1);font-size:10px;font-weight:500;line-height:1.2;letter-spacing:-.4px;text-transform:uppercase;padding:8px 14px;border-radius:1000px;border:1px solid var(--primary-color)}.hero-tag:first-of-type{color:var(--secondary-text-color);background:var(--secondary-color)}@media only screen and (width >= 768px){.hero-section{margin-bottom:100px}.hero-container{padding-block:66px 32px}.hero-reviews-item{width:50px;height:50px}.hero-reviews-item:nth-of-type(2){left:35px}.hero-reviews-item:nth-of-type(3){left:70px}.hero-reviews-item:nth-of-type(4){width:54px;height:54px;left:106px}.hero-reviews-item:nth-of-type(4)>p{letter-spacing:-.72px;font-size:18px;line-height:1.3}.hero-reviews-item:nth-of-type(4)>p+p{font-size:10px;font-weight:400;line-height:1.2;letter-spacing:-.4px}.hero-title{font-size:54px;font-weight:500;line-height:1.2;letter-spacing:-2.16px;margin-bottom:16px}.hero-desc{width:490px;margin-bottom:32px}.hero-shop-btn{width:114px;height:114px;font-size:24px;font-weight:500;line-height:1;letter-spacing:-.96px}.hero-main-picture{width:488px;height:393px}.hero-tags{width:221px;gap:8px 4px}.hero-tag{font-size:12px;line-height:1.16;letter-spacing:-.48px;padding:10px 20px}}@media only screen and (width >= 1280px){.hero-section{margin-bottom:124px}.hero-container{padding-block:134px 32px}.hero-reviews-item{width:66px;height:66px}.hero-reviews-item:nth-of-type(2){left:46px}.hero-reviews-item:nth-of-type(3){left:90px}.hero-reviews-item:nth-of-type(4){width:70px;height:70px;left:135px}.hero-reviews-item:nth-of-type(4)>p{letter-spacing:-.96px;font-size:24px;line-height:1}.hero-reviews-item:nth-of-type(4)>p+p{font-size:12px;line-height:1.16;letter-spacing:-.48px}.hero-title{width:672px;font-size:64px;line-height:1.17;letter-spacing:-2.56px}.hero-shop-btn{width:132px;height:132px;font-size:28px;letter-spacing:-1.12px}.hero-picture{display:flex;margin:-490px 0 50px auto;width:517px;height:429px}.hero-main-picture{width:100%;height:100%}.hero-tags{width:269px;gap:8px}.hero-tag{padding:12px 32px}}.order-section{margin-bottom:80px}.order-title{font-size:28px;font-weight:500;line-height:1.14;letter-spacing:-1.12px;text-transform:uppercase;margin-bottom:20px}.order-veg-img{width:335px;height:158px;margin-bottom:20px}.order-desc:first-of-type{margin-bottom:20px}@media only screen and (width >= 768px){.order-section{margin-bottom:100px}.order-wrapper{margin-bottom:40px;display:flex;align-items:center}.order-title{width:386px;font-size:40px;line-height:1.11;letter-spacing:-1.6px;margin-bottom:0}.order-veg-img{width:310px;height:176px;margin-bottom:0}.order-text-wrapper{display:flex;column-gap:20px}.order-desc{font-size:18px;line-height:1.3;letter-spacing:-.72px}.order-desc:first-of-type{width:317px;margin-bottom:0}.order-desc:last-of-type{width:279px}}@media only screen and (width >= 1280px){.order-section{margin-bottom:124px}.order-title{width:614px;font-size:48px;line-height:1.04;letter-spacing:-1.92px}.order-picture{margin-left:auto}.order-veg-img{width:410px;height:170px}.order-text-wrapper{column-gap:40px}.order-desc:first-of-type{width:353px}.order-desc:last-of-type{width:294px}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: rgb(255, 255, 255);--secondary-color: rgb(249, 247, 244);--primary-text-color: rgb(234, 247, 229);--secondary-text-color: rgb(20, 20, 20);--modal-secondary-color: rgba(20, 20, 20, .5);--primary-brand-color: rgb(161, 196, 135);--secondary-brand-color: rgb(119, 172, 99);--third-brand-color: rgb(252, 138, 17);--transition-timings: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:DMSans,sans-serif;margin:0;font-weight:400;line-height:1.28;font-size:14px;letter-spacing:-.56px;overscroll-behavior:none;color:var(--secondary-text-color);background-color:var(--primary-color)} diff --git a/assets/order-girl-518c97c0.avif b/assets/order-girl-518c97c0.avif new file mode 100644 index 0000000..137f983 Binary files /dev/null and b/assets/order-girl-518c97c0.avif differ diff --git a/assets/order-girl-8825a678.avif b/assets/order-girl-8825a678.avif new file mode 100644 index 0000000..c9e8527 Binary files /dev/null and b/assets/order-girl-8825a678.avif differ diff --git a/assets/order-girl-e0598198.avif b/assets/order-girl-e0598198.avif new file mode 100644 index 0000000..2778ca0 Binary files /dev/null and b/assets/order-girl-e0598198.avif differ diff --git a/assets/order-girl@2x-0f889958.avif b/assets/order-girl@2x-0f889958.avif new file mode 100644 index 0000000..a9a491f Binary files /dev/null and b/assets/order-girl@2x-0f889958.avif differ diff --git a/assets/order-girl@2x-26707fef.avif b/assets/order-girl@2x-26707fef.avif new file mode 100644 index 0000000..8b890c6 Binary files /dev/null and b/assets/order-girl@2x-26707fef.avif differ diff --git a/assets/order-girl@2x-7ef289d3.avif b/assets/order-girl@2x-7ef289d3.avif new file mode 100644 index 0000000..ac3ea3b Binary files /dev/null and b/assets/order-girl@2x-7ef289d3.avif differ diff --git a/index.html b/index.html index 2e0babc..723709e 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,8 @@ VeggieBoost - - + +
@@ -291,6 +291,52 @@

To order your vegetable basket, simply follow these easy +
+
+
+
+

3 Easy Steps for Buying Fresh Vegetables

+
    +
  • + Just choose the vegetable you want to order by clicking on the checkboxes next to it. +
  • +
  • Click on the basket and fill out the form.
  • +
  • + Sit back and relax! Your fresh vegetables basket will be delivered. +
  • +
+
+
+ + + + + Girl + +
+
+
+
+
+
+