diff options
Diffstat (limited to 'site/layouts/partials/home/themes.html')
| -rw-r--r-- | site/layouts/partials/home/themes.html | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/site/layouts/partials/home/themes.html b/site/layouts/partials/home/themes.html new file mode 100644 index 0000000..3e286f2 --- /dev/null +++ b/site/layouts/partials/home/themes.html @@ -0,0 +1,23 @@ +<section class="row g-3 g-md-5 pb-md-5 mb-5 align-items-center"> + <div class="col-lg-6"> + <div class="masthead-followup-icon d-inline-block mb-3" style="--bg-rgb: var(--bd-violet-rgb);"> + {{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "32") }} + </div> + <h2 class="display-5 mb-3 fw-semibold lh-sm">Make it yours with official Bootstrap Themes</h2> + <p class="lead fw-normal"> + Take Bootstrap to the next level with premium themes from the <a href="{{ .Site.Params.themes }}">official Bootstrap Themes marketplace</a>. Themes are built on Bootstrap as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools. + </p> + <p class="d-flex justify-content-start lead fw-normal mb-md-0"> + <a href="{{ .Site.Params.themes }}" class="icon-link icon-link-hover fw-semibold"> + Browse Bootstrap Themes + <svg class="bi"><use xlink:href="#arrow-right"></use></svg> + </a> + </p> + </div> + <div class="col-lg-6"> + <img class="img-fluid mt-3 mx-auto" srcset="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png, + /docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes@2x.png 2x" + src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png" + alt="Bootstrap Themes" width="700" height="500" loading="lazy"> + </div> +</section> |