diff options
Diffstat (limited to 'site/layouts/partials/home/masthead.html')
| -rw-r--r-- | site/layouts/partials/home/masthead.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html new file mode 100644 index 0000000000..4069d6378f --- /dev/null +++ b/site/layouts/partials/home/masthead.html @@ -0,0 +1,30 @@ +<main class="bd-masthead" id="content" role="main"> + <div class="container"> + <div class="row align-items-center"> + <div class="col-6 mx-auto col-md-6 order-md-2"> + {{ partial "icons/bootstrap-stack.svg" (dict "class" "img-fluid mb-3 mb-md-0" "width" "512" "height" "430") }} + </div> + <div class="col-md-6 order-md-1 text-center text-md-left pr-md-5"> + <h1 class="mb-3 bd-text-purple-bright">Bootstrap</h1> + <p class="lead"> + Build responsive, mobile-first projects on the web with the world’s most popular front-end component library. + </p> + <p class="lead mb-4"> + Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built with VanillaJS. + </p> + <div class="row mx-n2"> + <div class="col-md px-2"> + <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/introduction/" class="btn btn-lg btn-bd-primary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">Get started</a> + </div> + <div class="col-md px-2"> + <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/" class="btn btn-lg btn-outline-secondary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ .Site.Params.current_version }}');">Download</a> + </div> + </div> + <p class="text-muted mb-0"> + Currently v{{ .Site.Params.current_version }} + </p> + </div> + </div> + {{ partial "ads.html" . }} + </div> +</main> |