HTML template of the item view for used to create a SharePoint 2013 Hosted App (SPH) Single Page App (SPA).

SP2013 SPA UX Template - Item View

<div style="padding-left:5px;">
  <table class="ms-core-tableNoSpace">
    <tbody>
      <tr>
        <td>
          <div class="ms-webpart-zone ms-fullWidth">
            <div class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth">
              <div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth">
                <div width="100%" class="noindex">
                  <table>
                    <tbody>
                      <tr>
                        <td>
                          <table class="ms-formtable" style="margin-top:8px;" border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                              <tr>
                                <td nowrap="true" valign="top" width="113px" class="ms-formlabel">
                                  <h3 class="ms-standardheader"><nobr>Title</nobr></h3>
                                </td>
                                <td valign="top" width="350px" class="ms-formbody">
                                  <span dir="none">
                                    <input type="text" class="ms-long ms-spellcheck-true" />
                                    <br />
                                  </span>
                                </td>
                              </tr>
                              <tr>
                                <td nowrap="true" valign="top" width="113px" class="ms-formlabel">
                                  <h3 class="ms-standardheader"><nobr>Description</nobr></h3>
                                </td>
                                <td valign="top" width="350px" class="ms-formbody">
                                  <span dir="none">
                                    <textarea class="ms-long ms-spellcheck-true"
                                              rows="5"></textarea>
                                    <br />
                                  </span>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- footer -->
                          <table cellpadding="0" cellspacing="0" width="100%" style="padding-top:7px">
                            <tbody>
                              <tr>
                                <td width="100%">
                                  <table class="ms-formtoolbar" cellpadding="2" cellspacing="0" border="0" width="100%">
                                    <tbody>
                                      <tr>
                                        <td class="ms-toolbar" nowrap="nowrap">
                                          <table cellpadding="0" cellspacing="0">
                                            <tbody>
                                              <tr>
                                                <td nowrap="nowrap" class="ms-descriptiontext">
                                                  <span><nobr>Created at xxxxx</nobr></span>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td nowrap="nowrap" class="ms-descriptiontext">
                                                  <span><nobr>Last modified at xxxxx</nobr></span>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td width="99%" class="ms-toolbar" nowrap="nowrap">
                                          <img src="/_layouts/15/images/blank.gif" width="1" height="18" alt="">
                                        </td>
                                        <td class="ms-toolbar" nowrap="nowrap">
                                          <table cellpadding="0" cellspacing="0" width="100%">
                                            <tbody>
                                              <tr>
                                                <td align="right" width="100%" nowrap="nowrap">
                                                  <input type="button" value="Save" class="ms-ButtonHeightWidth" target="_self">
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td class="ms-separator">&nbsp;</td>
                                        <td class="ms-toolbar" nowrap="nowrap">
                                          <table cellpadding="0" cellspacing="0" width="100%">
                                            <tbody>
                                              <tr>
                                                <td align="right" width="100%" nowrap="nowrap">
                                                  <input type="button" value="Cancel" class="ms-ButtonHeightWidth" target="_self">
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>