title: Get JSON data to HTML file
body: <p>whats up? I'm new to web developer and a start make a database for mangas! So, to start i create a php file with a card grid and i need a json file with a manga database to import to card like:</p>
  
  <ul>
  <li>"image"</li>
  <li>"name" </li>
  <li>"category" </li>
  <li>"downlaod_link"</li>
  </ul>
  
  <p><strong>!This is one simple card!</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-3 col-md-4 col-sm-6 portfolio-item"&gt;
        &lt;div class="card h-100"&gt;
          &lt;a href=" |manga_link| "&gt;&lt;img class="card-img-top" src=" |manga_img_src| "&gt;&lt;/a&gt;
          &lt;div class="card-body"&gt;
            &lt;h4 class="card-title"&gt;
              &lt;a href="#"&gt; |manga_title| &lt;/a&gt;
            &lt;/h4&gt;
            &lt;p class="card-text"&gt; |manga_category| &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>!And this is my json file! I place just the necessary line because is a big file!</strong></p>
  
  <pre><code>[
      {
      "name": "example name",
      "author": " example author",
      "category": "example category",
      "img_link": "example.com/dist/img/junjo_cover.png"
      "manga_link": "example.com/junjo.html"
      },
  ]
  </code></pre>
  
  <p>Now i need link this json file to my card grid! </p>
  
  <p><strong><em>How I can do this? Jquery, Ajax? and How to?</em></strong></p>
  
  <p>I pick an example from the web <a href="https://i.stack.imgur.com/DhH1F.png" rel="nofollow noreferrer">example card grib 4 col</a></p>