cropbox-complete01

gistfile1.html

<div class="container-fluid profile-canopy">
    <div class="row">
        <div class="profile-canopy-bg bg-public">
            <img alt src="http://i.imgur.com/Dbqggm5.jpg"/>
            <button ng-show="isAuthor()" ng-click="editBackground()" type="button" class="btn btn-primary btn-lg btn-bg-edit">Edit</button>
        </div>
        <div class="canopy-bg-edit hidden">
            <div class="profile-canopy-bg imageBox-bg">
                <div class="action">
                    <input type="file" id="bg-file" style="float:left; width: 250px">
                    <input type="button" id="bg-btnCrop" value="Crop" class="btn btn-primary" style="float: right">
                    <input type="button" id="bg-btnCancel" value="Cancel" class="btn btn-danger" style="float: right">
                    <input type="button" id="bg-btnZoomIn" value="+" class="btn btn-default" style="float: right">
                    <input type="button" id="bg-btnZoomOut" value="-" class="btn btn-default" style="float: right">
                </div>
            </div>
        </div>
</div>