{# Template : List #}

{% extends 'chop/layouts.twig' %}

{% block content %}

<div class="pageWrap">

    {% include 'navigation/breadcrumbs.twig' %}

    {% include 'includes/elements/title_wrap.twig' %}

    <div class="contentPageWrap">

        <div class="contentSidebar js_contentSidebar">
            <h3>Subpages</h3>
            <nav>
                <ul>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                </ul>
            </nav>
        </div> <!-- .contentSidebar -->

        <div class="contentWrap">

            <ul class="list">

                <li>
                    <div class="listLeft">
                        <h2>Project name here</h2>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor...</p>
                    </div>
                    <div class="listRight">
                        <a href="#" class="buttonAlt">Project info</a>
                    </div>
                </li>

                <li>
                    <div class="listLeft">
                        <h2>Project name here</h2>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor...</p>
                    </div>
                    <div class="listRight">
                        <a href="#" class="buttonAlt">Project info</a>
                    </div>
                </li>

                <li>
                    <div class="listLeft">
                        <h2>Project name here</h2>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor...</p>
                    </div>
                    <div class="listRight">
                        <a href="#" class="buttonAlt">Project info</a>
                    </div>
                </li>

                <li>
                    <div class="listLeft">
                        <h2>Project name here</h2>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor...</p>
                    </div>
                    <div class="listRight">
                        <a href="#" class="buttonAlt">Project info</a>
                    </div>
                </li>

            </ul> <!-- .list -->

        </div> <!-- .contentWrap -->

    </div> <!-- .contentPageWrap -->

</div> <!-- .pageWrap -->

{% endblock %}
