title: popup a html file on click
body: <p>I am trying to open a html page when clicking on a link as pop-up
  I am a layman in html. I tried to read many sources with the method like lightbox, jquery etc..which I am not at all familiar with.</p>
  
  <p>Currently, I have the page(poem.html), which goes to 2nd page (jbn.html). But I want it to be popped up. </p>
  
  <p>For html5, I found dialogue is the standard method, but the example I found does not include external html file. I have to write everything inside the dialogue tag. But, for my purpose, it would be better if I can popup an external file.
  The minimal example for this is:</p>
  
  <p><strong>poem.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
        &lt;head&gt;
          &lt;title&gt;Bangla Kobita&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
          &lt;div id="container"&gt;
            &lt;div id="header"&gt;
            &lt;div id="content"&gt;
             &lt;h3&gt;XYZ&lt;/h3&gt;
              &lt;ol&gt;
                 &lt;li&gt;&lt;a href="jbn.html"&gt;abc&lt;/a&gt;&lt;/li&gt;
              &lt;/ol&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>jbn.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;title&gt;Bangla Kobita&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="container"&gt;
    &lt;div id="header"&gt;
      &lt;div id="content"&gt;
        &lt;h2&gt;jbn&lt;/h2&gt;
        &lt;h3&gt;xyz&lt;/h3&gt; 
       some text here
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Being a novice, I have not managed to open the html file as popup.</p>
  
  <p>I have, after days of hard work, manged to open a image file as popup with:</p>
  
  <pre><code>      &lt;div class="lb-overlay" id="jbn"&gt;
      &lt;img src="kobita/jbn.png" alt="jbn" class="poems"/&gt;
      &lt;a href="poem.html" class="lb-close"&gt;Close&lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>where lb-* is defined in a css. 
  But I cant open a html file.</p>
  
  <p>Kindly help.</p>