1<div class="modal-dialog" role="document">
 2  <div class="modal-content">
 3    <div class="modal-header">
 4      <h5 class="modal-title">Upload Photo</h5>
 5      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 6        <span aria-hidden="true">&times;</span>
 7      </button>
 8    </div>
 9    <div class="modal-body">
10      <form class="form-horizontal">
11        <span class="btn btn-default btn-file">
12          <input id="photo-attachment" name="attachment" type="file" accept="image/*">
13        </span>
14        <input id="watermark" name="watermark" maxlength="30" size="30" type="text" placeholder="watermark" class="form-control" />
15        <small class="form-text muted"> on CakeSide.com</small>
16      </form>
17      <img id="preview-image" src="#" alt="your image" class="hide" />
18    </div>
19    <div class="modal-footer">
20      <button id="upload-photo-button" type="button" class="btn btn-primary">Save changes</button>
21      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
22    </div>
23  </div>
24</div>