<header id="head-top">
    <div class="container">

        <div class="row">
            <div id="myCarousel" class="carousel slide">

                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                </ol>

                <div class="carousel-inner">
                    <div class="item active">
                        <img src="{home}/img/s1.jpg" style="width:100%" class="img-responsive">
                        <div class="container">
                            <div class="carousel-caption">
                                <h2>Cabernet Sauvignon</h2>
                                <h1>Dombos <br class="hidden-xs">vörös</h1>
                                <a class="btn btn-default hidden-xs" href="#">Megveszem</a>
                            </div>
                        </div>
                    </div>

                    <div class="item">
                        <img src="{home}/img/s1.jpg" style="width:100%" class="img-responsive">
                        <div class="container">
                            <div class="carousel-caption">
                                <h2>...ami természetesen<br> jár a növénynek</h2>
                                <h1>Donec ac lobortis urna</h1>
                                <a class="btn btn-default hidden-xs" href="#">Megveszem</a>
                            </div>
                        </div>
                    </div>
                </div>

                <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
            </div>
        </div>
    </div>
</header>

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
            <div class="row">
                <a href="#"><div class="col-xs-6 col-sm-6 col-md-3 col-lg-6"><div class="row effect-container effect-bg1"><img class="img-responsive box-hover-effect" src="{home}/img/wines-box-bg.jpg"/></div></div></a>
                <a href="#"><div class="col-xs-6 col-sm-6 col-md-3 col-lg-6"><div class="row effect-container effect-bg2"><img class="img-responsive box-hover-effect" src="{home}/img/about-box-bg.jpg"/></div></div></a>
                <a href="#"><div class="col-xs-6 col-sm-6 col-md-3 col-lg-6"><div class="row effect-container effect-bg3"><img class="img-responsive box-hover-effect" src="{home}/img/events-box-bg.jpg"/></div></div></a>
                <a href="#"><div class="col-xs-6 col-sm-6 col-md-3 col-lg-6"><div class="row effect-container effect-bg4"><img class="img-responsive box-hover-effect" src="{home}/img/kostolo-box-bg.jpg"/></div></div></a>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 pull-right rolunk-box">
            <h1>Naphegy pincészet bemutatkozó</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet feugiat enim ac maximus. Proin turpis mauris, varius eu felis sit amet, dictum rhoncus turpis. Curabitur cursus sem sit amet sagittis lacinia. Nullam et sapien accumsan, venenatis sapien quis, malesuada erat. Fusce tellus libero, aliquam eget commodo ut, viverra et lacus. Duis vel porta elit.</p>
        </div>
    </div>
</div>
{termekek}