2018-11-05 19:24:55 +08:00
---
layout: examples
title: Cover Template
2019-01-09 00:33:28 +08:00
extra_css:
- "cover.css"
2019-07-22 22:02:03 +08:00
html_class: "h-100"
body_class: "d-flex h-100 text-center text-white bg-dark"
2018-11-05 19:24:55 +08:00
include_js: false
---
< div class = "cover-container d-flex w-100 h-100 p-3 mx-auto flex-column" >
2019-07-22 22:02:03 +08:00
< header class = "mb-auto" >
< div >
< h3 class = "float-md-left mb-0" > Cover< / h3 >
< nav class = "nav nav-masthead justify-content-center float-md-right" >
2020-02-07 19:18:30 +08:00
< a class = "nav-link active" aria-current = "page" href = "#" > Home< / a >
2018-11-05 19:24:55 +08:00
< a class = "nav-link" href = "#" > Features< / a >
< a class = "nav-link" href = "#" > Contact< / a >
< / nav >
2013-12-08 15:23:41 +08:00
< / div >
2018-11-05 19:24:55 +08:00
< / header >
2020-03-09 21:37:46 +08:00
< main class = "px-3" >
2019-07-22 22:02:03 +08:00
< h1 > Cover your page.< / h1 >
2018-11-05 19:24:55 +08:00
< p class = "lead" > Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.< / p >
< p class = "lead" >
2020-11-01 01:27:30 +08:00
< a href = "#" class = "btn btn-lg btn-secondary fw-bold border-white bg-white" > Learn more< / a >
2018-11-05 19:24:55 +08:00
< / p >
< / main >
2019-07-22 22:02:03 +08:00
< footer class = "mt-auto text-white-50" >
< p > Cover template for < a href = "https://getbootstrap.com/" class = "text-white" > Bootstrap< / a > , by < a href = "https://twitter.com/mdo" class = "text-white" > @mdo< / a > .< / p >
2018-11-05 19:24:55 +08:00
< / footer >
< / div >
