<!DOCTYPE html>
<html lang="en">

<head>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="NitroPack's the leading site speed and performance solution that will allow you to pass your Core Web Vitals, achieve 100 PageSpeed score, and increase revenue.">
    <meta name="author" content="NitroPack, LLC">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="google-site-verification" content="DCqW4s1GxQ_ku-rmpcdUKD_asEzBrbErSClC4bEHF50" />
    <link rel="icon" href="asset/img/favicon.ico">
    <title>NitroPack | Site Speed and Performance Optimization Solution</title>
    <link rel="canonical" href="https://nitropack.io" />

    <script nitro-exclude>window.NITRO_TOP_LEVEL_HOST="nitropack.io";</script>
            <script>
window.dataLayer = window.dataLayer || [];
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NSKBR6W');</script>
<!-- End Google Tag Manager -->
        <link href="/asset/css/element/widget/blog-component.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/font/fontawesome-free-5.15.1-web/css/all.min.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/nitropack-website-theme.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/nitropack-theme-components.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/element/widget/timer.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/element/widget/above-the-fold-hero-section.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/element/widget/platforms-cards.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="/asset/css/element/widget/funkybox.css?cache_bust=1685096892" rel="stylesheet" type="text/css">
<link href="asset/css/page.index.css?cache_bust=1685096892" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

    <script type="text/javascript" src="/asset/js/jquery-3.5.1.min.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/nitropack.cookie.js?cache_bust=1685096892"></script>

            <!-- Hotjar Tracking Code for nitropack.io -->
<script>
  if (!window.NitroPack) throw new Error("NitroPack is not defined");
  NitroPack.onCookieConsent(function() {
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1760538,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  });
</script>

        <script>

  function dataLayerPushEvent(data) {
    // Add user_id
    
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(data);
  }

  document.addEventListener("DOMContentLoaded", function(event) {
      $('[gtag-action]').click(function(e) {
          var category = $(this).attr('gtag-category');
          var label = $(this).attr('gtag-label');
          var value = $(this).attr('gtag-value');
          var ga4Event = $(this).attr('ga4-event');
          var ga4EventParams = $(this).attr('ga4-event-params');

          var eventData = {};

          eventData['event'] = 'gaEvent';
          eventData['eventAction'] = $(this).attr('gtag-action');

          if (typeof category !== "undefined") {
            eventData['eventCategory'] = category;
          }

          if (typeof value !== "undefined") {
            eventData['eventValue'] = value;
          }

          if (typeof label !== "undefined") {
            eventData['eventLabel'] = label;
          }

          if (typeof ga4Event !== "undefined") {
            eventData['ga4_event_name'] = ga4Event;
          }

          if (typeof ga4EventParams !== "undefined") {
            eventData['ga4_event_params'] = JSON.parse(ga4EventParams);
          }

          dataLayerPushEvent(eventData);

      });
  });
  
</script>


            <script nitro-exclude>
                            window.APP = "website";
                    </script>
    <script>(function() {var webVitals=function(e){"use strict";var n,t,r,i,o,a=-1,c=function(e){addEventListener("pageshow",(function(n){n.persisted&&(a=n.timeStamp,e(n))}),!0)},u=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},f=function(){var e=u();return e&&e.activationStart||0},s=function(e,n){var t=u(),r="navigate";return a>=0?r="back-forward-cache":t&&(r=document.prerendering||f()>0?"prerender":document.wasDiscarded?"restore":t.type.replace(/_/g,"-")),{name:e,value:void 0===n?-1:n,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},d=function(e,n,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){Promise.resolve().then((function(){n(e.getEntries())}))}));return r.observe(Object.assign({type:e,buffered:!0},t||{})),r}}catch(e){}},l=function(e,n,t,r){var i,o;return function(a){n.value>=0&&(a||r)&&((o=n.value-(i||0))||void 0===i)&&(i=n.value,n.delta=o,n.rating=function(e,n){return e>n[1]?"poor":e>n[0]?"needs-improvement":"good"}(n.value,t),e(n))}},v=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}))},p=function(e){var n=function(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||e(n)};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},m=function(e){var n=!1;return function(t){n||(e(t),n=!0)}},h=-1,g=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},y=function(e){"hidden"===document.visibilityState&&h>-1&&(h="visibilitychange"===e.type?e.timeStamp:0,E())},T=function(){addEventListener("visibilitychange",y,!0),addEventListener("prerenderingchange",y,!0)},E=function(){removeEventListener("visibilitychange",y,!0),removeEventListener("prerenderingchange",y,!0)},C=function(){return h<0&&(h=g(),T(),c((function(){setTimeout((function(){h=g(),T()}),0)}))),{get firstHiddenTime(){return h}}},L=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},b=function(e,n){n=n||{},L((function(){var t,r=[1800,3e3],i=C(),o=s("FCP"),a=d("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(a.disconnect(),e.startTime<i.firstHiddenTime&&(o.value=Math.max(e.startTime-f(),0),o.entries.push(e),t(!0)))}))}));a&&(t=l(e,o,r,n.reportAllChanges),c((function(i){o=s("FCP"),t=l(e,o,r,n.reportAllChanges),v((function(){o.value=performance.now()-i.timeStamp,t(!0)}))})))}))},w=function(e,n){n=n||{},b(m((function(){var t,r=[.1,.25],i=s("CLS",0),o=0,a=[],u=function(e){e.forEach((function(e){if(!e.hadRecentInput){var n=a[0],t=a[a.length-1];o&&e.startTime-t.startTime<1e3&&e.startTime-n.startTime<5e3?(o+=e.value,a.push(e)):(o=e.value,a=[e])}})),o>i.value&&(i.value=o,i.entries=a,t())},f=d("layout-shift",u);f&&(t=l(e,i,r,n.reportAllChanges),p((function(){u(f.takeRecords()),t(!0)})),c((function(){o=0,i=s("CLS",0),t=l(e,i,r,n.reportAllChanges),v((function(){return t()}))})),setTimeout(t,0))})))},S={passive:!0,capture:!0},P=new Date,I=function(e,i){n||(n=i,t=e,r=new Date,M(removeEventListener),A())},A=function(){if(t>=0&&t<r-P){var e={entryType:"first-input",name:n.type,target:n.target,cancelable:n.cancelable,startTime:n.timeStamp,processingStart:n.timeStamp+t};i.forEach((function(n){n(e)})),i=[]}},F=function(e){if(e.cancelable){var n=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,n){var t=function(){I(e,n),i()},r=function(){i()},i=function(){removeEventListener("pointerup",t,S),removeEventListener("pointercancel",r,S)};addEventListener("pointerup",t,S),addEventListener("pointercancel",r,S)}(n,e):I(n,e)}},M=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(n){return e(n,F,S)}))},D=function(e,r){r=r||{},L((function(){var o,a=[100,300],u=C(),f=s("FID"),v=function(e){e.startTime<u.firstHiddenTime&&(f.value=e.processingStart-e.startTime,f.entries.push(e),o(!0))},h=function(e){e.forEach(v)},g=d("first-input",h);o=l(e,f,a,r.reportAllChanges),g&&p(m((function(){h(g.takeRecords()),g.disconnect()}))),g&&c((function(){var c;f=s("FID"),o=l(e,f,a,r.reportAllChanges),i=[],t=-1,n=null,M(addEventListener),c=v,i.push(c),A()}))}))},k=0,B=1/0,x=0,R=function(e){e.forEach((function(e){e.interactionId&&(B=Math.min(B,e.interactionId),x=Math.max(x,e.interactionId),k=x?(x-B)/7+1:0)}))},H=function(){return o?k:performance.interactionCount||0},N=function(){"interactionCount"in performance||o||(o=d("event",R,{type:"event",buffered:!0,durationThreshold:0}))},O=0,_=function(){return H()-O},j=[],q={},V=function(e){var n=j[j.length-1],t=q[e.interactionId];if(t||j.length<10||e.duration>n.latency){if(t)t.entries.push(e),t.latency=Math.max(t.latency,e.duration);else{var r={id:e.interactionId,latency:e.duration,entries:[e]};q[r.id]=r,j.push(r)}j.sort((function(e,n){return n.latency-e.latency})),j.splice(10).forEach((function(e){delete q[e.id]}))}},z=function(e,n){n=n||{},L((function(){var t=[200,500];N();var r,i=s("INP"),o=function(e){e.forEach((function(e){(e.interactionId&&V(e),"first-input"===e.entryType)&&(!j.some((function(n){return n.entries.some((function(n){return e.duration===n.duration&&e.startTime===n.startTime}))}))&&V(e))}));var n,t=(n=Math.min(j.length-1,Math.floor(_()/50)),j[n]);t&&t.latency!==i.value&&(i.value=t.latency,i.entries=t.entries,r())},a=d("event",o,{durationThreshold:n.durationThreshold||40});r=l(e,i,t,n.reportAllChanges),a&&(a.observe({type:"first-input",buffered:!0}),p((function(){o(a.takeRecords()),i.value<0&&_()>0&&(i.value=0,i.entries=[]),r(!0)})),c((function(){j=[],O=H(),i=s("INP"),r=l(e,i,t,n.reportAllChanges)})))}))},G={},J=function(e,n){n=n||{},L((function(){var t,r=[2500,4e3],i=C(),o=s("LCP"),a=function(e){var n=e[e.length-1];if(n){var r=Math.max(n.startTime-f(),0);r<i.firstHiddenTime&&(o.value=r,o.entries=[n],t())}},u=d("largest-contentful-paint",a);if(u){t=l(e,o,r,n.reportAllChanges);var h=m((function(){G[o.id]||(a(u.takeRecords()),u.disconnect(),G[o.id]=!0,t(!0))}));["keydown","click"].forEach((function(e){addEventListener(e,h,!0)})),p(h),c((function(i){o=s("LCP"),t=l(e,o,r,n.reportAllChanges),v((function(){o.value=performance.now()-i.timeStamp,G[o.id]=!0,t(!0)}))}))}}))},K=function e(n){document.prerendering?L((function(){return e(n)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(n)}),!0):setTimeout(n,0)},Q=function(e,n){n=n||{};var t=[800,1800],r=s("TTFB"),i=l(e,r,t,n.reportAllChanges);K((function(){var o=u();if(o){var a=o.responseStart;if(a<=0||a>performance.now())return;r.value=Math.max(a-f(),0),r.entries=[o],i(!0),c((function(){r=s("TTFB",0),(i=l(e,r,t,n.reportAllChanges))(!0)}))}}))};return e.getCLS=w,e.getFCP=b,e.getFID=D,e.getINP=z,e.getLCP=J,e.getTTFB=Q,e.onCLS=w,e.onFCP=b,e.onFID=D,e.onINP=z,e.onLCP=J,e.onTTFB=Q,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
var nitroTelemetry=function(){let e=!!window.IS_NITROPACK;let t=performance.getEntriesByType("navigation")[0];let n=t.responseStart-t.requestStart<=5;let a=true;let l=false;let r=null;let o=null;let i=null;let f=y();let u="https://to.getnitropack.com/";let s="atRjhaAsMHbPaZMOukHscOVOXfGAsiqT";let c=typeof NPRL!="undefined";let d=c?"loadNitro":"load";let w;let p;let S;let g;let h=["missReason","pageType"];function y(){return"NPTelemetry:"+btoa(Date.now())+"_"+L()+(e?"_o":"_u")+(n?"_pre":"_dow")}function v(){return document.visibilityState==="visible"}function m(){a=true;f=y();w=null;p={crux:null};N();g=null}function N(){S={sessionEntry:null,unknown:0,afterStyles:0,afterPageLoad:0,afterScroll:0,total:0}}function I(){let n=performance.getEntriesByType("navigation");let a={};let r={navigate:0,reload:1,back_forward:2,prerender:3};for(let t in n){let e=n[t];if(!e.activationStart){e.activationStart=0}a={ttfb:Math.round(e.responseStart-e.connectEnd),"ttfb:crux":Math.round(Math.max(e.responseStart-e.activationStart,0)),netDns:Math.round(e.domainLookupEnd-e.domainLookupStart),netInitialCon:Math.round(e.connectEnd-e.connectStart),netSsl:Math.round(e.requestStart-e.secureConnectionStart),netContentDown:Math.round(e.responseEnd-e.responseStart),netWorkerDuration:Math.round(e.fetchStart-e.workerStart),netStalled:Math.round(e.domainLookupStart-e.fetchStart),netNavType:r.hasOwnProperty(e.type)?r[e.type]:-1}}return a}function L(){if(navigator.connection){return navigator.connection.effectiveType}else{return"u"}}function M(){let e=f+":pageview";D(e,{pv:1})}function b(){if(typeof NPTelemetryMetadata==="object"){for(let e in NPTelemetryMetadata){if(h.indexOf(e)===-1){delete NPTelemetryMetadata[e]}}let e=f+":metadata";D(e,{metaData:NPTelemetryMetadata})}}function k(){if(window.localStorage){let e="NPTelemetryMeta:lastpv";let t=parseInt(localStorage.getItem(e));let n=Date.now();localStorage.setItem(e,n);return isNaN(t)||t===0?-1:(n-t)/1e3}return null}function D(e,t){t.url=window.location.href.replace(window.location.hash,"");if(window.localStorage){localStorage.setItem(e,JSON.stringify(t))}else{P([t])}}function E(e){if(!window.localStorage)return;let n=null;let a={};let t=0;let r;let o;let i;do{n=localStorage.key(t);if(n&&n.indexOf("NPTelemetry:")===0){i=n.split(":")[1];r=JSON.parse(localStorage.getItem(n));if(!a[i])a[i]={};let t=a[i];for(let e in r){o=r[e];if(o!==null){if(e=="url"||e==="metaData"||e==="prefetchInitiator"){t[e]=o}else if(q(o)){if(!t[e])t[e]=0;t[e]+=o}else if(B(o)){if(!t[e])t[e]={};if(!t[e][o])t[e][o]=0;t[e][o]++}}}localStorage.removeItem(n)}else{t++}}while(n!==null);if(Object.keys(a).length){P(a)}l=false}function q(e){return!isNaN(parseFloat(e))&&isFinite(e)}function B(e){return typeof e==="string"||e instanceof String}function P(e){let t=new FormData;t.append("key",s);if(Object.keys(e).length){t.append("props",JSON.stringify(e));navigator.sendBeacon&&navigator.sendBeacon(u,t)||fetch(u,{body:t,method:"POST",keepalive:true})}}function O(e){if(e===E){if(l){return}else{l=true}}if(window.requestIdleCallback){requestIdleCallback(e,{timeout:1e3})}else{setTimeout(e,1e3)}}function F(){let e=f+":cwv";let t={};if(p.crux){t["lcp:crux"]=Math.round(p.crux)}if(S.total!==null){let e=1e3;t["cls:total"]=Math.round(S.total*e);if(S.afterStyles){t["cls:afterStylesDelta"]=Math.round(S.afterStyles*e)}if(S.afterPageLoad){t["cls:afterPageLoadDelta"]=Math.round(S.afterPageLoad*e)}if(S.afterScroll){t["cls:afterScrollDelta"]=Math.round(S.afterScroll*e)}if(S.unknown){t["cls:unknownDelta"]=Math.round(S.unknown*e)}}else{t["cls:total"]=0}if(w){t["fid"]=Math.round(w)}if(g){t["inp"]=Math.round(g)}if(Object.keys(t).length){D(e,t)}}function T(){r=Date.now();window.removeEventListener("NitroStylesLoaded",T,true)}function _(){o=Date.now();window.removeEventListener(d,_,true)}function J(){i=Date.now()}function x(e){return r&&Date.now()-r<e}function C(e){return o&&Date.now()-o<e}function j(e){return i&&Date.now()-i<e}function V(){let t=JSON.parse(window.sessionStorage.getItem("nitro_prefetched_urls"));if(t!==null){window.sessionStorage.removeItem("nitro_prefetched_urls");let e=window.location.href;if(t[e]){prefetchInitiator=t[e]}else if(n){prefetchInitiator="UNKNOWN"}else{prefetchInitiator="NONE"}D(f+":pagePrefetches",{prefetchCount:Object.entries(t).length,prefetchInitiator:prefetchInitiator})}}m();window.addEventListener(d,_,true);document.addEventListener("scroll",J,{capture:true,passive:true});if(c){window.addEventListener("NitroStylesLoaded",T,true)}window.addEventListener("load",function(){let e=I();let t=k();b();V();Object.assign(e,{lastNavDiff:t});D(f+":net",e)},true);window.addEventListener("pageshow",function(e){if(v()&&(a||e.persisted)){M();O(E);a=false}},true);window.addEventListener("pagehide",function(e){F();m();E()},true);document.addEventListener("visibilitychange",function(e){if(v()){if(a){M();O(E);a=false}}else{}},true);webVitals.getLCP(function(e){p.crux=e.value},true);webVitals.getCLS(function(e){if(e.entries[0]!==S.sessionEntry){N();S.sessionEntry=e.entries[0]}S.total=e.value;let t=250;let n=j(t)+C(t)+x(t);if(n==1){if(j(t)){S.afterScroll+=e.delta}if(C(t)){S.afterPageLoad+=e.delta}if(x(t)){S.afterStyles+=e.delta}}else{S.unknown+=e.delta}},true);webVitals.getFID(function(e){w=e.value});webVitals.getINP(function(e){g=e.value});return{}}();;})();</script></head>

<body class="frontend">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSKBR6W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    
    

<header>
    <div class="bg-gradient-lilla" data-bg-gradient>
    <div class="main-menu align-items-center">
    <div class="container">
        <nav class="navbar navbar-expand-xl navbar-light bg-transparent">
            <a class="nav-logo d-flex justify-content-start" href="/"><img src="/asset/img/logo.svg" alt="NitroPack Logo" class="logo"></a>
            <button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon text-dark"></span>
            </button>
            <div class="justify-content-between collapse navbar-collapse" id="navbarNav" text-color="text-dark">
                <ul class="navbar-nav justify-content-center w-100">
                    <!-- <li class="nav-item active">
                        <a class="nav-link text-dark" href="/">Home</a>
                    </li> -->

                    <!-- Platforms-->
                    <li class="nav-item">
                        <!-- Mobile menu -->
                        <a class="nav-link px-0 text-dark d-xl-none" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Platforms</a>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="/platform/wordpress">WordPress</a>
                            <a class="dropdown-item" href="/platform/woocommerce">WooCommerce</a>
                            <a class="dropdown-item" href="/platform/magento">Magento</a>
                            <a class="dropdown-item" href="/platform/opencart">OpenCart</a>
                        </div>

                        <!-- Desktop menu -->
                        <a class="nav-link nav-link-collapse text-dark d-none d-xl-block px-0" data-toggle="collapse" role="button" href="#main-menu-desktop-platforms" aria-controls="main-menu-desktop-platforms" aria-expanded="false">Platforms</a>
                    </li>

                    <!-- How it Works -->
                    <li class="nav-item">
                        <!-- Mobile menu -->
                        <a class="nav-link text-dark d-xl-none px-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">How it works</a>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="/page/features">Features</a>
                            <a class="dropdown-item" href="/page/compatibilities">Compatibilities</a>
                        </div>
                        <!-- Desktop menu -->
                        <a class="nav-link nav-link-collapse text-dark d-none d-xl-block px-0" data-toggle="collapse" role="button" data-target="#main-menu-how-it-works-desktop-platforms" aria-controls="main-menu-desktop-platforms" aria-expanded="false">How it works</a>
                    </li>

                    <!-- Partnerships -->
                    <li class="nav-item">
                        <!-- Mobile menu -->
                        <a class="nav-link text-dark d-xl-none px-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Partners</a>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="/page/agencies">Agency Program</a>
                            <a class="dropdown-item" href="/page/partner">Affiliate Program</a>
                        </div>
                        <!-- Desktop menu -->
                        <a class="nav-link nav-link-collapse text-dark d-none d-xl-block px-0"  data-toggle="collapse" role="button" data-target="#main-menu-partnerships-desktop-platforms" aria-controls="main-menu-desktop-platforms" aria-expanded="false">Partners</a>
                    </li>


                    <li class="nav-item">
                        <a class="nav-link px-0 text-dark" href="/pricing">Pricing</a>
                    </li>
                    <!-- Resources -->
                    <li class="nav-item">
                        <!-- Mobile menu -->
                        <a class="nav-link text-dark d-xl-none px-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources</a>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="/blog">Blog</a>
                            <a class="dropdown-item" href="https://support.nitropack.io/hc/">Help center</a>
                            <a class="dropdown-item" href="/talks">NitroTalks</a>
                        </div>
                        <!-- Desktop menu -->
                        <a class="nav-link nav-link-collapse text-dark d-none d-xl-block px-0"  data-toggle="collapse" role="button" data-target="#main-menu-resources-desktop-platforms" aria-controls="main-menu-desktop-platforms" aria-expanded="false">Resources</a>
                    </li>

                    <li class="nav-item active">
                        <a class="nav-link px-0 text-dark" href="/page/about-us">About</a>
                    </li>

                                            <li class="nav-item d-xl-none pb-5 pt-3">
                            <p class="my-3 text-dark small-bold">Get the fastest performance <br> for your website.</p>
    
                            <div class="d-flex align-items-center">
                                <a href="/user/login" class="px-0 mr-3 text-decoration-none text-dark">Sign in</a>
                                <a href="/pricing" class="btn btn-primary text-white bg-primary get-started">Get Started</a>
                            </div>
                        </li>
                                    </ul>

                <!-- Desktop right navbar -->
                <ul class="navbar-nav pull-right navbar-btns d-none d-xl-flex align-items-xl-center">
                    <!-- <li class="nav-btn"><button class="btn btn-primary">Get a demo</button></li> -->

                                            <li class="nav-btn"><a href="/user/login" class="btn nav-link-btn px-xl-2 py-xl-3 sign-in-dashboard text-dark">Sign in</a></li>
                        <li class="nav-btn"><a href="/pricing" class="btn text-white bg-primary get-started">Get Started</a></li>
                                    </ul>
            </div>
        </nav>
    </div>
</div>

<!-- Desktop Platforms -->
<div class="main-menu-collapse collapse position-absolute bg-white text-dark" id="main-menu-desktop-platforms">
    <div class="container d-none d-xl-block pb-5 mb-4 mt-0">
        <hr class="m-0">
        <div class="row mt-5">
            <div class="col-12">
                <div class="row">
                    <div class="col-3 d-flex flex-column">
                        <h5 class="text-dark font-weight-bold">Available on the biggest platforms.</h5>
                        <p>Once you start with NitroPack, you can freely choose your integration platform.</p>
                    </div>
                    <!-- Links -->
                    <div class="col-9">
                        <div class="row">
                            <!-- Desktop WordPress navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-4 d-flex flex-column justify-content-center align-items-center" href="/platform/wordpress" title="WordPress">
                                        <img src="asset/img/svg/logo-WordPress.svg" alt="WordPress">
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop WooCommerce navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-4 d-flex flex-column justify-content-center align-items-center" href="/platform/woocommerce" title="WooCommerce">
                                        <img src="asset/img/demos/woocommerce-logo.png" alt="WooCommerce">
                                    </a>
                                </div>
                            </div>
                              <!-- Desktop Magento navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-4 d-flex flex-column justify-content-center align-items-center" href="/platform/magento" title="Magento">
                                        <img src="./asset/img/svg/magento_logo.svg" alt="Magento">
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop OpenCart navigation -->
                            <div class="col-3 pr-4">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center" href="/platform/opencart" title="OpenCart">
                                        <img src="asset/img/svg/logo-opencart.svg" alt="OpenCart">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- How it Works Desktop-->
<div class="main-menu-collapse collapse position-absolute bg-white text-dark" id="main-menu-how-it-works-desktop-platforms">
    <div class="container d-none d-xl-block pb-5 mb-4 mt-0">
        <hr class="m-0">
        <div class="row mt-5">
            <div class="col-12">
                <div class="row">
                    <div class="col-3 d-flex flex-column">
                        <h5 class="text-dark font-weight-bold">NitroPack under the hood.</h5>
                        <p>Everything you need to know about<br />NitroPack features and compatibilities.</p>
                    </div>
                    <!-- Links -->
                    <div class="col-9">
                        <div class="row">
                            <!-- Desktop Features navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/page/features" title="Features">
                                        <span class="usp-icon bg-primary-light d-flex align-items-center">
                                            <img src="asset/img/svg/features-icon.svg" alt="Features">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Features</strong></h4>
                                            <p class="smallest m-0">Discover more about NitroPack's features</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop Compatibilities navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/page/compatibilities" title="Compatibilities">
                                        <span class="usp-icon bg-success-light d-flex align-items-center">
                                            <img src="asset/img/svg/compatibilities-icon.svg" alt="Compatibilities">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Compatibilities</strong></h4>
                                            <p class="smallest m-0">Use NitroPack with other plugins</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Partnership Desktop-->
<div class="main-menu-collapse collapse position-absolute bg-white text-dark" id="main-menu-partnerships-desktop-platforms">
    <div class="container d-none d-xl-block pb-5 mb-4 mt-0">
        <hr class="m-0">
        <div class="row mt-5">
            <div class="col-12">
                <div class="row">
                    <div class="col-3 d-flex flex-column">
                        <h5 class="text-dark font-weight-bold">Partnership options <br> with NitroPack.</h5>
                        <p>Whether you run a blog or <br> an agency, we have a <br> partnership opportunity for you!</p>
                    </div>
                    <!-- Links -->
                    <div class="col-9">
                        <div class="row">
                            <!-- Desktop Agency Program navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/page/agencies" title="Agency Program">
                                        <span class="usp-icon bg-primary-light d-flex align-items-center">
                                            <img src="asset/img/svg/agency-icon.svg" alt="Agency Program">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Agency Program</strong></h4>
                                            <p class="smallest m-0">Suitable for freelancers <br> and agencies</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop Affiliate Program navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/page/partner" title="Affiliate Program">
                                        <span class="usp-icon bg-success-light d-flex align-items-center p-2">
                                            <img src="asset/img/svg/affiliate-icon.svg" alt="Affiliate Program">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Affiliate Program</strong></h4>
                                            <p class="smallest m-0">Suitable for publishers, educators, and influencers.</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Partnership Desktop-->
<div class="main-menu-collapse collapse position-absolute bg-white text-dark" id="main-menu-resources-desktop-platforms">
    <div class="container d-none d-xl-block pb-5 mb-4 mt-0">
        <hr class="m-0">
        <div class="row mt-5">
            <div class="col-12">
                <div class="row">
                    <div class="col-3 d-flex flex-column">
                        <h5 class="text-dark font-weight-bold">NitroPack Resources</h5>
                        <p>The place to learn how to<br> improve your web performance,<br> how to get the most out of<br>NitroPack, and what is coming<br>next to our product.</p>
                    </div>
                    <!-- Links -->
                    <div class="col-9">
                        <div class="row">
                            <!-- Desktop Blog navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/blog" title="Blog">
                                        <span class="usp-icon bg-primary-light d-flex align-items-center p-1">
                                            <img src="asset/img/svg/icon-blog.svg" alt="Blog">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Blog</strong></h4>
                                            <p class="smallest m-0">Best practices to elevate<br> your web performance.</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop Help center navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="https://support.nitropack.io/hc/" title="Help center">
                                        <span class="usp-icon bg-success-light d-flex align-items-center p-1">
                                            <img src="asset/img/svg/help-center-icon.svg" alt="Help center">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>Help center</strong></h4>
                                            <p class="smallest m-0">All your NitroPack questions<br>answered in one place.</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- Desktop NitroTalks navigation -->
                            <div class="col-3">
                                <div class="card d-flex border-0">
                                    <a class="p-3 d-flex flex-column justify-content-center align-items-center text-decoration-none" href="/talks" title="NitroTalks">
                                        <span class="usp-icon bg-primary-light d-flex align-items-center p-1">
                                            <img src="asset/img/svg/nitrotalks-icon.svg" alt="NitroTalks">
                                        </span>
                                        <div class="text-center text-dark">
                                            <h4 class="small mt-2 mb-1"><strong>NitroTalks</strong></h4>
                                            <p class="smallest m-0">Behind-the-scene video<br>series on all things NitroPack.</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    
    <div class="container mt-sm-5 mt-sm-4 mb-5 mt-4 pt-2 pt-sm-0 pt-sm-2">
        <div class="row justify-content-lg-start justify-content-center text-center">
            <div class="col-12 col-sm-10 col-md-12 align-items-center">

                <div class="row justify-content-center"  component-id="above_the_fold">
   
            <div class="col-12">
            <h1 class="mb-xl-5 mb-4 text-dark font-styrene-bold typo-md-hero typo-section-title">One Platform.<br/>All Speed Optimizations.<br/><span class='circle--magical text-cornflower-blue px-3 px-sm-5 pt-sm-1 pt-0 pb-3'>Automatically.</span></h1>
        </div>
                <div class="col-12 px-xl-0 px-xxl-3 text-dark font-styrene-regular typo-body col-md-9 col-sm-8 col-lg-12 col-xl-12">
            <span class="mb-0 mt-2 mt-xl-0"> Outperform competitors without writing a single line of code. </span>
        </div>
      
</div>

                <div class="mt-2 mb-4 mt-md-5">
                    <img class="img-fluid" src="asset/img/svg/arrow-dots.svg" />
                </div>
                <!-- Sign up / Test website btns -->
                <div class="d-md-flex mb-md-5 pb-xl-0 pb-md-2 justify-content-center text-center">
                    <div class="demo-test-input text-center" id="test-site-now" data-test-site-now>
                        <div class="input-group height-buttons">
                            <input type="text" 
                                    class="form-control border-0 height-buttons pl-3 pl-md-4" 
                                    id="user-website" 
                                    placeholder="Enter your website" 
                                    aria-label="Enter your website" 
                                    aria-describedby="demo-test-website-input"
                                    data-container="body" 
                                    data-html="true" 
                                    data-toggle="popover" 
                                    data-placement="bottom" 
                                    data-content=''
                                   >
                            <div class="input-group-append">
                                <button class="btn bg-cornflower-blue text-white test-button-text" 
                                        type="button" 
                                        id="btn-test"
                                     >Test now</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Trustpilot -->
        <!-- <div class="row justify-content-center text-center mt-5 mt-md-0 pt-2 pt-sm-0 mb-5">
            <div class="col-12 col-sm-10">
                <p class="mb-3 pb-1">
                    <span class="trustpilot-text mr-3 pr-1">Excellent</span> <img class="mb-2 mr-3 pr-1" src="asset/img/svg/review-stars.svg" alt=""> <a href="https://www.trustpilot.com/review/www.nitropack.io" target="_blank"><img class="mb-2" src="asset/img/svg/trustpilot-logo.svg" alt=""></a>
                </p>
            </div>
        </div> -->

        <!-- Logos -->
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="row no-gutters flex-nowrap justify-content-between align-items-center mt-0 pb-4 mb-2 mx-3 ">
                    <div>
                        <img class="img-fluid" src="asset/img/partners/svg/atf-devrix-logo.svg" alt="Devrix-standard-logo" />
                    </div>
                    <div class="pl-4">
                        <img class="img-fluid" src="asset/img/partners/svg/atf-voices-logo.svg" alt="Voices-logo" />
                    </div>
                    <div class="d-sm-block d-none pl-4">
                        <img class="img-fluid mt-2" src="asset/img/partners/svg/atf-smartblogger-logo.svg" alt="SmartBlogger-logo" />
                    </div>
                    <div class="d-lg-block d-none pl-4">
                        <img class="img-fluid" src="asset/img/partners/svg/atf-partnerize-logo.svg" alt="Partnerize-logo" />
                    </div>
                    <div class="d-xl-block d-none pl-4">
                        <img class="img-fluid" src="asset/img/partners/svg/atf-woocamp-logo.svg" alt="Woocamp-logo" />
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

</header>

<main class="main">
    <!--Platforms Start-->
    <div class="container mt-5 pt-sm-2 pt-lg-5 pb-5 px-lg-0 px-xl-3 px-xxl-5">
        <div class="row px-2 px-sm-3 px-md-5 mx-md-0 mx-xxl-4">
            <div class="col mx-md-2 mx-lg-0 mx-xl-2 px-md-0">
                <h5 class="text-primary mx-xxl-1">Integrations</h5>
            </div>
        </div>

        <div class="row mb-sm-3 px-2 px-sm-3 px-md-5 mx-md-0 mx-xxl-4">
            <div class="col col-sm-10 col-xl-9 mx-md-2 mx-lg-0 mx-xl-2 px-md-0">
                <div class="row justify-content-left text-left"  component-id="available_on_the_biggest_platforms">
   
            <div class="col-12">
            <h2 class="mb-xl-5 mb-4 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-dark mx-xxl-1">Available on the biggest platforms.</h2>
        </div>
          
</div>

            </div>
        </div>
        <!--Platform start-->
        <div class="row mt-lg-2 mb-3 px-2 px-sm-3 px-md-5 mx-md-0 mx-xxl-4">
            <!--Platforms cards-->
            <div class="col mx-md-2 mx-lg-0 mx-xl-2 px-md-0">
                <div class="row mx-0 row-cols-1 row-cols-sm-4 row-cols-lg-6 mb-3 card-deck-platforms">   
    <div class="card mt-4 mr-sm-3 justify-content-center">
        <img class="img-responsive platform mx-auto my-sm-4" src="asset/img/svg/wp.svg" alt="WordPress" width="151" height="109">
    </div>
    <div class="card mt-4 ml-sm-2 ml-xl-3 mr-sm-3 justify-content-center">
        <img class="img-responsive platform mx-auto my-sm-4" src="asset/img/svg/woo.svg" alt="WooCommerce" width="151" height="109">
    </div>
    <div class="card mt-4 ml-sm-2 ml-xl-3 mr-lg-3 justify-content-center">
        <img class="img-responsive platform mx-auto my-sm-4" src="asset/img/svg/opencart.svg" alt="OpenCart" width="151" height="109">
    </div>
    <div class="card mt-4 ml-lg-2 ml-xl-3 mr-sm-3 justify-content-center">
        <img class="img-responsive platform mx-auto my-sm-4" src="asset/img/svg/magento.svg" alt="Magento" width="151" height="109">
    </div>
    <div class="card mt-4 ml-sm-2 ml-xl-3 justify-content-center">
        <img class="img-responsive platform mx-auto my-sm-4" src="asset/img/svg/custom-website.svg" alt="CustomWebsite" width="89" height="83">
    </div>
</div>
            </div>
        </div>
    </div>
    <!--Platforms End-->

    <!-- funky box -->
    <div class="container mb-8-rem mt-4 px-0 px-lg-5 px-xxl-3">
        <div class="px-xl-4 px-xxl-3">
            <!-- funky box -->
<div class="funky-box-container b-minus-18-rem mt-minus-16-rem" component-id="one_column_funkybox">
        <span class="d-none d-lg-block graphic-green-dots funky-box-dots-t-r-outside"></span>
            <div class="funky-box-body bg-secondary-light px-3 py-3 px-md-5 py-md-5">
            <div class="funkybox-row position-relative px-3 mx-3 px-md-4 mx-md-3 my-4 my-md-3 py-1 py-md-0 py-lg-4">
                <!-- Content goes inside this container -->
                                    <div class="testimonial row no-gutters text-dark mx-auto text-center" component-id="quote_homepage_jono">
     
    <blockquote class="mb-3 pb-3 text-dark">
        <p class="typo-body typo-md-middle2 font-quicksand-medium">I'm the kind of person who obsesses over and hand-tunes the performance of my websites. By now, I think I've used pretty much every tool and technique out there to save bytes and milliseconds. NitroPack stood out from the crowd; I was surprised by how smart their approach was, and how much time it saved me. They're optimizing in ways that far exceeds the competition</p>
    </blockquote>
    
    <!-- Two Rows  -->
        <!-- One Row  -->
    <div class="d-flex align-items-lg-center flex-lg-row flex-column pt-md-2 mx-auto text-center">
                <a class="mr-md-3 mb-md-0 mb-2" href="https://www.jonoalderson.com/" target="_blank">
            <img class="avatar" src="asset/img/reviewers/jono.png" alt="Jono Alderson">
        </a>
        
       <h5 class="d-lg-block d-flex flex-lg-row flex-column mb-0 mt-lg-0 mt-1 text-lg-left">
             
            <span class="font-styrene-bold typo-paragraph-small typo-md-body">Jono Alderson,</span>
            
             
            <span class="pl-lg-0 pl-md-1 font-styrene-reqular typo-paragraph-small typo-md-body"> Head of SEO of Yoast</span>
                    </h5>

    </div>
    
</div>
                            </div>
        </div>
        <span class="d-none d-lg-block graphic-green-dots funky-box-dots-b-l-outside"></span>
    </div>
<!-- end funky box -->
        </div>
    </div>
    <!-- end funky box -->

    <div class="container-fluid bg-dark story-line pt-5 pb-5 px-2 px-sm-3 px-md-0">

        <!--Story Line content start-->
        <div class="text-white pt-5 mt-5 mb-md-5">
            <!-- Story 1 -->
            <div class="container mt-5 pt-5 px-md-5 px-xl-4 px-xxl-5 mx-xl-auto">
                <div class="row flex-column flex-xl-row-reverse pb-2 pb-md-0 pb-xl-2 pb-xl-0 text-white px-md-2 mx-md-0 px-lg-5 px-xl-0 px-xxl-4 mx-lg-5 pt-md-4 pt-lg-5 justify-content-xl-between">
                    <div class="d-xl-flex justify-content-xl-center align-items-xl-center col-11 col-md-8 col-xl-5 pb-sm-4 mb-sm-4 px-lg-1 mb-3 pb-3" component-id="double_column_feature_home">
    <img class="img-fluid" src="/asset/img/img-build-in-optimization.png" alt="Optimization Service" component-id="feature_img_optimization"/></div>

<div class="col-xl-6 mb-md-4 mb-xl-5 pb-xl-5 mb-xl-4 pb-xl-3 px-lg-1 pl-xxl-3 mb-3 pb-3">
    <!-- Feature Component -->
<div class="row" component-id="feature_home_make_more_money">
        <div class="col-md-12">
        <h5 class="text-white mb-2 mb-md-3 typo-body">Complete Site Speed Optimization Service</h5>
    </div>
            <div class="col-12">
        <h2 class="mb-3 pb-3 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-white">Make more money with a faster website.</h2>
    </div>
    
    <!--Content-->
    <div class="col">
        <p class="typo-body font-styrene-regular" component-id="paragraph_speeding_up_your_website">Speeding up your website can help you:</p>
<div class="title my-4 my-4 my-md-3 py-md-3">
    <ul class="list-unstyled" component-id="basic_list_home_increase_conversion_rates">
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  Increase conversion rates;    </li>
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  Provide a better user experience;    </li>
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  Gain an edge over competitors.    </li>
    </ul>
</div>
<p class="typo-body font-styrene-regular" component-id="paragraph_you_get_everything_you_need">With NitroPack, you get everything you need for a fast website, in one place. Features like caching, image optimization, and a CDN are ready to go out of the box.</p>
                <a class="d-flex mt-4 mt-md-3 pt-md-3 link text-secondary" href="/page/features" target="_blank">
                            <h5 class="mb-xl-0 mb-xxl-2 typo-body font-styrene-regular">See the complete industry-defining feature set                    <img class="position-absolute img-fluid pl-2 pt-2 mt-1" src="/asset/img/svg/icons/positive-arrow-right-thin.svg" alt="arrow icon">   
                </h5>
                    </a>
            </div>

</div>
<!-- Feature Component End--></div>                


                </div>
            </div>
            <!-- Story 2 -->
            <div class="container mt-5 px-md-5 px-xl-4 px-xxl-5 mx-xl-auto">
                <div class="row flex-column flex-xl-row pb-2 pb-md-0  pb-xl-2 pb-xl-0 text-white px-md-2 mx-md-0 px-lg-5 px-xl-0 px-xxl-4 mx-lg-5 justify-content-xl-between">
                    <div class="d-xl-flex justify-content-xl-center align-items-xl-center col-11 col-md-8 col-xl-5 pb-sm-4 mb-sm-4 px-lg-1 mb-3 pb-3" component-id="double_column_feature_home">
    <img class="img-fluid" src="/asset/img/svg/img-experts.svg" alt="Experts" component-id="feature_img_experts"/></div>

<div class="col-xl-6 mb-md-4 mb-xl-5 pb-xl-5 mb-xl-4 pb-xl-3 px-lg-1 pl-xxl-3 mb-3 pb-3">
    <!-- Feature Component -->
<div class="row" component-id="feature_home_get_instant_results">
        <div class="col-md-12">
        <h5 class="text-white mb-2 mb-md-3 typo-body">Expert Support Team</h5>
    </div>
            <div class="col-12">
        <h2 class="mb-3 pb-3 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-white">Get instant results and expert support.</h2>
    </div>
    
    <!--Content-->
    <div class="col">
        <p class="typo-body font-styrene-regular" component-id="paragraph_save_time_and_effort">Save time and effort with our all-in-one service. No 3rd party plugins or complex setups needed. Achieve measurable results in minutes and get help from our speed experts when needed.</p>
            </div>

</div>
<!-- Feature Component End--></div>                

                
                </div>
            </div>

            <!-- Story 3 -->
            <div class="container mt-5 px-md-5 px-xl-4 px-xxl-5 mx-xl-auto">
                <div class="row flex-column flex-xl-row-reverse pb-2 pb-md-0 pb-xl-2 pb-xl-0 text-white px-md-2 mx-md-0 px-lg-5 px-xl-0 px-xxl-4 mx-lg-5 justify-content-xl-between">
                    <div class="d-xl-flex justify-content-xl-center align-items-xl-center col-11 col-md-8 col-xl-5 pb-sm-4 mb-sm-4 px-lg-1 mb-3 pb-3" component-id="double_column_feature_home">
    <img class="img-fluid" src="/asset/img/svg/img-ux.svg" alt="Ux" component-id="feature_img_ux"/></div>

<div class="col-xl-6 mb-md-4 mb-xl-5 pb-xl-5 mb-xl-4 pb-xl-3 px-lg-1 pl-xxl-3 mb-3 pb-3">
    <!-- Feature Component -->
<div class="row" component-id="feature_home_win_at_customer">
        <div class="col-md-12">
        <h5 class="text-white mb-2 mb-md-3 typo-body">Enhanced Mobile & Desktop UX</h5>
    </div>
            <div class="col-12">
        <h2 class="mb-3 pb-3 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-white">Win at customer experience.</h2>
    </div>
    
    <!--Content-->
    <div class="col">
        <p class="typo-body font-styrene-regular" component-id="paragraph_people_prefer_to_read">People prefer to read, browse and shop from fast websites. NitroPack ensures that you don't lose any more potential customers because of slow load times.</p>
                <a class="d-flex mt-4 mt-md-3 pt-md-3 link text-secondary" href="/page/features" target="_blank">
                            <h5 class="mb-xl-0 mb-xxl-2 typo-body font-styrene-regular">See all features                    <img class="position-absolute img-fluid pl-2 pt-2 mt-1" src="/asset/img/svg/icons/positive-arrow-right-thin.svg" alt="arrow icon">   
                </h5>
                    </a>
            </div>

</div>
<!-- Feature Component End--></div>                


                </div>
            </div>
        
            <!-- Story 4 -->
            <div class="container mt-5 px-md-5 px-xl-4 px-xxl-5 mx-xl-auto">
                <div class="row flex-column flex-xl-row pb-2 pb-md-0  pb-xl-2 pb-xl-0 text-white px-md-2 mx-md-0 px-lg-5 px-xl-0 px-xxl-4 mx-lg-5 justify-content-xl-between">
                    <div class="d-xl-flex justify-content-xl-center align-items-xl-center col-11 col-md-8 col-xl-5 pb-sm-4 mb-sm-4 px-lg-1 mb-3 pb-3" component-id="double_column_feature_home">
    <img class="img-fluid" src="/asset/img/svg/img-no-dev.svg" alt="No-dev" component-id="feature_img_no_dev"/></div>

<div class="col-xl-6 mb-md-4 mb-xl-5 pb-xl-5 mb-xl-4 pb-xl-3 px-lg-1 pl-xxl-3 mb-3 pb-3">
    <!-- Feature Component -->
<div class="row" component-id="feature_home_no_coding_or_tech">
        <div class="col-md-12">
        <h5 class="text-white mb-2 mb-md-3 typo-body">The Easiest Way to Improve Your Site Speed</h5>
    </div>
            <div class="col-12">
        <h2 class="mb-3 pb-3 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-white">No coding or tech skills needed.</h2>
    </div>
    
    <!--Content-->
    <div class="col">
        <p class="typo-body font-styrene-regular" component-id="paragraph_you_get_a_massive_site_speed_boost">With NitroPack, you get a massive site speed boost effortlessly. The setup takes less than 5 minutes. After that, our service automatically optimizes your website and keeps it fast 24/7, 365.</p>
                <a class="d-flex mt-4 mt-md-3 pt-md-3 link text-secondary" href="/page/features" target="_blank">
                            <h5 class="mb-xl-0 mb-xxl-2 typo-body font-styrene-regular">See all features                    <img class="position-absolute img-fluid pl-2 pt-2 mt-1" src="/asset/img/svg/icons/positive-arrow-right-thin.svg" alt="arrow icon">   
                </h5>
                    </a>
            </div>

</div>
<!-- Feature Component End--></div>                

                
                </div>
            </div>

            <!-- Story 5 -->
            <div class="container mt-5 px-md-5 px-xl-4 px-xxl-5 mx-xl-auto">
                <div class="row flex-column flex-xl-row-reverse pb-2 pb-md-0 pb-xl-2 pb-xl-0 text-white px-md-2 mx-md-0 px-lg-5 px-xl-0 px-xxl-4 mx-lg-5 justify-content-xl-between">
                    <div class="d-xl-flex justify-content-xl-center align-items-xl-center col-11 col-md-8 col-xl-5 pb-sm-4 mb-sm-4 px-lg-1 mb-3 pb-3" component-id="double_column_feature_home">
    <img class="img-fluid" src="/asset/img/svg/shield.svg" alt="Shield" component-id="feature_img_shield"/></div>

<div class="col-xl-6 mb-md-4 mb-xl-5 pb-xl-5 mb-xl-4 pb-xl-3 px-lg-1 pl-xxl-3 mb-3 pb-3">
    <!-- Feature Component -->
<div class="row" component-id="feature_home_test_and_use">
        <div class="col-md-12">
        <h5 class="text-white mb-2 mb-md-3 typo-body">Testing Capabilities</h5>
    </div>
            <div class="col-12">
        <h2 class="mb-3 pb-3 font-styrene-bold typo-mobile-title typo-md-section-title typo-lg-mega text-white">Test and use NitroPack risk-free.</h2>
    </div>
    
    <!--Content-->
    <div class="col">
        <ul class="list-unstyled" component-id="basic_list_home_our_free_plan">
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  Our Free Plan doesn’t expire or require a credit card;    </li>
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  NitroPack works on copies of your site files, not on the originals;    </li>
        <li class="d-flex mb-2 align-items-baseline text-white typo-body typo-md-title">
        <i class="fas fa-check text-positive mr-2 pr-1"></i>  The Safe Mode lets you test features without affecting your visitor’s experience.    </li>
    </ul>
                <a class="d-flex mt-4 mt-md-3 pt-md-3 link text-secondary" href="/blog/post/how-nitropack-works#test" target="_blank">
                            <h5 class="mb-xl-0 mb-xxl-2 typo-body font-styrene-regular">Learn more about NitroPack’s risk-free testing capabilities                    <img class="position-absolute img-fluid pl-2 pt-2 mt-1" src="/asset/img/svg/icons/positive-arrow-right-thin.svg" alt="arrow icon">   
                </h5>
                    </a>
            </div>

</div>
<!-- Feature Component End--></div>                


                </div>
            </div>
        </div>
        <!--Story Line content end-->

    </div>

    <!--Project customers start-->
    <div class="container mt-5 mb-5 py-4 py-md-5">
    <div class="row justify-content-md-center text-center px-2 px-sm-3">
        <div class="col col-xl-10 col-xxl-8">
            <h1 class="font-styrene-bold typo-mobile-title typo-md-mega text-dark mb-0">NitroPack speeds up 176,000+ websites every day.</h1>
        </div>
    </div>
    <div class="row justify-content-md-center mt-4 mb-3 mb-sm-5 pb-2 pb-sm-0 pb-md-2 px-2">
        <div class="col-md-2 text-center">
            <p class="text-dark mb-0 font-styrene-regular">Including</p>
        </div>
    </div>
    <div class="col-12 px-2">
        <div class="row row-cols-2 row-cols-sm-3 row-cols-lg-4 align-items-center justify-content-center mt-md-5 px-sm-5 project-customers-logos">
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 ">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/voices-logo.svg" alt="Voices-logo" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/devrix-logo.svg" alt="Devrix-standard-logo" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/waterfront-digital-logo.svg" alt="Waterfront-Digital" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/woocamp-logo.png" alt="Woocamp-logo-1" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/smartblogger-logo.svg" alt="SmartBlogger-logo" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/partnerize-logo.svg" alt="Partnerize-logo" />
            </div>
            <div class="col py-3 pb-md-0 mt-md-3 mt-xl-5 pr-md-4 pr-xxl-5 pl-md-3 pl-xxl-1">
                <img class="img-fluid filter-grayscale" src="asset/img/partners/svg/arageek-logo.svg" alt="Arageek-logo" />
            </div>
        </div>
    </div>
</div>

    <!--Project customers end-->

    <!-- funky box -->
    <div class="container px-0">
        <div class="my-5 my-lg-4 my-lg-3 px-lg-5 px-xxl-3">
            <div class="py-lg-5 px-xl-4 px-xxl-3">
              <!-- funky box -->
<div class="funky-box-container " component-id="funkybox_two_columns_green">
        <span class="d-none d-lg-block graphic-green-dots funky-box-dots-t-r-outside"></span>
            <div class="funky-box-body bg-secondary-light px-3 py-3 px-md-5 py-md-5">
            <div class="funkybox-row position-relative px-3 mx-3 px-md-4 mx-md-3 my-4 my-md-3 py-1 py-md-0 py-lg-4">
                <!-- Content goes inside this container -->
                                <div class="row">
                    <div class="col-12 col-lg-6 float-left">
                        <div class="row justify-content-left text-left"  component-id="whether_you_are_a_blogger">
   
            <div class="col-12">
            <h3 class="mb-xl-5 mb-4 font-styrene-bold typo-middle3 text-dark">Whether you're a blogger, an agency, or an eCommerce store.</h3>
        </div>
          
</div>

<p class="typo-paragraph font-quicksand-medium" component-id="paragraph_the_web_is_more_competitive">The web is more competitive than ever. And customers don't wait for slow websites.</p>
<p class="typo-paragraph font-quicksand-medium" component-id="paragraph_if_you_want_to_stand">If you want to stand out from the competition, you need a fast website.</p>                    </div>
                    <div class="col-12 col-lg-6 pt-5 pt-lg-0 float-left">
                        <div class="testimonial row no-gutters text-dark mr-auto text-left" component-id="quote_matt_diggity">
     
    <blockquote class="mb-3 pb-3 text-dark">
        <p class="typo-body typo-md-middle2 font-quicksand-medium">NitroPack is a must-install for websites concerned with site speed.</p>
    </blockquote>
    
    <!-- Two Rows  -->
        <div class="d-flex align-items-center pt-md-2 mr-auto text-left">
         
        <a class="mr-3" href="https://diggitymarketing.com/" target="_blank">
            <img class="avatar" src="asset/img/reviewers/mattdiggity.jpg" alt="Matt Diggity">
        </a>
                
       <h5 class="mb-0 text-left">
             
            <span class="font-styrene-bold typo-paragraph-small typo-md-body">Matt Diggity,</span>
            <br>
            
             
            <span class="font-styrene-reqular typo-paragraph-small typo-md-body">Founder of Diggity Marketing</span>
                    </h5>

    </div>
    
</div>
                    </div>
                </div>
                            </div>
        </div>
        <span class="d-none d-lg-block graphic-green-dots funky-box-dots-b-l-outside"></span>
    </div>
<!-- end funky box -->
            </div>
        </div>
    </div>
    <!-- end funky box -->

    <!--Publications-->
    <div class="container mt-5 mb-5">
        <div class="row justify-content-md-center text-center">
            <div class="col-md-8">
                <h2 class="mega text-dark">Publications</h2>
            </div>
        </div>
        <!-- <div class="row justify-content-md-center mt-3">
            <div class="col-md-4 text-center">
                <h5 class="text-dark">Ideas born to make websites faster.</h5>
            </div>
        </div> -->
        <div class="row row-cols-xl-3 row-cols-md-2 row-cols-1 mt-5 justify-content-md-center">
            <article class="article-container col pr-3 mt-5">
            <div class="card blog-card h-100">
    <a href="/blog/post/blogging-wizard-interview">
        <img class="card-img-top" src="https://nitropack.ams3.cdn.digitaloceanspaces.com/upload/blog/affiliate-228_eea278db6a.jpg" alt="blogging-wizard-interview" />
    </a>
    <div class="card-body post-content mx-3 px-4 my-3 pt-4 pb-1">
        <div class="mb-3">
            <h6 class="entry-date text-dark typo-paragraph-small font-styrene-regular">May 23, 2023</h6>
            <h4 class="entry-title font-styrene-bold typo-middle3 m-0">
                <a class="text-dark nounderline" href="/blog/post/blogging-wizard-interview">The Good, the Bad, and the Ugly in Affiliate Marketing Success: Adam Connell Shares Insider Tips</a>
            </h4>
        </div>
        <div class="text-dark-lilla">
            <p class="entry-summary m-0 font-quicksand-medium typo-paragraph-small">Find out his top strategies for affiliate marketing success. </p>
        </div>
    </div>
    <div class="card-footer post-content-footer author d-flex align-items-center border-0 bg-transparent pt-0 mx-3 px-4 mb-3 pb-4">
        <div class="person w-100 flex-column flex-md-row">
            <div class="col-12 col-md-8 author-sizes justify-content-start row mx-0 px-0">
                <a href="/blog/author/svilena">
                    <img class="avatar mr-2" src="/asset/img/team/team-member-sp.jpg" alt="Svilena Peneva">
                </a>
                <div class="my-auto">
                    <a class="author-link" href="/blog/author/svilena">
                        <span class="entry-author small-bold text-dark font-styrene-medium">Svilena Peneva</span>
                    </a> <br>
                        <span class="author-company typo-paragraph-small text-dark-lilla font-quicksand-medium">Affiliate Partner...</span>
                </div>
            </div>
            <div class="d-flex col-12 col-md-4 justify-content-md-end time-read-sizes mt-2 pt-1 mt-md-0 pt-md-0 px-0">
                <div>
                    <div class="entry-time-ago text-dark-lilla font-styrene-regular typo-paragraph-small text-right "><i class="far fa-clock"></i> 6 mins read</div>
                </div>
            </div> 
        </div>
    </div>  
</div>
        </article>
            <article class="article-container col pr-3 mt-5">
            <div class="card blog-card h-100">
    <a href="/blog/post/improve-user-experience-on-business-sites">
        <img class="card-img-top" src="https://nitropack.ams3.cdn.digitaloceanspaces.com/upload/blog/user-experience_6eb3ff9ed2.png" alt="improve-user-experience-on-business-sites" />
    </a>
    <div class="card-body post-content mx-3 px-4 my-3 pt-4 pb-1">
        <div class="mb-3">
            <h6 class="entry-date text-dark typo-paragraph-small font-styrene-regular">May 16, 2023</h6>
            <h4 class="entry-title font-styrene-bold typo-middle3 m-0">
                <a class="text-dark nounderline" href="/blog/post/improve-user-experience-on-business-sites">8 Ways You Can Improve User Experience On Business Sites</a>
            </h4>
        </div>
        <div class="text-dark-lilla">
            <p class="entry-summary m-0 font-quicksand-medium typo-paragraph-small">From adding more white space to optimizing your page speed, here's how you can do it...</p>
        </div>
    </div>
    <div class="card-footer post-content-footer author d-flex align-items-center border-0 bg-transparent pt-0 mx-3 px-4 mb-3 pb-4">
        <div class="person w-100 flex-column flex-md-row">
            <div class="col-12 col-md-8 author-sizes justify-content-start row mx-0 px-0">
                <a href="/blog/author/lora">
                    <img class="avatar mr-2" src="/asset/img/team/asset-team-member-ll.jpg" alt="Lora Raykova">
                </a>
                <div class="my-auto">
                    <a class="author-link" href="/blog/author/lora">
                        <span class="entry-author small-bold text-dark font-styrene-medium">Lora Raykova</span>
                    </a> <br>
                        <span class="author-company typo-paragraph-small text-dark-lilla font-quicksand-medium">Web Performance Buff</span>
                </div>
            </div>
            <div class="d-flex col-12 col-md-4 justify-content-md-end time-read-sizes mt-2 pt-1 mt-md-0 pt-md-0 px-0">
                <div>
                    <div class="entry-time-ago text-dark-lilla font-styrene-regular typo-paragraph-small text-right "><i class="far fa-clock"></i> 9 mins read</div>
                </div>
            </div> 
        </div>
    </div>  
</div>
        </article>
            <article class="article-container col pr-3 mt-5">
            <div class="card blog-card h-100">
    <a href="/blog/post/fix-high-exit-rate">
        <img class="card-img-top" src="https://nitropack.ams3.cdn.digitaloceanspaces.com/upload/blog/fix-high-exit-rate_72d1447b55.jpg" alt="fix-high-exit-rate" />
    </a>
    <div class="card-body post-content mx-3 px-4 my-3 pt-4 pb-1">
        <div class="mb-3">
            <h6 class="entry-date text-dark typo-paragraph-small font-styrene-regular">May 09, 2023</h6>
            <h4 class="entry-title font-styrene-bold typo-middle3 m-0">
                <a class="text-dark nounderline" href="/blog/post/fix-high-exit-rate">How to Fix High Exit Rate and Convert More (The Smart Way)</a>
            </h4>
        </div>
        <div class="text-dark-lilla">
            <p class="entry-summary m-0 font-quicksand-medium typo-paragraph-small">Are high exit rates always a bad sign? Learn how to investigate and optimize for more conversions with 10 proven strategies inside…</p>
        </div>
    </div>
    <div class="card-footer post-content-footer author d-flex align-items-center border-0 bg-transparent pt-0 mx-3 px-4 mb-3 pb-4">
        <div class="person w-100 flex-column flex-md-row">
            <div class="col-12 col-md-8 author-sizes justify-content-start row mx-0 px-0">
                <a href="/blog/author/lora">
                    <img class="avatar mr-2" src="/asset/img/team/asset-team-member-ll.jpg" alt="Lora Raykova">
                </a>
                <div class="my-auto">
                    <a class="author-link" href="/blog/author/lora">
                        <span class="entry-author small-bold text-dark font-styrene-medium">Lora Raykova</span>
                    </a> <br>
                        <span class="author-company typo-paragraph-small text-dark-lilla font-quicksand-medium">Web Performance Buff</span>
                </div>
            </div>
            <div class="d-flex col-12 col-md-4 justify-content-md-end time-read-sizes mt-2 pt-1 mt-md-0 pt-md-0 px-0">
                <div>
                    <div class="entry-time-ago text-dark-lilla font-styrene-regular typo-paragraph-small text-right "><i class="far fa-clock"></i> 7 mins read</div>
                </div>
            </div> 
        </div>
    </div>  
</div>
        </article>
    </div>
 
    </div>
    <!--Publications end-->

    <div class="container get-started-footer-cta-new px-0 px-lg-5 px-xxl-3">
        <div class="px-xl-4 px-xxl-3">
            <!-- funky box -->
<div class="funky-box-container " component-id="one_column_inside_dots_funkybox">
        <span class="d-none d-md-block funky-box-dots-t-r-inside"></span>
            <div class="funky-box-body bg-blue px-3 py-3 px-md-5 py-md-5">
            <div class="funkybox-row position-relative px-3 mx-3 px-md-4 mx-md-3 my-4 my-md-3 py-1 py-md-0 py-lg-4">
                <!-- Content goes inside this container -->
                                    <div class="row align-items-center flex-column mt-0 mt-md-4 pt-md-3">
    <h2 class="font-size-2 text-white text-center">Ready to get started?</h2>
    <p class="text-white text-center pt-4 col-md-12 body mb-0 mb-md-3">Join 176,000+ who chose NitroPack <br> to get a blazing fast website and boost sales.</p>
</div>
<div class="row d-flex justify-content-center my-4 pb-md-3">
  <!-- <a class="col-9 col-sm-4 col-lg-3 btn btn-primary text-primary border-white bg-white py-3 px-5 font-weight-normal mr-3" name="button">Get a demo</a> -->
  <a href="/pricing" class="col-9 col-sm-4 col-xl-3 btn text-primary bg-white py-3 px-4 font-weight-normal mt-4 mt-sm-0" name="button">Choose your plan</a>
</div>
                            </div>
        </div>
        <span class="d-none d-md-block funky-box-dots-b-l-inside"></span>
    </div>
<!-- end funky box -->
        <div>
    </div>

</main>
    <!-- FOOTER SECTION -->

    <footer class="container-fluid dark-footer">
        <div class="container px-4 px-md-3">
            <div class="row">
                <div class="col-12 footer-logo px-1">
                    <a href="/">
                        <img class="image-responsive" src="./asset/img/svg/logo-np-white.svg" alt="">
                    </a>
                </div>
            </div>
            <div class="row footer-nav">
                <div class="col-12 col-md-4 px-0">
                    <!-- <form class="" action="#" method="post">
                        <h4 class="pb-4">Subscribe to our newsletter</h4>
                        <span class="arrow-right"></span>
                        <input class="subscribe-input" type="email" name="email" value=""
                            placeholder="Enter your email">
                    </form> -->
                    <div class="social-media py-5">
                        <a href="https://bg.linkedin.com/company/nitropack" target="_blank"><i class="fab fa-linkedin"
                                style="font-size:38px;color:#fff"></i></a>
                        <a href="https://www.facebook.com/groups/nitropack.community" target="_blank"><i class="fab fa-facebook"
                                style="font-size:38px;color:#fff"></i></a>
                        <a href="https://www.youtube.com/channel/UCqDoqg4IwvoT4aNUdLbiFpA" target="_blank"><i class="fab fa-youtube"
                                style="font-size:35px;color:#fff"></i></a>
                    </div>
                </div>
                <div class="col-6 col-md-2 pl-0">
                    <ul class="list-unstyled">
                        <h5 class="pb-4">Product</h5>
                        <li><a href="/page/features">Features</a></li>
                        <li><a href="/pricing">Pricing</a></li>
                        <!-- <li><a href="https://calendly.com/nitropack/videocall" target="_blank" gtag-action="DemoSchedule" gtag-category="User">Get a Demo</a></li> -->
                    </ul>
                </div>
                <div class="col-6 col-md-2">
                    <ul class="list-unstyled">
                        <h5 class="pb-4">Platforms</h5>
                        <li><a href="/platform/wordpress">WordPress</a></li>
                        <li><a href="/platform/woocommerce">WooCommerce</a></li>
                        <!-- <li><a href="#">Woo Commerce</a></li>-->
                        <li><a href="/platform/magento">Magento</a></li> 
                        <li><a href="/platform/opencart">OpenCart</a></li>
                        <!-- <li><a href="#">API</a></li> -->
                    </ul>
                </div>
                <div class="col-6 col-md-2 pl-0 pl-md-3">
                    <ul class="list-unstyled">
                        <h5 class="pb-4">Company</h5>
                        <li><a href="/page/about-us">About</a></li>
                        <!-- <li><a href="#">Customers</a></li> -->
                        <!-- <li><a href="#">Partnership</a></li> -->
                        <li><a href="/page/contactus">Contact</a></li>
                        <li><a href="https://www.careers-page.com/nitropack-careers">Careers</a></li>
                        <li><a href="/page/partner-apply">Affiliate Application</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md-2">
                    <ul class="list-unstyled">
                        <h5 class="pb-4">Resources</h5>
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="https://support.nitropack.io/hc" target="_blank">Help Center</a></li>
                        <li><a href="https://www.facebook.com/groups/nitropack.community">NitroCommunity</a></li>
                        <!-- <li><a href="#">Test Your Website</a></li> -->
                    </ul>
                </div>
            </div>
            <div class="row d-flex flex-colum flex-md-row justify-content-between">
                <div class="text-content  pl-0 col-12 col-md-8">
                    <ul class="d-flex flex-column flex-md-row list-unstyled">
                        <li class="pb-3 pb-md-0 pr-3"><a href="/page/privacy">Privacy Policy</a></li>
                        <span class="d-none d-md-inline-block ">|</span>
                        <li class="pb-3 pb-md-0 px-0 px-md-3"><a href="/page/terms">Terms of Use</a></li>
                        <span class="d-none d-md-inline-block ">|</span>
                        <li class="pb-3 pb-md-0 px-0 px-md-3"><a href="/page/affiliate-terms">Affiliate Terms of Use</a></li>
                        <span class="d-none d-md-inline-block ">|</span>
                        <li class="pb-3 pb-md-0 px-0 px-md-3"><a href="/page/refunds">Refund Policy</a></li>
                    </ul>
                </div>
                <div class="copyright">
                    <p>Copyright &copy; NitroPack 2023</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- END FOOTER SECTION -->

    
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

    <script nitro-exclude>
    (function () {
        var windowHash = window.location.hash.substring(1);

        if (windowHash.length == 6) {
            let currentPartnerId = getPartnerIdFromCookie();

            // set partner cookie only if not already set
            if (!currentPartnerId) {
                setPartnerCookie(windowHash);
            }

            if (!currentPartnerId || currentPartnerId !== windowHash) {
                if (!isIE()) {
                    navigator.sendBeacon('/partner/affiliatecount/' + windowHash);
                } else {
                    $.ajax({
                        method: 'GET',
                        url: '/partner/affiliatecount/' + windowHash
                    });
                }
            }
        }

        function getPartnerIdFromCookie() {
            var result = '';
            var cookie = getCookie('partner_id');

            if (cookie?.length == 6) {
                result = cookie;
            } else {
                try {
                    var decoded = JSON.parse(cookie);

                    if (decoded?.partner_id) {
                        result = decoded?.partner_id;
                    }
                } catch (e) {}
            }

            return result;
        }

        function setPartnerCookie(partnerId) {
            var data = {
                'partner_id' : partnerId,
                'referrer' : document.referrer
            };

            setCookie('partner_id', JSON.stringify(data), 30);
        }

        function isIE() {
            ua = navigator.userAgent;
            var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
            return is_ie;
        }

        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }

        function getCookie(name) {
            var dc = document.cookie;
            var prefix = name + "=";
            var begin = dc.indexOf("; " + prefix);
            if (begin == -1) {
                begin = dc.indexOf(prefix);
                if (begin != 0) return null;
            } else {
                begin += 2;
                var end = document.cookie.indexOf(";", begin);
                if (end == -1) {
                    end = dc.length;
                }
            }
            return decodeURI(dc.substring(begin + prefix.length, end));
        }
    })();
</script>

    <!-- Footer JS -->
    <script type="text/javascript" src="/asset/js/run-demo-test.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/bootstrap-4.5.3.bundle.min.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/common.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/update-gclid-session.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/update-campaign.js?cache_bust=1685096892"></script>
<script type="text/javascript" src="/asset/js/ie10-viewport-bug-workaround.js?cache_bust=1685096892"></script>

    <div class="support-widget">
  <!-- zendesk widget -->
  <script type="text/javascript">
  $(document).ready(function(){
    window.zESettings = {
     webWidget: {
       offset: {
         vertical: '24px',
         mobile: {
          vertical: '24px'
        }
       }
     }
    };

    zE('webWidget', 'setLocale', 'en-US');
  });
  </script>
  <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=6ba5e4cd-1924-45ee-b2fa-39317be2c2aa"></script>
  <!-- end zendesk widget -->

  <!-- also ZenDesk Widget configuration -->
  <script async>
    (function() {
      // below is the ZenDesk Widget configuration for logged in users.
          })();
  </script>
</div>

    <div id="cookie-consent" class="funky-box position-fixed bg-dark text-white" style="display: none;">
    <div class="card-body">
        <p>We use cookies to deliver our services and to analyze traffic. <a href="/page/privacy#what-are-cookies" class="text-secondary"><strong>Learn More</strong></a></p>

        <ul>
            <li><strong>Essential Cookies</strong> - these are required for basic functions of our website and for traffic analysis.</li>
            <li><strong>Optional Cookies</strong> - help us better learn how you use our system so we can improve our services.</li>
        </ul>

        <div class="mt-4 text-left">
            <button class="btn btn-primary my-2 mr-4" id="cookie-consent-essential">Accept Essential</button>
            <button class="btn btn-secondary my-2" id="cookie-consent-all">Accept All</button>
        </div>
    </div>
</div>
<script>
    (function($) {
        if (!window.NitroPack) return;

        let np = window.NitroPack;

        if (np.getCookieConsent() === null && document.location.href.indexOf("page/privacy") == -1 ) {
            $('#cookie-consent').show();

            dataLayerPushEvent({
               'event':'consentBannerLoaded',
               'activeGroups': '1,2,3'
            });

            dataLayerPushEvent({
               'event':'consentGroupsUpdated',
               'activeGroups': '1,2,3'
            });
        } else {
            if (np.getCookieConsent() === true) {
                dataLayerPushEvent({
                   'event':'consentGroupsUpdated',
                   'activeGroups': '1,2,3,4'
                });
            } else {
                dataLayerPushEvent({
                   'event':'consentGroupsUpdated',
                   'activeGroups': '1,2,3'
                });
            }
        }

        $('#cookie-consent-all').click(function(e) {
            e.preventDefault();
            $('#cookie-consent').hide();
            np.setCookieConsent(true);

            dataLayerPushEvent({
               'event':'consentGroupsUpdated',
               'activeGroups': '1,2,3,4'
            });
        });

        $('#cookie-consent-essential').click(function(e) {
            e.preventDefault();
            $('#cookie-consent').hide();
            np.setCookieConsent(false);

            dataLayerPushEvent({
               'event':'consentGroupsUpdated',
               'activeGroups': '1,2,3'
            });
        });
    })(jQuery);
</script>

</body>
</html>
