diff --git a/site/content/docs/standard/getting-started/quick-start/index-ss.html b/site/content/docs/standard/getting-started/quick-start/index-ss.html
index df4f2b7df..cb22b1861 100644
--- a/site/content/docs/standard/getting-started/quick-start/index-ss.html
+++ b/site/content/docs/standard/getting-started/quick-start/index-ss.html
@@ -8,4 +8,4 @@
 <li class="mb-1 pl-[9px] text-[0.85rem]"><a href="#go">MDB GO / CLI </a></li>
 <li class="mb-1 pl-[9px] text-[0.85rem]"><a href="#vite">Vite </a></li>
 <li class="mb-1 pl-[9px] text-[0.85rem]"><a href="#cdn">CDN </a></li>
-<li class="mb-1 pl-[9px] text-[0.85rem]"><a href="#starter">Starter </a></li>
+<li class="mb-1 pl-[9px] text-[0.85rem]"><a href="#starter">Starter (.zip)</a></li>
diff --git a/site/content/docs/standard/getting-started/quick-start/index.html b/site/content/docs/standard/getting-started/quick-start/index.html
index 6b40f7904..85cb1868a 100644
--- a/site/content/docs/standard/getting-started/quick-start/index.html
+++ b/site/content/docs/standard/getting-started/quick-start/index.html
@@ -133,7 +133,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   </div> -->
 </div>
 
-<p class="mb-2">
+<p class="mb-2" id="download-npm-step-1">
   1. Before starting the project make sure to install
   <a
     href="https://nodejs.org/en/"
@@ -150,7 +150,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   >.
 </p>
 
-<p class="mb-2">2. Run the following command to install the package via NPM:</p>
+<p class="mb-2" id="download-npm-step-2">2. Run the following command to install the package via NPM:</p>
 <div class="pt-2">
   {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install tw-elements
@@ -163,7 +163,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   <code>content</code> array with a js files pattern that loads dynamic
   component classes. The final version of the config file should look like this:
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-npm-step-3">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "tailwind.config.js" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
   module.exports = {
@@ -222,14 +222,14 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 <p class="mb-2 mt-4">
   1. To start using MDB GO / CLI install it with one command:
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-1">
   {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install -g mdb-cli
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mb-2 mt-4">2. Log into the CLI using your MDB account:</p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-2">
   {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb login
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
@@ -239,7 +239,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   3. Initialize a project and choose <strong>Tailwind Elements</strong> from the
   list:
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-3">
   {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb init tailwind-elements
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
@@ -248,21 +248,21 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 <p class="mb-2 mt-4">
   4. Install the dependencies (inside the project directory):
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-4">
   {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mb-2 mt-4">5. Run the app:</p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-5">
   {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm start
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mb-2 mt-4">6. Publish when you're ready:</p>
-<div class="pt-2">
+<div class="pt-2" id="download-mdbgo-step-6">
   {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb publish
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
@@ -300,7 +300,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   skip this step if you already have it installed.
 </p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-1">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm create vite@latest my-project 
@@ -314,7 +314,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   <code>tailwind.config.cjs</code> file.
 </p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-2">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install -D tailwindcss postcss autoprefixer 
@@ -335,7 +335,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   inside the <code>vite.config.js</code> file.
 </p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-3">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "tailwind.config.cjs" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
   /** @type {import('tailwindcss').Config} */
@@ -359,7 +359,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   also remove the default content of the <code>style.css</code> file if you
   want.
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-4">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "style.css" "" "mobile" >}}{{< twsnippet/code active=true lang="css" >}}
   @tailwind base;
@@ -382,7 +382,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 <p class="mb-2 mt-6">
   5. Link the css file inside the <code>index.html</code>.
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-5">
   {{< twsnippet/wrapper "index.html" "" "mobile" >}}{{< twsnippet/code active=true lang="HTML" >}}
   <head>
     ...
@@ -398,7 +398,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   any styles if you deleted them from <code>style.css</code>).
 </p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-6">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm run dev
@@ -407,7 +407,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 
 <p class="mb-2 mt-6">7. Install the <code>tw-elements</code> package.</p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-7">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install tw-elements
@@ -420,7 +420,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   classes by adding the <code>Tailwind Elements</code> plugin.
 </p>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-8">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "tailwind.config.cjs" "" "mobile" >}}{{< twsnippet/code active=true lang="js" >}}
   /** @type {import('tailwindcss').Config} */
@@ -452,7 +452,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
   <code>initTE({ Carousel, Datepicker, Select, Timepicker });</code>
 </div>
 
-<div class="pt-2">
+<div class="pt-2" id="download-vite-step-9">
   {{< twsnippet/wrapper "index.html,main.js" "" "mobile" >}}
   {{< twsnippet/code active=true lang="html" >}}
   <body class="dark:bg-neutral-800">
@@ -618,7 +618,7 @@ <h5 class="text-xl">Third slide label</h5>
   </div> -->
 </div>
 
-<div class="pt-2">
+<div class="pt-2" id="download-cdn-step-1">
   <!-- prettier-ignore -->
   {{< twsnippet/wrapper "index.html" "" "mobile" >}}{{< twsnippet/code active=true lang="HTML" >}}
   <link
@@ -650,7 +650,7 @@ <h5 class="text-xl">Third slide label</h5>
   Require the js bundled file right before the <code>body</code> closing tag.
   Use the <code>UMD</code> file if used without a bundler.
 </p>
-<div class="pt-2">
+<div class="pt-2" id="download-cdn-step-2">
   {{< twsnippet/wrapper "index.html" >}}{{< twsnippet/code active=true lang="HTML" >}}
   <script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/tw-elements.umd.min.js"></script>
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
@@ -673,7 +673,7 @@ <h5 class="text-xl">Third slide label</h5>
       only a demo for testing.
     </p>
     <div class="mb-10">
-      <a href="https://tailwind-elements.com/te-starter.zip">
+      <a href="https://tailwind-elements.com/te-starter.zip" id="download-zip-step-1">
         <button
           class=" mb-3 mr-1 mt-3 rounded border border-solid border-purple-500 bg-transparent px-6 py-3 text-sm font-bold uppercase text-purple-500 outline-none transition-all duration-150 ease-linear hover:bg-purple-500 hover:text-white focus:outline-none active:bg-purple-600"
           type="button">