Content only

<div class="modal">
  <div class="modal-bg"></div>
  <div class="modal-content">
    <h2 class="size-3">Content only</h2>
    <p>A number of molecules create wonderful substances. I want to be such a thing.</p>
  </div>
</div>
            

Header & Footer

<div class="modal">
  <div class="modal-bg"></div>
  <div class="modal-card">
    <header>
      <p class="modal-title">Modal Title</p>
    </header>
    <div class="modal-body">
      Contents
    </div>
    <footer>
      <button class="btn bg-info border round">All right</button>
      <button class="btn bg-danger border round" id="cancel">Cancel</button>
    </footer>
  </div>
</div>
            

Attention

Molecule does not include JavaScript. Please prepare by yourself.