Forms

<form class="c-panel c-panel--light">
    <p>Maybe add a light panel, entirely optional</p>
    <div class="c-formfield">
        <label class="c-formfield__label">Field label</label>
        <select class="c-select">
            <option value="optval1">Option one</option>
            <option value="optval2" selected>Option two</option>
            <option value="optval3">Option three</option>
            <option value="optval4">Option four</option>
        </select>

    </div>

    <div class="c-formfield">
        <label class="c-formfield__label">A text field</label>
        <input type="text" value=" " class="c-textinput">

    </div>

    <div class="c-formfield">
        <label class="c-formfield__label">Field label</label>
        <div class="c-choices ">
            <div class="c-choice">
                <input type="checkbox" id="choice0" class="c-checkbox" name="">
                <label for="choice0">The choice thing is useful for when there is a long label, so long the text might possibly wrap.</label>
            </div>
            <div class="c-choice">
                <input type="radio" id="choice1" class="c-radio" name="radiogroupname">
                <label for="choice1">It can contain radios or checkboxes</label>
            </div>
            <div class="c-choice">
                <input type="radio" id="choice2" class="c-radio" name="radiogroupname">
                <label for="choice2">It can contain radios or checkboxes</label>
            </div>
        </div>

    </div>

    <button class="c-btn c-btn--primary c-btn--green">submit</button>
</form>