@extends('layouts.app')

@section('content')
<div class="uk-section-default uk-section uk-section-large">
    <div class="uk-container">
        <div class="uk-margin-large" uk-grid>
            <div class="uk-width-3-4@m">
                <h1 class="uk-heading-primary">
                    Les aquarelles
                </h1>
                <div class="uk-margin uk-text-large">
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
                </div>
                <div class="uk-width-expand@m">
            </div>
        </div>
        <div class="uk-grid-medium uk-grid-margin-medium" uk-grid>
            <div class="uk-width-1-1@m">
                <div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-4@m uk-grid-medium" uk-grid>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/lion.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Le lion
                            </h2>
                            <div class="el-meta uk-margin">
                                Avec la bouche de travers
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/voiliers.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Les voiliers
                            </h2>
                            <div class="el-meta uk-margin">
                                Avec un joli reflet
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/maisons.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Le hameau
                            </h2>
                            <div class="el-meta uk-margin">
                                Sous la neige
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/tanzanie.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Guerrier Massai
                            </h2>
                            <div class="el-meta uk-margin">
                                Devant la montagne
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/maman.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Maman
                            </h2>
                            <div class="el-meta uk-margin">
                                6 mois
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/lune.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                La lune
                            </h2>
                            <div class="el-meta uk-margin">

                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="el-item uk-panel">
                            <a href="/themes/joomla/2017/joline/index.php/styles?id=7" class="el-link"><img src="images/collections/plage.jpg" class="el-image" alt></a>
                            <h2 class="el-title uk-margin uk-h4 uk-margin-remove-adjacent uk-margin-remove-bottom">
                                Vagues
                            </h2>
                            <div class="el-meta uk-margin">
                                et son écume
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection