Hi, I am making a page where all blog posts are displayed. When you click on the post, you must be sent to the page with the post. The first one works fine but when I click on the link that will send me to the post, I will be sent to an empty page. How do i do it??

My partial view that runs through all posts.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{
    var selection = Model.Content.Site().FirstChild("blog").Children("blogIndlaeg")
                        .Where(x => x.IsVisible());
}
<div class="container">
    <div class="row">
            <!-- Blog titel -->
            @Umbraco.Field("blogTitel")
            <br />
            @foreach(var item in selection){

            <!-- blog teaser -->
            @Umbraco.Field("blogTeaser")
            <br />
            <!-- Henter alle blog billederne -->
            <a href="@item.Url">
                @{
                    var blogImage = item.GetPropertyValue<IPublishedContent>("fremhaevetBillede");
                    if (blogImage != null)
                    {
                        <img src="@blogImage.Url" class="img-responsive"style="width: 25%;"/>
                    }
                }
                </a>
            <br />
            <h4>@item.Name</h4>
            <br/>
            <a href="@item.Url">Læs mere</a>
            <hr>

    }

    </div>
</div>

The page where the specific post is displayed.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage<ContentModels.BlogIndlaeg>
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "Master.cshtml";
}
<div class="container">
    <div class="row">
   <!-- The blot title -->
@Umbraco.Field("blogTitel")
<br />
<!-- The blog text -->
@Umbraco.Field("bodyTekst")
    </div>
</div>