How to create a div dynamically using database data

I have an administration page called ( admin.aspx ) with a table that has data that I will fetch from my SQL Server database. My idea is in this page I select the data that I need and at the click of a button, create a div dynamically in the page ( filmes.aspx ) with the data that I selected in the previous page, but I can not do it. The layout of the div I have in mind is as follows:

<div class="row">
  <div class="col-md-7">
    <a href="portfolio-item.html">
      <img class="img-responsive img-hover" src="http://placehold.it/700x300"alt="">
    </a>
  </div>
  <div class="col-md-5">
    <h3>Titulo</h3>
    <h4>Ano de Lançamento</h4>
    <p>Sinopse</p>
    <a class="btn btn-primary" href="portfolio-item.html">Mais detalhes</i></a>
  </div>
</div>

That is, from the page ( admin.aspx ) I want to search the title values, release year, synopsis and replace in the div I have above as an example. All this happening dynamically, that is, the data stays on the page always does not disappear when I finish the program and I also want to continue adding divs without replacing the data of the previous one.