details-example.html

{{ partial "header.html" . }}

{{ partial "navigation.html" . }}

<!-- Header -->
<section>
    <h1>Ninja Class</h1>
    <p>description.. description.. description.. description.. description..</p>
    <p>description.. description.. description.. description.. description..</p>
</section>

<!-- Who is it for -->
<section class="section">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <img class="img-fluid" src="https://scontent-lga3-1.xx.fbcdn.net/v/t1.0-9/30713154_1648856115203358_8752082377592195881_n.jpg?_nc_cat=0&oh=9e470bdb824bc51aed55fc9d12483eaa&oe=5C2761E1"
                    alt="">
            </div>
            <div class="col-6">
                <h2>Who is it for?</h2>
                <p>description.. description.. description.. description.. description..</p>
            </div>
        </div>
    </div>
</section>

<!-- Benefits -->
<section>
    <img src="" alt="">

    <h2>Benefits</h2>
</section>

<!-- Bullets -->
<section>
    <div>
        <h3>Bullet Column 1</h3>
        <p>description.. description.. description.. description.. description..</p>
    </div>
    <div>
        <h3>Bullet Column 2</h3>
        <p>description.. description.. description.. description.. description..</p>
    </div>
    <div>
        <h3>Bullet Column 3</h3>
        <p>description.. description.. description.. description.. description..</p>
    </div>
</section>

<!-- Payment -->
<section>
    <!-- TODO:  add in clickable dates -->
    <div></div>

    <button>Pay With Card</button>
</section>

<!-- Pictures -->
<section>

</section>


{{ partial "footer.html" . }}