diff --git a/assets/DMSans-Bold-55148b42.woff2 b/assets/DMSans-Bold-55148b42.woff2
new file mode 100644
index 0000000..9d86a41
Binary files /dev/null and b/assets/DMSans-Bold-55148b42.woff2 differ
diff --git a/assets/DMSans-Medium-e9902403.woff2 b/assets/DMSans-Medium-e9902403.woff2
new file mode 100644
index 0000000..7eabae8
Binary files /dev/null and b/assets/DMSans-Medium-e9902403.woff2 differ
diff --git a/assets/DMSans-Regular-f857de78.woff2 b/assets/DMSans-Regular-f857de78.woff2
new file mode 100644
index 0000000..88045f3
Binary files /dev/null and b/assets/DMSans-Regular-f857de78.woff2 differ
diff --git a/assets/index-3df23b76.css b/assets/index-3df23b76.css
new file mode 100644
index 0000000..05c61b7
--- /dev/null
+++ b/assets/index-3df23b76.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: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{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}.heder-logo-link{color:inherit;font-weight:700;text-transform:uppercase;margin-left:8px}.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)}: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)}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-9ef616fb.js b/assets/index-9ef616fb.js
new file mode 100644
index 0000000..0dcb5a6
--- /dev/null
+++ b/assets/index-9ef616fb.js
@@ -0,0 +1,11 @@
+(function(){const y=document.createElement("link").relList;if(y&&y.supports&&y.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))u(o);new MutationObserver(o=>{for(const n of o)if(n.type==="childList")for(const i of n.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&u(i)}).observe(document,{childList:!0,subtree:!0});function p(o){const n={};return o.integrity&&(n.integrity=o.integrity),o.referrerPolicy&&(n.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?n.credentials="include":o.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function u(o){if(o.ep)return;o.ep=!0;const n=p(o);fetch(o.href,n)}})();var Oe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ce={exports:{}};(function(q,y){(function(u,o){q.exports=o()})(Oe,function(){return function(p){var u={};function o(n){if(u[n])return u[n].exports;var i=u[n]={i:n,l:!1,exports:{}};return p[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=p,o.c=u,o.d=function(n,i,v){o.o(n,i)||Object.defineProperty(n,i,{enumerable:!0,get:v})},o.r=function(n){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.t=function(n,i){if(i&1&&(n=o(n)),i&8||i&4&&typeof n=="object"&&n&&n.__esModule)return n;var v=Object.create(null);if(o.r(v),Object.defineProperty(v,"default",{enumerable:!0,value:n}),i&2&&typeof n!="string")for(var d in n)o.d(v,d,(function(s){return n[s]}).bind(null,d));return v},o.n=function(n){var i=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(i,"a",i),i},o.o=function(n,i){return Object.prototype.hasOwnProperty.call(n,i)},o.p="",o(o.s=0)}([function(p,u,o){o.r(u);var n=function(e){return Array.isArray(e)?e:[e]},i=function(e){return e instanceof Node},v=function(e){return e instanceof NodeList},d=function(e,l){if(e&&l){e=v(e)?e:[e];for(var r=0;r<e.length&&l(e[r],r,e.length)!==!0;r++);}},s=function(e){return console.error("[scroll-lock] ".concat(e))},T=function(e){if(Array.isArray(e)){var l=e.join(", ");return l}},B=function(e){var l=[];return d(e,function(r){return l.push(r)}),l},M=function(e,l){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!0,a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:document;if(r&&B(a.querySelectorAll(l)).indexOf(e)!==-1)return e;for(;(e=e.parentElement)&&B(a.querySelectorAll(l)).indexOf(e)===-1;);return e},N=function(e,l){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:document,a=B(r.querySelectorAll(l)).indexOf(e)!==-1;return a},k=function(e){if(e){var l=getComputedStyle(e),r=l.overflow==="hidden";return r}},Y=function(e){if(e){if(k(e))return!0;var l=e.scrollTop;return l<=0}},C=function(e){if(e){if(k(e))return!0;var l=e.scrollTop,r=e.scrollHeight,a=l+e.offsetHeight;return a>=r}},R=function(e){if(e){if(k(e))return!0;var l=e.scrollLeft;return l<=0}},j=function(e){if(e){if(k(e))return!0;var l=e.scrollLeft,r=e.scrollWidth,a=l+e.offsetWidth;return a>=r}},ie=function(e){var l='textarea, [contenteditable="true"]';return N(e,l)},ue=function(e){var l='input[type="range"]';return N(e,l)};o.d(u,"disablePageScroll",function(){return G}),o.d(u,"enablePageScroll",function(){return A}),o.d(u,"getScrollState",function(){return S}),o.d(u,"clearQueueScrollLocks",function(){return U}),o.d(u,"getTargetScrollBarWidth",function(){return b}),o.d(u,"getCurrentTargetScrollBarWidth",function(){return O}),o.d(u,"getPageScrollBarWidth",function(){return x}),o.d(u,"getCurrentPageScrollBarWidth",function(){return D}),o.d(u,"addScrollableTarget",function(){return E}),o.d(u,"removeScrollableTarget",function(){return I}),o.d(u,"addScrollableSelector",function(){return J}),o.d(u,"removeScrollableSelector",function(){return X}),o.d(u,"addLockableTarget",function(){return Z}),o.d(u,"addLockableSelector",function(){return $}),o.d(u,"setFillGapMethod",function(){return _}),o.d(u,"addFillGapTarget",function(){return K}),o.d(u,"removeFillGapTarget",function(){return ee}),o.d(u,"addFillGapSelector",function(){return F}),o.d(u,"removeFillGapSelector",function(){return le}),o.d(u,"refillGaps",function(){return w});function se(t){for(var e=1;e<arguments.length;e++){var l=arguments[e]!=null?arguments[e]:{},r=Object.keys(l);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(l).filter(function(a){return Object.getOwnPropertyDescriptor(l,a).enumerable}))),r.forEach(function(a){fe(t,a,l[a])})}return t}function fe(t,e,l){return e in t?Object.defineProperty(t,e,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[e]=l,t}var H=["padding","margin","width","max-width","none"],L=3,c={scroll:!0,queue:0,scrollableSelectors:["[data-scroll-lock-scrollable]"],lockableSelectors:["body","[data-scroll-lock-lockable]"],fillGapSelectors:["body","[data-scroll-lock-fill-gap]","[data-scroll-lock-lockable]"],fillGapMethod:H[0],startTouchY:0,startTouchX:0},G=function(e){c.queue<=0&&(c.scroll=!1,Q(),te()),E(e),c.queue++},A=function(e){c.queue>0&&c.queue--,c.queue<=0&&(c.scroll=!0,de(),me()),I(e)},S=function(){return c.scroll},U=function(){c.queue=0},b=function(e){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(i(e)){var r=e.style.overflowY;l?S()||(e.style.overflowY=e.getAttribute("data-scroll-lock-saved-overflow-y-property")):e.style.overflowY="scroll";var a=O(e);return e.style.overflowY=r,a}else return 0},O=function(e){if(i(e))if(e===document.body){var l=document.documentElement.clientWidth,r=window.innerWidth,a=r-l;return a}else{var g=e.style.borderLeftWidth,m=e.style.borderRightWidth;e.style.borderLeftWidth="0px",e.style.borderRightWidth="0px";var h=e.offsetWidth-e.clientWidth;return e.style.borderLeftWidth=g,e.style.borderRightWidth=m,h}else return 0},x=function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return b(document.body,e)},D=function(){return O(document.body)},E=function(e){if(e){var l=n(e);l.map(function(r){d(r,function(a){i(a)?a.setAttribute("data-scroll-lock-scrollable",""):s('"'.concat(a,'" is not a Element.'))})})}},I=function(e){if(e){var l=n(e);l.map(function(r){d(r,function(a){i(a)?a.removeAttribute("data-scroll-lock-scrollable"):s('"'.concat(a,'" is not a Element.'))})})}},J=function(e){if(e){var l=n(e);l.map(function(r){c.scrollableSelectors.push(r)})}},X=function(e){if(e){var l=n(e);l.map(function(r){c.scrollableSelectors=c.scrollableSelectors.filter(function(a){return a!==r})})}},Z=function(e){if(e){var l=n(e);l.map(function(r){d(r,function(a){i(a)?a.setAttribute("data-scroll-lock-lockable",""):s('"'.concat(a,'" is not a Element.'))})}),S()||Q()}},$=function(e){if(e){var l=n(e);l.map(function(r){c.lockableSelectors.push(r)}),S()||Q(),F(e)}},_=function(e){if(e)if(H.indexOf(e)!==-1)c.fillGapMethod=e,w();else{var l=H.join(", ");s('"'.concat(e,`" method is not available!
+Available fill gap methods: `).concat(l,"."))}},K=function(e){if(e){var l=n(e);l.map(function(r){d(r,function(a){i(a)?(a.setAttribute("data-scroll-lock-fill-gap",""),c.scroll||oe(a)):s('"'.concat(a,'" is not a Element.'))})})}},ee=function(e){if(e){var l=n(e);l.map(function(r){d(r,function(a){i(a)?(a.removeAttribute("data-scroll-lock-fill-gap"),c.scroll||z(a)):s('"'.concat(a,'" is not a Element.'))})})}},F=function(e){if(e){var l=n(e);l.map(function(r){c.fillGapSelectors.indexOf(r)===-1&&(c.fillGapSelectors.push(r),c.scroll||re(r))})}},le=function(e){if(e){var l=n(e);l.map(function(r){c.fillGapSelectors=c.fillGapSelectors.filter(function(a){return a!==r}),c.scroll||ne(r)})}},w=function(){c.scroll||te()},Q=function(){var e=T(c.lockableSelectors);ve(e)},de=function(){var e=T(c.lockableSelectors);ge(e)},ve=function(e){var l=document.querySelectorAll(e);d(l,function(r){he(r)})},ge=function(e){var l=document.querySelectorAll(e);d(l,function(r){Se(r)})},he=function(e){if(i(e)&&e.getAttribute("data-scroll-lock-locked")!=="true"){var l=window.getComputedStyle(e);e.setAttribute("data-scroll-lock-saved-overflow-y-property",l.overflowY),e.setAttribute("data-scroll-lock-saved-inline-overflow-property",e.style.overflow),e.setAttribute("data-scroll-lock-saved-inline-overflow-y-property",e.style.overflowY),e.style.overflow="hidden",e.setAttribute("data-scroll-lock-locked","true")}},Se=function(e){i(e)&&e.getAttribute("data-scroll-lock-locked")==="true"&&(e.style.overflow=e.getAttribute("data-scroll-lock-saved-inline-overflow-property"),e.style.overflowY=e.getAttribute("data-scroll-lock-saved-inline-overflow-y-property"),e.removeAttribute("data-scroll-lock-saved-overflow-property"),e.removeAttribute("data-scroll-lock-saved-inline-overflow-property"),e.removeAttribute("data-scroll-lock-saved-inline-overflow-y-property"),e.removeAttribute("data-scroll-lock-locked"))},te=function(){c.fillGapSelectors.map(function(e){re(e)})},me=function(){c.fillGapSelectors.map(function(e){ne(e)})},re=function(e){var l=document.querySelectorAll(e),r=c.lockableSelectors.indexOf(e)!==-1;d(l,function(a){oe(a,r)})},oe=function(e){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(i(e)){var r;if(e.getAttribute("data-scroll-lock-lockable")===""||l)r=b(e,!0);else{var a=M(e,T(c.lockableSelectors));r=b(a,!0)}e.getAttribute("data-scroll-lock-filled-gap")==="true"&&z(e);var g=window.getComputedStyle(e);if(e.setAttribute("data-scroll-lock-filled-gap","true"),e.setAttribute("data-scroll-lock-current-fill-gap-method",c.fillGapMethod),c.fillGapMethod==="margin"){var m=parseFloat(g.marginRight);e.style.marginRight="".concat(m+r,"px")}else if(c.fillGapMethod==="width")e.style.width="calc(100% - ".concat(r,"px)");else if(c.fillGapMethod==="max-width")e.style.maxWidth="calc(100% - ".concat(r,"px)");else if(c.fillGapMethod==="padding"){var h=parseFloat(g.paddingRight);e.style.paddingRight="".concat(h+r,"px")}}},ne=function(e){var l=document.querySelectorAll(e);d(l,function(r){z(r)})},z=function(e){if(i(e)&&e.getAttribute("data-scroll-lock-filled-gap")==="true"){var l=e.getAttribute("data-scroll-lock-current-fill-gap-method");e.removeAttribute("data-scroll-lock-filled-gap"),e.removeAttribute("data-scroll-lock-current-fill-gap-method"),l==="margin"?e.style.marginRight="":l==="width"?e.style.width="":l==="max-width"?e.style.maxWidth="":l==="padding"&&(e.style.paddingRight="")}},pe=function(e){w()},be=function(e){c.scroll||(c.startTouchY=e.touches[0].clientY,c.startTouchX=e.touches[0].clientX)},ye=function(e){if(!c.scroll){var l=c.startTouchY,r=c.startTouchX,a=e.touches[0].clientY,g=e.touches[0].clientX;if(e.touches.length<2){var m=T(c.scrollableSelectors),h={up:l<a,down:l>a,left:r<g,right:r>g},P={up:l+L<a,down:l-L>a,left:r+L<g,right:r-L>g},Ge=function ae(f){var Ae=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(f){var V=M(f,m,!1);if(ue(f))return!1;if(Ae||ie(f)&&M(f,m)||N(f,m)){var W=!1;R(f)&&j(f)?(h.up&&Y(f)||h.down&&C(f))&&(W=!0):Y(f)&&C(f)?(h.left&&R(f)||h.right&&j(f))&&(W=!0):(P.up&&Y(f)||P.down&&C(f)||P.left&&R(f)||P.right&&j(f))&&(W=!0),W&&(V?ae(V,!0):e.cancelable&&e.preventDefault())}else ae(V)}else e.cancelable&&e.preventDefault()};Ge(e.target)}}},Te=function(e){c.scroll||(c.startTouchY=0,c.startTouchX=0)};typeof window<"u"&&window.addEventListener("resize",pe),typeof document<"u"&&(document.addEventListener("touchstart",be),document.addEventListener("touchmove",ye,{passive:!1}),document.addEventListener("touchend",Te));var ke={hide:function(e){s(`"hide" is deprecated! Use "disablePageScroll" instead. 
+ https://github.com/FL3NKEY/scroll-lock#disablepagescrollscrollabletarget`),G(e)},show:function(e){s(`"show" is deprecated! Use "enablePageScroll" instead. 
+ https://github.com/FL3NKEY/scroll-lock#enablepagescrollscrollabletarget`),A(e)},toggle:function(e){s('"toggle" is deprecated! Do not use it.'),S()?G():A(e)},getState:function(){return s(`"getState" is deprecated! Use "getScrollState" instead. 
+ https://github.com/FL3NKEY/scroll-lock#getscrollstate`),S()},getWidth:function(){return s(`"getWidth" is deprecated! Use "getPageScrollBarWidth" instead. 
+ https://github.com/FL3NKEY/scroll-lock#getpagescrollbarwidth`),x()},getCurrentWidth:function(){return s(`"getCurrentWidth" is deprecated! Use "getCurrentPageScrollBarWidth" instead. 
+ https://github.com/FL3NKEY/scroll-lock#getcurrentpagescrollbarwidth`),D()},setScrollableTargets:function(e){s(`"setScrollableTargets" is deprecated! Use "addScrollableTarget" instead. 
+ https://github.com/FL3NKEY/scroll-lock#addscrollabletargetscrollabletarget`),E(e)},setFillGapSelectors:function(e){s(`"setFillGapSelectors" is deprecated! Use "addFillGapSelector" instead. 
+ https://github.com/FL3NKEY/scroll-lock#addfillgapselectorfillgapselector`),F(e)},setFillGapTargets:function(e){s(`"setFillGapTargets" is deprecated! Use "addFillGapTarget" instead. 
+ https://github.com/FL3NKEY/scroll-lock#addfillgaptargetfillgaptarget`),K(e)},clearQueue:function(){s(`"clearQueue" is deprecated! Use "clearQueueScrollLocks" instead. 
+ https://github.com/FL3NKEY/scroll-lock#clearqueuescrolllocks`),U()}},Le=se({disablePageScroll:G,enablePageScroll:A,getScrollState:S,clearQueueScrollLocks:U,getTargetScrollBarWidth:b,getCurrentTargetScrollBarWidth:O,getPageScrollBarWidth:x,getCurrentPageScrollBarWidth:D,addScrollableSelector:J,removeScrollableSelector:X,addScrollableTarget:E,removeScrollableTarget:I,addLockableSelector:$,addLockableTarget:Z,addFillGapSelector:F,removeFillGapSelector:le,addFillGapTarget:K,removeFillGapTarget:ee,setFillGapMethod:_,refillGaps:w,_state:c},ke);u.default=Le}]).default})})(ce);var Ee=ce.exports;const Fe=document.querySelector(".header-burger-btn"),we=document.querySelector(".header-burger-icon"),Pe=document.querySelector("#header-modal");Fe.addEventListener("click",We);function We(){Pe.showModal(),Ee.disablePageScroll(),we.firstElementChild.href.baseVal="./img/icons.svg#icon-close"}
diff --git a/index.html b/index.html
index 4d27528..05abd8a 100644
--- a/index.html
+++ b/index.html
@@ -5,22 +5,52 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>VeggieBoost</title>
+    
+    <script type="module" crossorigin src="/VeggieBoost/assets/index-9ef616fb.js"></script>
+    <link rel="stylesheet" href="/VeggieBoost/assets/index-3df23b76.css">
   </head>
   <body>
     <header class="header">
-      <div class="header-container container">
-        <svg class="header-logo" width="16" height="16">
-          <use href="/VeggieBoost/assets/icons-78d2903a.svg#icon-logo"></use>
-        </svg>
-        <a href="./index.html" class="heder-logo-link">veggieboost</a>
-        <svg class="header-burger" width="24" height="24">
-          <use href="/VeggieBoost/assets/icons-78d2903a.svg#icon-burger"></use>
-        </svg>
-      </div>
-    </header>
+  <div class="header-container container">
+    <svg class="header-logo" width="16" height="16">
+      <use href="/VeggieBoost/assets/icons-78d2903a.svg#icon-logo"></use>
+    </svg>
+    <a href="./index.html" class="heder-logo-link">veggieboost</a>
+    <button class="header-burger-btn">
+      <svg class="header-burger-icon" width="24" height="24">
+        <use href="/VeggieBoost/assets/icons-78d2903a.svg#icon-burger"></use>
+      </svg>
+    </button>
+  </div>
+</header>
+<dialog id="header-modal" class="header-burger-modal">
+  <div class="header-modal-container">
+    <nav class="header-modal-nav"></nav>
+    <ul class="header-modal-nav-list">
+      <li class="header-modal-nav-list-item">
+        <a href="" class="header-modal-nav-list-link">How It Works</a>
+      </li>
+      <li class="header-modal-nav-list-item">
+        <a href="" class="header-modal-nav-list-link">Vegetables</a>
+      </li>
+      <li class="header-modal-nav-list-item">
+        <a href="" class="header-modal-nav-list-link">Contacts</a>
+      </li>
+      <li class="header-modal-nav-list-item">
+        <a href="" class="header-modal-nav-list-link">
+          <svg class="header-modal-cart" width="20" height="20">
+            <use href="/VeggieBoost/assets/icons-78d2903a.svg#icon-cart"></use>
+          </svg>
+        </a>
+      </li>
+    </ul>
+  </div>
+</dialog>
+
     <main></main>
     <footer class="footer">
       <div class="footer-container container"></div>
     </footer>
+    
   </body>
 </html>