contactForm03.html

<div class="panel panel-primary">
    
    <div class="panel-heading">Contact Form</div>
    <div class="panel-body">
        <form class="form-horizontal" role="form" id="contactForm" name="contactForm">

            <div class="form-group">
                <label for="firstName" class="col-sm-3 control-label">First Name</label>
                <div class="col-sm-6">
                    <input type="text" id="firstName" name="firstName" class="form-control"
                           ng-model="contact.firstName" ng-required="true" placeholder="First Name" />

                </div>
            </div>
            <div class="form-group">
                <label for="lastName" class="col-sm-3 control-label">Last Name</label>
                <div class="col-sm-6">
                    <input type="text" id="lastName" name="lastName" class="form-control"
                           ng-model="contact.lastName" ng-required="true" placeholder="Last name" />
                </div>
            </div>

            <div class="form-group">
                <label for="email" class="col-sm-3 control-label">Email</label>
                <div class="col-sm-6">
                    <input type="email" id="email" name="email" class="form-control"
                           ng-model="contact.email" ng-required="true" placeholder="email" />
                </div>
            </div>

            <div class="form-group">
                <label for="mobile" class="col-sm-3 control-label">Mobile #</label>
                <div class="col-sm-6">
                    <input type="text" id="mobile" name="mobile" class="form-control"
                           ng-model="contact.mobile" placeholder="Mobile #" />
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-4 col-md-offset-3 col-sm-3 col-sm-offset-3 ">
                    <button id="cancelSave" name="cancelSave" class="btn btn-warning" 
                            ng-click="cancel()"><i class="glyphicon glyphicon-thumbs-down"></i> Cancel</button>
                    <button id="submitButton" name="submitButton" class="btn btn-primary" 
                            ng-click="saveContact()"><i class="glyphicon glyphicon-thumbs-up"></i> Save</button>

                    <button id="deleteButton" name="submitForm" class="btn btn-danger"
                            data-ng-show="isEdit"
                            ng-click="modalDelete('md',contact)">
                        
                        <i class="glyphicon glyphicon-trash"></i> Delete
                    </button>

                </div>
            </div>
        </form>
    </div>
</div>