How to make images visible to your web application ASP.NET MVC 5?

See more:

C#

HTML5

MVC5

ASP.NET5

Hi Team

I have a folder called 'eNtsaImages' but somehow there are images inside and i am trying to access them on View side, they are not visible and when i inspect i get 404 load to failed resources. Let me share this logic with the team for support, thanks. Should i change the class name from the div a.photo?

What I have tried:

@model IEnumerable<eNtsaRegistrationTraining.Models.TrainingAcademy_Courses>

@{
    ViewBag.Title = "eNtsaList";
    Layout = "~/Views/Shared/_eNtsaPageLayout.cshtml";
}


<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="form-group row">
    @foreach (var item in Model)
    {
        <div class="col-md-4">
            <div class="row">
                <h4><span id="coursename" style="color:aquamarine">@item.CourseDetails</span></h4>
                <p><span class="glyphicon glyphicon-heart" style="color:red;pointer-events:fill" contextmenu="Added to Wishlist"></span></p>
            </div>

            <a href="@Url.Action("EachCourseDetails", "Home", item)">
                <img class="a.photo" src="~/eNtsaImages/@item.Url" style="overflow:hidden;position:relative; width:200px; height:200px; cursor:pointer" />
            </a>

            <p><a class="btn btn-primary" href="">View More »</a></p><span class="glyphicon glyphicon-shopping-cart" style="color:green"></span>
        </div>



    }

</div>