<div class="modal fade" id="about_modal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <h3 class="popup_title">About yourself</h3>
            <div class="modal-body popup_contant popup_contant_social">
                <form action="{% url 'profile:about_update' %}" role="form" method="post">
                    {% csrf_token %}                    
                    {{ about_form.as_p }}
                    <div class="text-right">
                        <button style="padding:5px 20px" class="btn btn-default custom_btn submit_btn" type="submit"> Submit </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <button data-dismiss="modal" style="padding:5px 20px" class="btn btn-default custom_btn cancel_btn" type="button">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
    </button>
</div>