@using StudentCatalog.Models
@model IEnumerable<StudentCatalog.Models.Student>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<div class=" col-lg-2 col-md-3 col-sm-12 hidden-xs">LALALA</div>
<div class="col-lg-10 col-md-9 col-sm-12">
    @foreach (Student student in Model)
    {
        <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6">
            <a href="@Url.Action("Edit", "Students", new { studentId = student.StudentId })">
                <img src="@student.ProfileImagePath" alt="Profile Image" title="@student.Firstname" />
            </a>

            <div class="student-info">
                @Html.DisplayFor(modelItem => student.Firstname)
            @Html.DisplayFor(modelItem => student.Lastname)
            <br />
            @Html.DisplayFor(modelItem => student.Email)
            <br />
            @Html.DisplayFor(modelItem => student.MobilePhone)
        </div>


    </div>
    }

</div>