Controller: 

    public class StoreController : Controller
    {
        public IActionResult Index()
        {
            var items = new List<Pack>()
            {
                new Pack(){ Name="A", Slug="S1", ImagePath="/images/Image1.png", Price=20},
                new Pack(){ Name="B", Slug="S2", ImagePath="/images/Image2.png", Price=21},
                new Pack(){ Name="C", Slug="S3", ImagePath="/images/image3.png", Price=22},
                new Pack(){ Name="D", Slug="S4", ImagePath="/images/image4.png", Price=23},
            };
            return View(items);
        }
        [HttpGet]
        public IActionResult PackDetails(string packSlug)
        {
            return Ok("The selelcted PackSlug: " + packSlug);
        }
    }

Index.cshtml

@model List<MVCWebApplication.Models.Pack>

@if (Model.Count > 0)
 {
     foreach (var item in Model)
     {
         <div class="col-xl-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
             <div class="icon-box bg-transparent">
                 <div class="icon"></div>
                 <h4 class="text-center">
                     @item.Name
                 </h4>
                 <a asp-route="PackDetails" onclick="OpenCard(this)" data-packslug="@item.Slug" asp-route-packSlug="@item.Slug">
                     <img src="@item.ImagePath" class="d-block w-100" style="width:50px; height:50px" alt="..." />
                 </a>
                 <span class="float-end">$@item.Price</span> 
             </div>
         </div>
     }
 }

 @section Scripts{ 
     <script type="text/javascript">
        function OpenCard(e) {
            event.preventDefault(); //prevent the hyperlink default action.
            //get the attribute.
            var slug = $(e).attr("data-packslug");
            var requesturl = "/Store/PackDetails?packSlug="+ slug;
            $.ajax({
             type: 'GET',
             url: requesturl, 
             success: function(result) {
                  alert(result);
                  //$('#modal-open-content').html(result);
                 //$('#modal-open').modal('show');
             },
             error: function(e) {
                 alert(e);
             }
         });
        } 
     </script>
 }