<div class="col-10 offset-md-1 context-main-bg p-4 my-5">
    <legend class="text-center">Suggestions</legend>
    <hr>
    {LOOP}
        <div class="blog-post p-2">
            <h2 class="blog-post-title"><a href="{ROOT_URL}suggestions/view/{ID}" class="text-decoration-none atb-green">{title}</a></h2>
            <div class="well">
                {suggestion}
                <p class="blog-post-meta">
                    Suggested on <i>{DTC date}{suggestedOn}{/DTC}</i> by <a href="{ROOT_URL}home/profile/{author}" class="text-decoration-none atb-green"><strong>{submittedBy}</strong></a>
                </p>
            </div>
        </div>
        <div class="col-6 offset-3 my-2">
            <hr>
        </div>
    {/LOOP}
    {ALT}
        <div class="blog-post">
            <p class="blog-post-meta py-3 text-center">No Suggestions Found.</p>
        </div>
    {/ALT}
    <div class="text-center">
        <a href="{ROOT_URL}suggestions/create" class="btn btn-lg btn-primary atb-green-bg" role="button">Make a Suggestion</a>
    </div>
</div>