From d262a50c1fa5a3cac2f43512943d326c41ffba81 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sun, 17 Jul 2022 20:52:30 -0700
Subject: Add links to Webpack, Parcel, and Vite guides on homepage (#36760)

---
 site/layouts/partials/home/masthead-followup.html |  19 +++++++++++++++++++
 site/static/docs/5.2/assets/img/parcel.png        | Bin 0 -> 6126 bytes
 site/static/docs/5.2/assets/img/vite.png          | Bin 0 -> 4072 bytes
 site/static/docs/5.2/assets/img/webpack.png       | Bin 0 -> 1906 bytes
 4 files changed, 19 insertions(+)
 create mode 100644 site/static/docs/5.2/assets/img/parcel.png
 create mode 100644 site/static/docs/5.2/assets/img/vite.png
 create mode 100644 site/static/docs/5.2/assets/img/webpack.png

diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index 3dc8cb482..00a9e3367 100644
--- a/site/layouts/partials/home/masthead-followup.html
+++ b/site/layouts/partials/home/masthead-followup.html
@@ -41,6 +41,25 @@
 <script src="%s" integrity=%q crossorigin="anonymous"></script>
 `) .Site.Params.cdn.js_bundle (.Site.Params.cdn.js_bundle_hash | safeHTMLAttr)) "html" "" }}
     </div>
+
+    <div class="col-md-8 mx-auto text-center">
+      <h4 class="fw-semibold">Read our getting started guides</h4>
+      <p>Get a jump on including Bootstrap's source files in a new project with our official guides.</p>
+      <div class="d-flex flex-wrap align-items-center justify-content-center gap-4 mt-4">
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/webpack">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/webpack.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Webpack</span>
+        </a>
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/parcel">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/parcel.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Parcel</span>
+        </a>
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/vite">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/vite.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Vite</span>
+        </a>
+      </div>
+    </div>
   </section>
 
   <section class="col-lg-7 mb-5">
diff --git a/site/static/docs/5.2/assets/img/parcel.png b/site/static/docs/5.2/assets/img/parcel.png
new file mode 100644
index 000000000..899b29c7b
Binary files /dev/null and b/site/static/docs/5.2/assets/img/parcel.png differ
diff --git a/site/static/docs/5.2/assets/img/vite.png b/site/static/docs/5.2/assets/img/vite.png
new file mode 100644
index 000000000..87b844b6c
Binary files /dev/null and b/site/static/docs/5.2/assets/img/vite.png differ
diff --git a/site/static/docs/5.2/assets/img/webpack.png b/site/static/docs/5.2/assets/img/webpack.png
new file mode 100644
index 000000000..ed1719b81
Binary files /dev/null and b/site/static/docs/5.2/assets/img/webpack.png differ
-- 
cgit v1.2.3