Hi, i hope sombody can help me...this is driving me nuts. Ive been searching for days and trying lots of different code but my images aren't showing in my for each loop... im doing something wrong but the way i normally do it somehow doesnt work anymore. im simply trting to get images from the imagepicker

This is my code HEADER:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "MasterTemplate.cshtml";
    var ListofProducts = CurrentPage.Children();

}

code

@foreach(var item in ListofProducts)
{
    <article class="portfolio-item pf-media pf-icons">
        <div class="portfolio-image">
                <a href="@item.url">
                <img alt="test" src="@item.GetPropertyValue<IPublishedContent>("Foto").url"

                </a>
            <div class="portfolio-overlay">
                <a href="images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
                <a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
            </div>
        </div>
            <div class="portfolio-desc">
                <h3><a href="portfolio-single.html">Open Imagination</a></h3>
                <span><a href="#">Media</a>, <a href="#">Icons</a></span>
            </div>
    </article>

}