Home
HTML
<header class="site-header">
<a class="logo" href="/">Uncover</a> <input type="checkbox" id="menu-toggle" role="switch" aria-controls="menu" aria-expanded="false"> <label for=
"menu-toggle" class="hamburger" aria-label="Menu" role="button">Menu</label>
<nav class="nav" role="navigation" aria-label="Main menu" id="main-menu">
<ul class="nav__group">
<li class="nav__item selected">
<a href="/luke">Luke</a>
</li>
<li class="nav__item">
<a href="/mark">Mark</a>
</li>
<li class="nav__item">
<a href="/john">John</a>
</li>
<li class="nav__item nav__item--hl">
<a href="/about">About us</a>
</li>
</ul>
</nav>
</header>
<section class="row">
<div class="content width--wide">
<div class="column valign--middle">
<h2>
Uncover is an examination of the evidence about the life and purpose of Jesus Christ.
</h2>
<div class="button__wrapper">
<a class="button">Explore</a> <a class="button">Order Your Copy</a>
</div>
</div>
<div class="column column--2">
<figure class="video video--aspect-16-9">
<lite-youtube youtubeid="pygGug3TCaI" data-captions="false">
<img alt="Video thumbnail" src="https://img.youtube.com/vi/pygGug3TCaI/default.jpg" data-srcset=
"https://img.youtube.com/vi/pygGug3TCaI/default.jpg 120w,https://img.youtube.com/vi/pygGug3TCaI/mqdefault.jpg 320w,https://img.youtube.com/vi/pygGug3TCaI/hqdefault.jpg 480w,https://img.youtube.com/vi/pygGug3TCaI/maxresdefault.jpg 1280w"
class="lty-bg lazyload" data-sizes="auto"> <a href="https://youtube.com/watch?v=pygGug3TCaI" class="lty-playbtn" title=
"Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube>
<figcaption>
This is the (optional) video caption
</figcaption>
</figure>
</div>
</div>
</section>
<div class="row theme--2">
<div class="sectionHeading width--wide">
<h3 class="fs2">
See for yourself
</h3>
<p>
Three perspectives. One story. One central figure: Jesus of Nazareth.<br>
Explore who Jesus was and what he claimed about his purpose. See for yourself and make up your mind.
</p>
</div>
<div class="content width--wide">
<div class="column card card--panel">
<div class="card__inner">
<img alt="Card image alt text" src="/assets/img/content/luke_screenshot.png" class="lazyload" data-sizes="auto">
<div class="card__info">
<h3>
Luke
</h3>
<p>
Interview-based account
</p><a class="button button--large button--more" href="#">Explore Luke</a>
</div>
</div>
</div>
<div class="column card card--panel">
<div class="card__inner">
<img alt="Card image alt text" src="/assets/img/content/Uncover_john.s.jpg" data-srcset=
"/assets/img/content/Uncover_john.s.jpg 150w, /assets/img/content/Uncover_john.jpg 300w, /assets/img/content/Uncover_john.jpg 600w" class=
"lazyload" data-sizes="auto">
<div class="card__info">
<h3>
John
</h3>
<p>
Personal biography
</p><a class="button button--large button--more" href="#">Explore John</a>
</div>
</div>
</div>
<div class="column card card--panel">
<div class="card__inner">
<img alt="Card image alt text" src="https://www.uncover.org.uk/cms/assets/default/87.png" class="lazyload" data-sizes="auto">
<div class="card__info">
<h3>
Mark
</h3>
<p>
Fast-paced documentary
</p><a class="button button--large button--more" href="#">Explore Mark</a>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer row">
<div class="content width--wide">
<div class="column">
<a class="logo" href="/">Uncover</a>
<p>
<a href="https://uk.10ofthose.com/partners/uccf" target="_blank">Buy a printed copy of Uncover</a>
</p>
</div>
<div class="column column--4">
<nav class="nav" role="navigation" aria-label="Footer menu">
<div class="nav nav--main">
<h3 class="nav__label">
Links
</h3>
<ul class="nav__group">
<li class="nav__item">
<a href="/luke">Luke</a>
</li>
<li class="nav__item">
<a href="/mark">Mark</a>
</li>
<li class="nav__item">
<a href="/john">John</a>
</li>
<li class="nav__item nav__item--hl">
<a href="/about">About us</a>
</li>
</ul>
</div>
<div class="nav nav--socials" role="navigation">
<h3 class="nav__label">
Socials
</h3>
<ul class="nav__group">
<li class="nav__item">
<a href="https://www.facebook.com/UncoverJesus">Facebook</a>
</li>
<li class="nav__item">
<a href="https://twitter.com/UncoverJesus">Twitter</a>
</li>
<li class="nav__item">
<a href="https://www.youtube.com/channel/UCr-8Oj6L1byAQvoAuXmOqzg">YouTube</a>
</li>
<li class="nav__item">
<a href="https://www.instagram.com/uncoverjesus/">Instagram</a>
</li>
</ul>
</div>
<div class="nav nav--info" role="navigation">
<h3 class="nav__label">
Information
</h3>
<ul class="nav__group">
<li class="nav__item">
<a href="/terms/">Terms & Conditions</a>
</li>
<li class="nav__item">
<a href="/cookies/">Cookie Policy</a>
</li>
</ul>
</div>
</nav>
<p>
<small>These resources have been developed to help you engage with the narrative of the gospels. They are produced by UCCF: The Christian
Unions – hundreds of university Christian Unions across Britain. We exist to give every student on campus an opportunity to hear about
Jesus.</small>
</p>
<p>
<small>Copyright © UCCF: The Christian Unions</small>
</p>
<p>
<small>Gospels of Mark, John and Luke taken from the Holy Bible, New International Version®, Anglicized, NIV® Copyright © 1979, 1984, 2011 by
Biblica, Inc.® Used by permission. All rights reserved worldwide.</small>
</p>
</div>
</div>
</footer>