{# Template : vacancies #}

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

{% block content %}

    <div class="contentPageWrap">

        <div class="contentSidebar js_contentSidebar">
            <h3>Categories  of downloads</h3>
            <nav>
                <ul>
                    <li><a href="#">Category name</a></li>
                    <li><a href="#">Category name</a></li>
                    <li><a href="#">Category name</a></li>
                    <li><a href="#">Category name</a></li>
                </ul>
            </nav>
        </div> <!-- / .sidebar -->

        <div class="contentWrap">
            <h1>Job Vacancies</h1>

            <ul class="vacancyList">
                <li class="vacancyItem">
                    <h2 class="dvacancyTitle">Job title goes here</h2>

                    <ul class="vacancyDetails">
                        <li><strong>Job type:</strong> Temporary</li>
                        <li><strong>Salary:</strong> Volunteer position</li>
                        <li><strong>Location:</strong> Kirkcaldy</li>
                    </ul>

                    <div class="wysiwyg">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam.</p>
                    </div>

                    <a href="#" class="button">Apply for position</a>
                </li>
                <li class="vacancyItem">
                    <h2 class="dvacancyTitle">Job title goes here</h2>

                    <ul class="vacancyDetails">
                        <li><strong>Job type:</strong> Temporary</li>
                        <li><strong>Salary:</strong> Volunteer position</li>
                        <li><strong>Location:</strong> Kirkcaldy</li>
                    </ul>

                    <div class="wysiwyg">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam.</p>
                    </div>

                    <a href="#" class="button">Apply for position</a>
                </li>

                <li class="vacancyItem">
                    <h2 class="dvacancyTitle">Job title goes here</h2>

                    <ul class="vacancyDetails">
                        <li><strong>Job type:</strong> Temporary</li>
                        <li><strong>Salary:</strong> Volunteer position</li>
                        <li><strong>Location:</strong> Kirkcaldy</li>
                    </ul>

                    <div class="wysiwyg">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam.</p>
                    </div>

                    <a href="#" class="button">Apply for position</a>
                </li>
            </ul>
        </div> <!-- / contentContainer -->
    </div> <!-- / contentPageWrap -->

{% endblock %}
