@layout('content.master')
@section('head')
    <title>Home Page</title>
@stop
@section('content')

    <div class="nav-backed-header parallax">
        <div class="container" style="height: 55px;">

        </div>
    </div>

    <div class="main" role="main">
        <div id="content" class="content full">
            <div class="container">
                <div class="row">
                    <ul class="isotope-grid isotope" data-sort-id="gallery" style="position: relative; overflow: hidden; height: 891.6px;">
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(0px);">
                            <div class="grid-item-inner"> <a href="images/garantie-bestzeiten.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/garantie-bestzeiten_thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 280px; line-height: 280px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(347px);">
                            <div class="grid-item-inner"> <a href="images/1.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/1thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 449px; line-height: 449px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(694px);">
                            <div class="grid-item-inner"> <a href="images/2.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/2thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 452px; line-height: 452px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 311px);">
                            <div class="grid-item-inner"> <a href="images/3.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/3thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 452px; line-height: 452px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(347px, 480px);">
                            <div class="grid-item-inner"> <a href="images/4.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/4thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 330px; line-height: 330px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(694px, 483px);">
                            <div class="grid-item-inner"> <a href="images/5.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/5thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 173px; line-height: 173px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                        <li class="col-md-4 col-sm-4 grid-item post format-image isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(694px, 687px);">
                            <div class="grid-item-inner"> <a href="images/bericht.jpg" data-rel="prettyPhoto" class="media-box"> <img src="images/5thumb.jpg" alt=""> <span class="zoom" style="width: 317px; height: 173px; line-height: 173px;"><i class="fa fa-search"></i></span></a> </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

@stop