Load article details in popup modal

I need your help in something I am working.I have built a landing page and I have a section with articles.Each article has a button which I want to open a popup modal(not new window) with the whole article information.For now, I won't retrieve article information from the database(I believe I shall use AJAX for doing this).This is the articles section:

<div class="container" style="background-color: #f3f3f3;">
      <h2 style="font-family: Myriad Pro">Άρθρα</h2>
         <div class="row top-buffer">
            <div class="col-md-6">
            <img class="img-rounded" src="img/strawberry-wallpaper.jpg" alt="MyImage" width="550px" height="240px">
            </div>
      <div class="col-md-6">
      <h3>Συμπληρώματα Διατροφής και τα Οφέλη τους</h3>
      <p class="well">Είναι σημαντικό να διευκρινήσουμε ότι ως “Συπληρώματα Διατροφής” 
             ορίζονται συμπυκνωμένες τροφές που έχουν σκόπο να συμπληρώσουν 
             την διατροφή μας με τα απαραίτητα θρεπτικά συστατικά. Ο συγκεριμένος 
             όρος έχει υποστεί μεγάλη κατάχρηση και καλό είναι να θυμόμαστε ότι οτιδήποτε 
             δεν μπορεί να θεωρηθεί τροφή εξ ορισμού δεν μπορεί να συμπληρώσει τη διατροφή μας.<p>

     <div class="row top-buffer">

    <div class="col-md-5 col-md-offset-1">
    <img src="img/link_icon.png" class="img-rounded" width="20px" height="20px"/>
    <a href="www.google.com">www.google.com</a>
   </div>
    <div class="col-md-6">

<a><button class="btn btn-primary pull-right">Περισσότερα...</button></a>


                     </div>

                  </div>

          </div>
       </div>