<link rel="stylesheet" href="last/adminlte.min.css">
  <!-- summernote -->
  <link rel="stylesheet" href="last/summernote-bs4.min.css">





  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="../index3.html" class="brand-link">
      <img src="../dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light">AdminLTE 3</span>
    </a>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          <div class="card card-outline card-info">
            <div class="card-header">
              <h3 class="card-title">
                Summernote
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <textarea id="summernote">
                Place <em>some</em> <u>text</u> <strong>here</strong>
              </textarea>
            </div>
            <div class="card-footer">
              Visit <a href="https://github.com/summernote/summernote/">Summernote</a> documentation for more examples and information about the plugin.
            </div>
          </div>
        </div>
        <!-- /.col-->
      </div>>
    </section>
    <!-- /.content -->
  </div>


<!-- jQuery -->
<script src="last/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="last/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->

<!-- Summernote -->
<script src="last/summernote-bs4.min.js"></script>
<!-- CodeMirror -->

<!-- AdminLTE for demo purposes -->
<script src="last/demo.js"></script>
<!-- Page specific script -->
<script>
  $(function () {
    // Summernote
    $('#summernote').summernote()

    // CodeMirror
    CodeMirror.fromTextArea(document.getElementById("codeMirrorDemo"), {
      mode: "htmlmixed",
      theme: "monokai"
    });
  })
</script>