Landing
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>
<div class="pageTitle row">
<div class="width--wide">
<h1>
Jesus is perhaps the most influential person who has ever lived.
</h1>
<p>
Luke’s Gospel is one of the most famous historical accounts of his life. You may not identify with being religious and you might feel cautious
at the idea of reading the Bible. But the gospel of Luke is written for people like you.
</p>
</div>
</div>
<section class="row">
<div class="sectionHeading width--wide">
<h2>
Discuss
</h2>
</div>
<div class="width--wide">
<nav class="nav nav--studies">
<ul class="nav__group">
<li class="nav__item">
<a href="#"><i class="icon icon--encounter"></i> <b>Encounter</b></a>
</li>
<li class="nav__item">
<a href="#"><i class="icon icon--hope"></i> <b>Hope</b></a>
</li>
<li class="nav__item">
<a href="#"><i class="icon icon--freedom"></i> <b>Freedom</b></a>
</li>
<li class="nav__item">
<a href="#"><i class="icon icon--transformation"></i> <b>Transformation</b></a>
</li>
<li class="nav__item">
<a href="#"><i class="icon icon--love"></i> <b>Love</b></a>
</li>
<li class="nav__item">
<a href="#"><i class="icon icon--trust"></i> <b>Trust</b></a>
</li>
</ul>
</nav>
</div>
</section>
<section class="row theme--2">
<div class="sectionHeading width--wide">
<h2>
Reflect
</h2>
</div>
<div class="width--wide reflections cols--3">
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/jesus-presented-at-the-temple/d31d2e23b4-1752231692/jesus-presented-at-the-temple-thumb.png"
class="lazyload" data-sizes="auto">
<div class="card__info">
<h3>
Jesus presented at the temple
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/jesus-anointed/471699eff4-1752247686/jesus-anointed-thumb.jpg" class="lazyload"
data-sizes="auto">
<div class="card__info">
<h3>
Jesus anointed
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/jesus-presented-at-the-temple/d31d2e23b4-1752231692/jesus-presented-at-the-temple-thumb.png"
class="lazyload" data-sizes="auto">
<div class="card__info">
<h3>
Jesus anointed
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/little-children/2c06e49f10-1752247686/little-children-thumb.jpg" class="lazyload"
data-sizes="auto">
<div class="card__info">
<h3>
Little children
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/crucify-him/882e4fa4f9-1752247686/crucify-him-thumb.jpg" class="lazyload"
data-sizes="auto">
<div class="card__info">
<h3>
Crucify him! Crucify him!
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
<div class="column card">
<div class="card__inner">
<img alt="Card image alt text" src=
"https://staging.uncover.uccf.io/media/pages/luke/reflect/mourners/6c6d5da80e-1752247686/mourners-thumb.jpg" class="lazyload" data-sizes=
"auto">
<div class="card__info">
<h3>
Mourners
</h3><a class="button button--large button--more" href="#">View</a>
<div class="card__meta">
<time datetime="PT20M">20mins</time>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="row">
<div class="sectionHeading width--wide">
<h2>
Read Luke
</h2>
</div>
<div class="width--wide">
<nav role="navigation" class="nav__chapters" aria-label="Chapter Navigation">
<h3 class="fs3">
Chapter
</h3>
<ul class="chapters">
<li class="chapter">
<a href="">1</a>
</li>
<li class="chapter">
<a href="2/">2</a>
</li>
<li class="chapter">
<a href="3/">3</a>
</li>
<li class="chapter">
<a href="4/">4</a>
</li>
<li class="chapter">
<a href="5/">5</a>
</li>
<li class="chapter active">
<a href="6/">6</a>
</li>
<li class="chapter">
<a href="7/">7</a>
</li>
<li class="chapter">
<a href="8/">8</a>
</li>
<li class="chapter">
<a href="9/">9</a>
</li>
<li class="chapter">
<a href="10/">10</a>
</li>
<li class="chapter">
<a href="11/">11</a>
</li>
<li class="chapter">
<a href="12/">12</a>
</li>
<li class="chapter">
<a href="13/">13</a>
</li>
<li class="chapter">
<a href="14/">14</a>
</li>
<li class="chapter">
<a href="15/">15</a>
</li>
<li class="chapter">
<a href="16/">16</a>
</li>
<li class="chapter">
<a href="17/">17</a>
</li>
<li class="chapter">
<a href="18/">18</a>
</li>
<li class="chapter">
<a href="19/">19</a>
</li>
<li class="chapter">
<a href="20/">20</a>
</li>
<li class="chapter">
<a href="21/">21</a>
</li>
<li class="chapter">
<a href="22/">22</a>
</li>
<li class="chapter">
<a href="23/">23</a>
</li>
<li class="chapter">
<a href="24/">24</a>
</li>
</ul>
</nav>
</div>
</section>
<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>