Content Page

<div class="page-header">
    <div class="row">
        <div class="large-10 columns text-center large-offset-1">
            <h1 class="page-header__title">Extras for MODX Revolution</h1>
            <p class="page-header__description">All our extras have great documentation and lifetime upgrades.<br> Our Premium Extras come with <a href="[[~45]]">unlimited support</a>, too!</p>
        </div>
    </div>
</div>
<div class="filter-bar">
    <div class="filter-bar__inner">

        <div class="filter-bar__field">
            <p class="filter-bar__label">Category:</p>
            <select class="select-field filter-bar__select" id="filter-category">
                <option value="">all</option>
                <option value="calendars">Calendars</option>
                <option value="content-editing">Content editing</option>
                <option value="dashboard-widgets">Dashboard widgets</option>
                <option value="development-and-workflow">Development &amp; workflow</option>
                <option value="ecommerce">Ecommerce</option>
                <option value="forms-and-media">Forms &amp; media</option>
                <option value="manager-enhancements">Manager enhancements</option>
                <option value="narrow-casting">Narrow casting</option>
            </select>
        </div>

        <div class="filter-bar__field">
            <p class="filter-bar__label">Type:</p>
            <div class="switch-field" id="filter-type">
                <input type="radio" id="filter-type-all" name="type-filter" value="all" checked />
                <label for="filter-type-all">All</label>
                <input type="radio" id="filter-type-premium" name="type-filter" value="premium" />
                <label for="filter-type-premium">Premium</label>
                <input type="radio" id="filter-type-free" name="type-filter" value="free" />
                <label for="filter-type-free">Free</label>
            </div>
        </div>

    </div>
</div>