<div class="section-heading">
    <h2>Recent Content</h2>
</div>
{{range first 3 .Site.RegularPages}}
<section class="recent">
    <a href="{{.Permalink}}">
        {{if .Params.video}}
            <video controls>
                <source src="{{.Params.video}}">
            </video>
        {{else}}
        <img src="{{.Params.image}}">
        {{end}}
    </a>
    <div>
    <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
    <p>{{.Params.description}}</p>
    </div>
</section>
{{end}}
{{if .Site.Data.details.featured}}
<div class="section-heading">
    <h2>Featured</h2>
</div>
{{ range .Site.Data.details.featured}}
<section class="featured">
        <a href="{{.href}}">
            <img src="{{.img}}">
        </a>
        <div>
            <a href="{{.href}}">
                <h3>{{.title}}</h3>
            </a>
            <p>{{.description}}</p>
        </div>
</section>
{{end}}
{{end}}