title: How to show retrieved data from firebase in html
body: <p>How to show the data retrieved from firebase in a  container.</p>
  
  <p>this is my code</p>
  
  <pre><code>var dbBlogs = fiebase.database.ref("users").child("blogs").orderByChild("time");
  dbBlogs.on("value", function(blogs){
      if (blogs.exists())
      {
          var container = "";
  
      blogs.forEach(function(singleBlog){
          var mDesc = singleBlog.val().desc;
          var mTime = singleBlog.val().time;
          var mDate= singleBlog.val().date;
  
          container += "&lt;div class='jumbotron bg-light text-dark border border-dark'&gt;";
  
          container += "&lt;div class='row'&gt;";
  
          container += "&lt;div class='col-sm-5'&gt; &lt;p style='color:grey;&gt;"
  
  
             +"Desc: " + mDesc;
             +"Date" + mTime;
             +"time" + mDate;
             + "&lt;/p&gt; &lt;/div&gt;";
  
              container += "/div&gt;";
          container += "/div&gt;";
  
      });
  
      $("blogs").html(container);
  
      }
  
  
  });
  </code></pre>
  
  <p>this is my database
  <a href="https://i.stack.imgur.com/SMNLu.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>Please can anyone help me, I am new </p>