a.html

<section class="col">
    <ul>
        <li class="row l-2">
            <p class="col">
                {{ form.first_name.label_tag }}
                {{ form.first_name }}
                <span class="error">This field is required</span>
            </p>
            <p class="col">
                {{ form.last_name.label_tag }}
                {{ form.last_name }}
                <span class="error">This field is required</span>
            </p>
        </li>
        <li class="row l-2">
            <p class="col">
                <label> class<span class="req">*</span></label>
                {{ form.username.label_tag }}
                {{ form.username }}
                <span class="error">This field is required</span>
            </p>
            <p class="col">
                {{ form.email.label_tag }}
                {{ form.email }}
                <span class="error">This field is required</span>
            </p>
        </li>
        <li class="row l-2">
            <p class="col">
                {{ form.password.label_tag }}
                {{ form.password }}
                <span class="error">This field is required</span>
            </p>
        </li>
        <li>
            <p class="ttr">
                <button type="submit" class="btn-submit">Submit</button>
            <p>
        </li>
    </ul>
</section>

b.html

<section class="col">
    <ul>
        <li>
            {{ form.biography.label_tag }}
            {{ form.biography }}
            <span class="error">This field is required</span>
        </li>
        <li class="row l-2">
            <p class="col l-3">
                <label>DOB</label>
                <span class="f-bday-picker">
                    {{ form.date_of_birth }}
                    <span class="error">This field is required</span>
                </span>
            </p>
            <p class="col switcher">
                <label>{{ form.gender.label }}</label>
                {{ form.gender }}
                <span class="error">This field is required</span>
            </p>
        </li>
        <li class="row l-2">
            <label>From</label>
            <p class="col">
                <label for="{{ form.country.auto_id }}" class="hidden">{{ form.country.label }}</label>
                {{ form.country }}

                <label for="{{ form.city.auto_id }}" class="hidden">{{ form.city.label }}</label>
                {{ form.city }}
                <span class="error">This field is required</span>
            </p>
        </li>
        <li>
            <p class="ttr">
                <button type="submit" class="btn-submit">Submit</button>
            <p>
        </li>
    </ul>
</section>

{% endblock %}

{% block profile-edit-aside %}

<aside class="col">
    <ul>
        <li>
            <label for="avatar">Picture</label>
            <label class="f-filepicker">
                {% if user.profile.avatar == "avatar/undefined.jpg" %}
                    <em>Upload a Picture</em>
                {% endif %}
                <img src="{% thumbnail user.profile.avatar 206x206 crop="smart" quality=95 %}" />
                <input type="file" name="avatar" class="avatar">
            </label>
            <span class="error">This field is required</span>
        </li>
        <li>
            <strong class="label">Social connections</strong>
            <div class="m-social editable">
                <ul>
                    <li{% if not user.profile.github %} class="disabled"{% endif %}>
                        <a href="#" class="ico"><i class="github"></i></a>
                    </li>
                    <li{% if not user.profile.twitter %} class="disabled"{% endif %}>
                        <a href="#" class="ico"><i class="twitter"></i></a>
                    </li>
                    <li{% if not user.profile.facebook %} class="disabled"{% endif %}>
                        <a href="#" class="ico"><i class="facebook"></i></a>
                    </li>
                    <li{% if not user.profile.linkedin %} class="disabled"{% endif %}>
                        <a href="#" class="ico"><i class="linkedin"></i></a>
                    </li>
                </ul>

                <ul class="edition">
                    <li>
                        {{ form.github }}
                    </li>
                    <li>
                        {{ form.twitter }}
                    </li>
                    <li>
                        {{ form.facebook }}
                    </li>
                    <li>
                        {{ form.linkedin }}
                    </li>
                </ul>
            </div>
        </li>
        <li class="switcher">
            <label>{{ form.newsletter.label }}</label>
            {{ form.newsletter }}
            <span class="error">This field is required</span>
        </li>
        <li class="switcher">
            <label>Are you looking for a Job?</label>
            {{ form.looking_for_job }}
        </li>
    </ul>
</aside>