Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu porta elit. Morbi eget maximus mauris. Nam bibendum mollis rhoncus. Praesent pretium, mi sit amet sollicitudin lacinia, sem elit consectetur nisi, eget egestas lectus lorem in nisi. Morbi in neque vitae velit condimentum porta eget porttitor urna. Nam fringilla, arcu sed hendrerit cursus, est eros egestas odio, sed elementum magna lorem vestibulum ipsum. Mauris quis purus convallis, sodales dolor et, condimentum elit.

 <div class="container">
    <div class="backbox">
      <div class="loginMsg">
        <div class="textcontent">
          <p class="title">Don't have an account?</p>
          <p>Sign up to save all your graph.</p>
          <button id="switch1">Sign Up</button>
        </div>
      </div>
      <div class="signupMsg visibility">
        <div class="textcontent">
          <p class="title">Have an account?</p>
          <p>Log in to see all your collection.</p>
          <button id="switch2">LOG IN</button>
        </div>
      </div>
    </div>
    <!-- backbox -->

    <div class="frontbox">
      <div class="login">
        <h2>LOG IN</h2>
        <div class="inputbox">
          <input type="text" name="email" placeholder="  EMAIL">
          <input type="password" name="password" placeholder="  PASSWORD">
        </div>
        <p>FORGET PASSWORD?</p>
        <button>LOG IN</button>
      </div>

      <div class="signup hide">
        <h2>SIGN UP</h2>
        <div class="inputbox">
          <input type="text" name="fullname" placeholder="  FULLNAME">
          <input type="text" name="email" placeholder="  EMAIL">
          <input type="password" name="password" placeholder="  PASSWORD">
        </div>
        <button>SIGN UP</button>
      </div>

    </div>
    <!-- frontbox -->
  </div>

Nulla elementum augue in justo lobortis vulputate. Aliquam at lorem id sapien convallis condimentum et non risus. Integer lobortis condimentum metus, eu pretium tellus consectetur eu. Praesent quis quam non leo imperdiet accumsan. Proin at turpis eu erat dapibus suscipit. In lacinia eget augue eu vestibulum. Praesent aliquam massa eu justo rhoncus, quis hendrerit turpis eleifend. Proin ac vulputate risus. Quisque nisl eros, porttitor ut ipsum quis, congue fermentum lacus.

 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Normal text

 

Pellentesque sollicitudin nunc id nisi ultrices, id tempor felis iaculis. Nam eleifend quis tellus nec cursus. Phasellus laoreet maximus sapien et fringilla. Sed vel vehicula eros, sit amet scelerisque nulla. Quisque metus erat, tincidunt vitae gravida posuere, sagittis ac dui. In ac erat sit amet dolor convallis vehicula finibus eget arcu.

tinymce.init({
  selector: 'textarea.tinymce',
  height: 300,
  theme: 'modern',
  plugins: 'searchreplace autolink directionality visualblocks visualchars fullscreen image link media codesample table charmap hr nonbreaking anchor insertdatetime advlist lists wordcount imagetools contextmenu',
  toolbar1: 'formatselect | bold italic | link | alignleft aligncenter alignright alignjustify  | numlist bullist table | removeformat',
  table_responsive_width: true,
  content_style: 'table { width: 100%;} tbody > tr > th:first-child { width: 300px; } th { text-align: left;}',
  invalid_styles: 'color font-size width min-width max-width height min-height max-height font-family font-weight font-style text-decoration',
  setup : function(ed){
    var timeout = 0;
    var output = document.querySelector('.output > textarea');
    ed.on('NodeChange', function(e){
      clearTimeout(timeout);
      timeout = setTimeout(function() {
        output.innerHTML = ed.getContent().replace(/(\r\n\t|\n|\r\t)/gm,"");
      }, 100);
    });
    var timeout2 = 0;
    output.addEventListener('input', function(e) {
      clearTimeout(timeout2);
      timeout2 = setTimeout(function() {
        ed.setContent( output.value );
      }, 100);
    });
  }
});

Morbi id mollis nisl. Suspendisse a leo gravida, accumsan nunc at, ornare enim. Phasellus sed tempus tortor, nec lacinia ex. Vivamus viverra sagittis molestie. Cras ac velit vitae nunc sagittis pharetra quis ut lacus. Duis mollis nec est non ullamcorper. Pellentesque tincidunt tempus nunc, ut lacinia lacus. Praesent ex est, finibus cursus commodo vel, laoreet vel metus. Maecenas a mauris sed justo gravida pulvinar.

Maecenas lacinia dignissim enim, vestibulum porta turpis rhoncus nec. Curabitur vestibulum tellus non cursus aliquet. Proin efficitur pellentesque sapien ac fermentum. Praesent lectus nisl, pulvinar id gravida id, fermentum et urna. Suspendisse ornare sodales pharetra. Aliquam risus nisl, auctor et augue nec, dictum feugiat ex. Sed ac tortor vestibulum, vehicula libero id, semper dolor. Donec vulputate libero et sem iaculis, quis tempus urna vehicula. Curabitur euismod felis nisl, sed luctus orci varius ut. Duis consectetur at erat at viverra. Phasellus eu est mollis, volutpat ante gravida, auctor magna. Etiam ut enim condimentum, interdum ipsum ut, efficitur lacus.

Praesent a ullamcorper ligula, vel hendrerit nibh. Cras vitae odio ipsum. Praesent vestibulum lectus vel dui maximus egestas. Morbi sit amet consequat urna, id varius elit. Praesent id purus id arcu placerat consequat id sed ipsum. Sed sapien ex, suscipit sit amet justo id, vehicula consectetur eros. In ut velit sit amet tellus accumsan placerat.