Minimal Theme

Post with hero image

Adding subtitles couldn't be easier

Image:  Nathan Anderson
Joe Bloggs
Business man. Investor
Updated · 4 min read

To add a hero image to any blog post header, simply add the following in that posts YAML front-matter.

header:
    layout: hero # Choose hero or header
    vh: vh-50 vh-75-m vh-100-l  # Set a custom vertical height for mobile/tablet/desktop.
    navigation: fancy # Choose your navigation. Leave blank for white background nav.
    image: /assets/images/stars-large.jpg # Set a background image.
    caption: "Photo credit: [Unsplash](https://unsplash.com)" # Create captions with support for markdown urls.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh orci. Donec posuere, urna sit amet hendrerit pellentesque, massa ex commodo lorem, vel euismod mauris justo a tortor. Nunc nec eros lacus. Curabitur quis massa non neque viverra viverra. Integer feugiat lorem non velit fermentum efficitur. Cras id turpis sed ipsum egestas hendrerit consequat vel elit. Pellentesque eros sem, bibendum tempus felis ac, molestie auctor lacus. In hac habitasse platea dictumst. Nulla facilisi. Nullam mattis dui sit amet diam luctus venenatis. Donec sed pulvinar dolor. Sed purus dui, pellentesque in dolor quis, volutpat euismod nibh.

Vivamus fermentum auctor neque, a posuere felis. Vivamus vel tempor turpis, vel rutrum risus. Duis est diam, porta quis lorem id, hendrerit euismod nisi. Duis vel convallis odio. Praesent at ipsum suscipit, efficitur tellus et, laoreet justo. Aliquam erat volutpat. Aliquam erat volutpat. Suspendisse eu pretium eros. Duis ac pulvinar ante, id mollis elit. Donec pretium non ex ut volutpat. Maecenas convallis diam sed elementum gravida. Aenean imperdiet eu nisi nec dignissim. Nunc massa augue, ornare nec nisi id, bibendum maximus lectus. Sed ultrices risus sit amet purus tempus malesuada. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ipsum leo, egestas sed mi id, elementum imperdiet odio. Sed scelerisque consectetur rutrum. Nam neque nibh, luctus sed pharetra vitae, tincidunt eget turpis. Maecenas rhoncus turpis vitae ipsum ullamcorper placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pellentesque eros mauris, quis luctus magna efficitur interdum. Proin enim velit, rhoncus a molestie id, vestibulum id tortor. Vestibulum maximus leo eros, eget consequat lorem posuere cursus. Sed vestibulum enim nisi, eu sollicitudin odio pretium et. Phasellus et dictum enim. Curabitur et tellus a erat tempus cursus.

Donec porttitor tempor felis vel ullamcorper. Duis vestibulum urna leo, nec sodales diam semper sit amet. Mauris viverra semper efficitur. Vivamus commodo pretium libero eget feugiat. Nam in mattis magna. Nullam nec tellus eleifend, venenatis tellus nec, ultrices libero. Donec efficitur iaculis orci, nec ultricies sem cursus a. Morbi a dui a risus volutpat vehicula ac vel sapien. Donec volutpat lacus felis, quis congue metus hendrerit eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus purus a est cursus, porta convallis sem mollis.

Ut fringilla tellus id venenatis interdum. Phasellus quis massa suscipit, molestie ante non, dapibus nulla. Etiam ultricies leo in leo feugiat, eu faucibus nibh dignissim. Vivamus felis dui, iaculis non semper quis, consectetur nec nibh. Proin urna sem, lobortis vitae lacus in, faucibus sodales leo. Fusce interdum consequat sem gravida pulvinar. Praesent sollicitudin a eros sed molestie. In vel diam vulputate, scelerisque diam a, tristique mi. Sed at ligula dapibus diam pretium tincidunt eget eu nunc. Aliquam vehicula orci ac ultricies sollicitudin.

Fusce magna tortor, pellentesque a velit non, lacinia ullamcorper risus. Suspendisse potenti. Vivamus id libero vitae dolor sagittis laoreet. Aenean mattis dui quis velit gravida porttitor. Integer tortor urna, dignissim a posuere eu, finibus a dolor. Aliquam ut dictum ante, at scelerisque enim. Pellentesque ac urna vitae justo molestie sagittis. Aliquam id sapien dapibus, ullamcorper nunc in, maximus sapien. Etiam nec tempus turpis, sed porttitor ipsum. Sed ut dignissim ipsum. Donec imperdiet felis lobortis, tincidunt justo et, elementum massa. Nunc euismod, tortor eu maximus pretium, diam mauris suscipit augue, sed tempus nunc mauris nec elit. Morbi iaculis nec nisi euismod posuere.

Donec euismod, urna et vulputate accumsan, neque turpis tempor ex, quis vestibulum est odio vel urna. Aliquam porta lorem erat, et gravida purus euismod a. Suspendisse in ante rutrum, iaculis justo posuere, pharetra lorem. Maecenas tincidunt feugiat nisi in maximus. Sed in convallis odio. Aenean mollis felis ac ligula commodo, sit amet posuere dui condimentum. Mauris vel metus eleifend, malesuada augue a, sodales urna. Morbi egestas ante ut risus posuere pellentesque. Duis a felis vel lacus maximus malesuada sed id ante. Ut pellentesque purus ut elit elementum suscipit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ipsum leo, egestas sed mi id, elementum imperdiet odio. Sed scelerisque consectetur rutrum. Nam neque nibh, luctus sed pharetra vitae, tincidunt eget turpis. Maecenas rhoncus turpis vitae ipsum ullamcorper placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pellentesque eros mauris, quis luctus magna efficitur interdum. Proin enim velit, rhoncus a molestie id, vestibulum id tortor. Vestibulum maximus leo eros, eget consequat lorem posuere cursus. Sed vestibulum enim nisi, eu sollicitudin odio pretium et. Phasellus et dictum enim. Curabitur et tellus a erat tempus cursus.

Joe Bloggs
This is a long bio that only appears under a blog post