mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-14 02:24:00 +01:00
4093ed32ee
This way the dimensions are not hardcoded
24 lines
1.2 KiB
HTML
24 lines
1.2 KiB
HTML
<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">
|
|
{{ partial "responsive-img" (dict "context" .
|
|
"imgPath" "/assets/img/bootstrap-themes.png"
|
|
"alt" "Bootstrap Themes"
|
|
"classes" "d-block mt-3") }}
|
|
</div>
|
|
</section>
|