./../css/plugins/code_view.css">

  <style>
    body {
      text-align: center;
    }

    div#editor {
      width: 81%;
      margin: auto;
      text-align: left;
    }

    div#froala-details {
      text-align: left;
    }
  </style>
</head>

<body>
  <div id="editor">
    <div id="edit" style="margin-top: 30px;">
      <h1>TUI Image integration</h1>

      <img class="fr-fir fr-dii" src="../../../img/photo1.jpg" alt="Old Clock" width="300" />

      <p>Click on the image then apply rich image editing