2018-11-05 12:24:55 +01:00
---
layout: examples
title: Cover Template
extra_css: "cover.css"
body_class: "text-center"
include_js: false
---
< div class = "cover-container d-flex w-100 h-100 p-3 mx-auto flex-column" >
< header class = "masthead mb-auto" >
< div class = "inner" >
< h3 class = "masthead-brand" > Cover< / h3 >
< nav class = "nav nav-masthead justify-content-center" >
< a class = "nav-link active" href = "#" > Home< / a >
< 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 >
< main role = "main" class = "inner cover" >
< h1 class = "cover-heading" > Cover your page.< / h1 >
< 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" >
< a href = "#" class = "btn btn-lg btn-secondary" > Learn more< / a >
< / p >
< / main >
< footer class = "mastfoot mt-auto" >
< div class = "inner" >
< p > Cover template for < a href = "https://getbootstrap.com/" > Bootstrap< / a > , by < a href = "https://twitter.com/mdo" > @mdo< / a > .< / p >
< / div >
< / footer >
< / div >