2018-11-05 12:24:55 +01:00
---
layout: examples
title: Cover Template
2019-01-08 17:33:28 +01:00
extra_css:
- "cover.css"
2019-07-22 16:02:03 +02:00
html_class: "h-100"
body_class: "d-flex h-100 text-center text-white bg-dark"
2018-11-05 12:24:55 +01:00
include_js: false
---
< div class = "cover-container d-flex w-100 h-100 p-3 mx-auto flex-column" >
2019-07-22 16:02:03 +02: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 12:18:30 +01:00
< a class = "nav-link active" aria-current = "page" href = "#" > Home< / a >
2018-11-05 12:24:55 +01:00
< a class = "nav-link" href = "#" > Features< / a >
< a class = "nav-link" href = "#" > Contact< / a >
< / nav >
2013-12-08 08:23:41 +01:00
< / div >
2018-11-05 12:24:55 +01:00
< / header >
2020-03-09 14:37:46 +01:00
< main class = "px-3" >
2019-07-22 16:02:03 +02:00
< h1 > Cover your page.< / h1 >
2018-11-05 12:24:55 +01: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-10-31 18:27:30 +01:00
< a href = "#" class = "btn btn-lg btn-secondary fw-bold border-white bg-white" > Learn more< / a >
2018-11-05 12:24:55 +01:00
< / p >
< / main >
2019-07-22 16:02:03 +02: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 12:24:55 +01:00
< / footer >
< / div >
