@extends('rubandroll.layouts.app')

@section('content')

<section id="page-title" class="page-title bg-overlay {{--bg-parallax--}} bg-overlay-gradient">
    <div class="bg-section">
{{--        <img src="assets/images/page-title/4.jpg" alt="Background" />--}}
        <img src="{{ asset('images/header_bg.jpg') }}" alt="Background" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="title title-8 text-center">
                        <div class="title--content">
                            <div class="title--subtitle">Rub & Roll</div>
                            <div class="title--heading">
                                <h1>{{ __('Üdvözlünk a Rub & Roll-nál!') }}</h1>
                                <h1 style="font-size: 35px; line-height: 1;">{{ __('Válassz éttermeink és egyéb szolgáltatásaink közül bővebb információért!') }}</h1>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>

    .footer--widget, .divider--shape-dark {
        display: none;
    }


    .divider--shape-dark2 {
        display: none;
    }

    .banner-section {
        margin: 15px 0;
        height: 400px;
    }

    .bg-overlay-custom:before {
        background: rgba(0, 0, 0, 0.75);
    }

    .banner-title-box, .banner-description-box {
        line-height: 200px;
    }
    .banner-title-box {
        text-align: center;
    }
    .banner-description-box {
        text-align: left;
    }

    .banner-title-text, .banner-description-text {
        line-height: 1.5;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        color: #ffffff;
    }

    .banner-title-text {
        font-size: 5rem !important;
        font-family: 'Bebas Neue', cursive !important;
        line-height: 0.8 !important;
    }
    .banner-title-subtext {
        font-size: 3rem !important;
    }

    .banner-description-text {
        font-size: 16px;
    }

    .szechenyi {
        display: none;
        position: absolute;
        top: 100px;
        left: 0;
        z-index: 100
    }

    .szechenyi img {
        height: 90px;
    }

    @media (min-width: 992px) {
        .bg-overlay-custom:before {
            background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 30%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.95) 100%);
        }

        .banner-title-box, .banner-description-box {
            line-height: 400px;
        }

        .banner-title-text {
            font-size: 7rem !important;
        }
        .banner-title-box {
            text-align: left;
        }
        .banner-description-box {
            text-align: right;
        }

        .szechenyi {
            display: block;
        }
    }
</style>

<a href="{{ url('szechenyi-2020') }}" class="szechenyi">
    <img src="{{ asset('images/szechenyi.jpg') }}">
</a>

@if(false)
<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_barbecue.jpg') }}" alt="Barbecue" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext" style="margin-left: 2px">RUB&ROLL<br/></span>
                                {{ __('Barbecue') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Ha megkóstolnád Budapest legfinomabb barbecue húsait vagy csak egy igazán különleges hamburgert ennél, nézd meg a Rub&Roll Barbecue oldalát...') }}
                        <br/>
                        <a class="btn btn--primary mt-10" href="{{ route('barbecue.index') }}">{{ __('Tovább') }}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_villa.jpg') }}" alt="Villa" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext">RUB&ROLL<br/></span>
                                {{ __('Villa') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Vidéki nagypolgári miliő, csend és természet a főváros közvetlen közelségében. Gödöllői éttermünkben eredeti Rub&Roll ízekkel és elragadó hangulattal várunk...') }}
                        <br/>
                        <a class="btn btn--primary mt-10" href="{{ route('villa.a-godolloi-villarol') }}">{{ __('Tovább') }}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_tennis.jpg') }}" alt="Tennis" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext">RUB&ROLL<br/></span>
                                {{ __('Tennis') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Télen 4 fűtött, nyáron 6 szabadtéri pályával várja a sportolni vágyókat gyönyörű környezetben a Rub&Roll Tennis Club Gödöllőn…') }}
                        <br/>
                        <a class="btn btn--primary mt-10" href="{{ route('tennis.index') }}">{{ __('Tovább') }}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_butchery.jpg') }}" alt="Butchery" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext" style="margin-left: 2px">RUB&ROLL<br/></span>
                                {{ __('Butchery') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Örömmel és büszkeséggel mutatjuk be a Rub & Roll prémium hústermékeit, melyeket saját receptúra kidolgozását követően, évek alatt fejlesztettünk tökéletesre…') }}
                        <br/>
                        <a class="btn btn--primary mt-10" href="{{ route('butchery.rolunk') }}">{{ __('Tovább') }}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_foodtruck.jpg') }}" alt="Foodtruck" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext" style="margin-left: 2px">RUB&ROLL<br/></span>
                                {{ __('Foodtruck') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Hamburgerrel, amerikai szendvicsekkel és nachossal gazdagítjuk a fesztiválokat, különböző rendezvényeket. Keress minket országos szinten...') }}
                        <br/>
{{--                        <a class="btn btn--primary mt-10" href="{{ route('foodtruck.index') }}">{{ __('Tovább') }}</a>--}}
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="page-title bg-overlay bg-overlay-custom banner-section">
    <div class="bg-section">
        <img src="{{ asset('images/banners/banner_barbecue_2.jpg') }}" alt="Webshop" />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8">
                <div class="title title-8 text-left" style="padding: 0">
                    <div class="title--content">
                        <div class="title--heading banner-title-box">
                            <h1 class="banner-title-text">
                                <span class="banner-title-subtext">RUB&ROLL<br/></span>
                                {{ __('Webshop') }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4">
                <div class="text-right banner-description-box">
                    <p class="banner-description-text">
                        {{ __('Prémium virslik, grillkolbászok, különleges barbecue szószok; minden, ami Rub&Roll...') }}
                        <br/>
{{--                        <a class="btn btn--primary mt-10" href="{{ route('product.list') }}">{{ __('Tovább') }}</a>--}}
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

@if(false)
<section id="slider" class="slider slide-overlay-black">
	<div class="rev_slider_wrapper">
		<div id="slider1" class="rev_slider"  data-version="5.0">
			<ul>
				<li data-transition="zoomin"
					data-slotamount="default"
					data-easein="Power4.easeInOut"
					data-easeout="Power4.easeInOut"
					data-masterspeed="2000">
					<!-- MAIN IMAGE -->
					<img src="{{ url('assets/images/slider-01.jpg') }}" alt="Slide Background Image"  width="1920" height="1280">

					<!-- LAYER NR. 2 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="-65"
						data-whitespace="nowrap"
						data-width="none"
						data-height="none"
                        data-frames='[{"delay":1750,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on">
						<div class="slide--headline">Rub & Roll Barbecue</div>
					</div>

					<!-- LAYER NR. 3 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="40"
						data-width="1140"
						data-height="none"
                        data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on">
						<div class="slide--bio text-center">A Rub & Roll Barbecue étterem és egyben életérzés is.<br> Itt minden a barbecue, vagyis a lassú tűzön, hosszú órákon keresztül, füstön sütött húsok körül forog.<br>A Szent István körúton elhelyezkedő étteremben és kerthelyiségében a hét minden napján készülnek a füstös húsok,<br> így bármikor elmerülhetsz a barbecue szaftos, ízekkel teli, magával ragadó világában. </div>
					</div>

					<!-- LAYER NR. 4 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="140"
						data-width="none"
						data-height="none"
						data-whitespace="nowrap"
                        data-frames='[{"delay":2250,"speed":1000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-164","delay":""}]'
						data-basealign="slide"
						data-responsive_offset="on"
						data-responsive="off">
						<div class="slide-action">
							<a class="btn btn--white btn--bordered btn--lg" href="{{ url('etlap') }}">{{ __('Étlap') }}</a>
						</div>
					</div>
				</li>

				<li data-transition="slideoverdown"
					data-slotamount="default"
					data-easein="Power4.easeInOut"
					data-easeout="Power4.easeInOut"
					data-masterspeed="2000">
					<!-- MAIN IMAGE -->
					<img src="{{ url('assets/images/slider-02.jpg') }}" alt="Slide Background Image"  width="1920" height="1280">

					<!-- LAYER NR. 2 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="-65"
						data-whitespace="nowrap"
						data-width="none"
						data-height="none"
                        data-frames='[{"delay":1750,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on">
						<div class="slide--headline">Rub & Roll Shop</div>
					</div>

					<!-- LAYER NR. 3 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="40"
						data-width="1140"
						data-height="none"
						data-transform_idle="o:1;"
                        data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on">
						<div class="slide--bio text-center">A műfaj rajongóiként a hagyományos amerikai BBQ éttermekben,<br>a legnépszerűbb pitmasterektől megszerzett tudást és a több éves tapasztalatot szeretnénk közkinccsé tenni.<br>Ezért is született meg a Rub & Roll Shop kifejezetten alapanyagokra (rub, szósz, injektáló) és azok használatára fókuszálva,<br> hogy ezzel is támogassuk a hazai barbecue mozgalmat. </div>
					</div>

					<!-- LAYER NR. 4 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="140"
						data-width="none"
						data-height="none"
						data-whitespace="nowrap"
                        data-frames='[{"delay":2250,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"x:50px;opacity:0;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-164","delay":""}]'
						data-basealign="slide"
						data-responsive_offset="on"
						data-responsive="off">
						<div class="slide-action">
							<a class="btn btn--primary" href="{{ url('https://rubandrollshop.hu') }}" target="_blank">Shop</a>
						</div>
					</div>
				</li>

				<li data-transition="incube-horizontal"
					data-slotamount="default"
					data-easein="Power4.easeInOut"
					data-easeout="Power4.easeInOut"
					data-masterspeed="2000">
					<!-- MAIN IMAGE -->
					<img src="{{ url('assets/images/slider-03.jpg') }}" alt="Slide Background Image"  width="1920" height="1280">

					<!-- LAYER NR. 2 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="0"
						data-whitespace="nowrap"
						data-width="none"
						data-height="none"
                        data-frames='[{"delay":1750,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on"
						>
						<div class="slide--headline">Rub & Roll Villa</div>
					</div>

					<!-- LAYER NR. 3 -->
					<div class="tp-caption"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="100"
						data-width="1140"
						data-height="none"
                        data-frames='[{"delay":2000,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'						data-splitin="none"
						data-splitout="none"
						data-responsive_offset="on">
						<div class="slide--bio text-center">Legújabb szerelemprojektünkben pedig hangulatos, vidéki miliőben szeretnénk feltöltődésre és nyugodt időtöltésre invitálni vendégeinket.<br>A Rub & Roll Villában 2020. nyarától várjuk a várostól elszakadni vágyókat, akik gyönyörű környezetben,<br>a festői Gödöllőn szeretnék élvezni a rub'n'rollt. </div>
					</div>
				</li>

			</ul>
		</div>
	</div>
</section>
@endif

@if(false)
<section id="banner7" class="banner banner-7 text-center pb-90" style="padding-top: 70px">
    <div class="container">
        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
                <div class="heading heading-1 mb-50 text--center">
                    <p class="heading--subtitle">Alcím</p>
                    <h2 class="heading--title mb-0">Üdvözlünk a Rub&Roll honlapján</h2>
                    <div class="divider--shape-4"></div>
                    <p class="heading--desc">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac leo id neque condimentum sagittis. Proin lobortis libero et purus convallis, id hendrerit sapien fringilla. Fusce auctor nulla eu arcu porta tempus.
                    </p>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_bbq.png') }}" alt="banner img" class="img-responsive">
{{--                        <div class="banner--overlay">Barbecue</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Budapesti éttermünk</h4>
                        <p>A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Budapesten.</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_villa.png') }}" alt="banner img" class="img-responsive">
{{--                        <div class="banner--overlay">Villa</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Gödöllői éttermünk</h4>
                        <p>A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Gödöllőn.</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_butchery.png') }}" alt="banner img" class="img-responsive">
{{--                        <div class="banner--overlay">Butchery</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Termékeink</h4>
                        <p>Gourmet húsipari termékek a magyar és amerikai tradíciók ötvözésével</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_butchery.png') }}" alt="banner img" class="img-responsive">
{{--                        <div class="banner--overlay">Butchery</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Webshop</h4>
                        <p>Gourmet húsipari termékek a magyar és amerikai tradíciók ötvözésével</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_villa.png') }}" alt="banner img" class="img-responsive">
                        {{--                        <div class="banner--overlay">Villa</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Tennis</h4>
                        <p>A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Gödöllőn.</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="banner-panel">
                    <div class="banner--img">
                        <img src="{{ asset('images/rrr_bbq.png') }}" alt="banner img" class="img-responsive">
                        {{--                        <div class="banner--overlay">Barbecue</div>--}}
                    </div>
                    <div class="banner--content">
                        <h4>Foodtruck</h4>
                        <p>A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Budapesten.</p>
                        <a class="btn btn--secondary btn--bordered" href="#">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

        </div>

    </div>

</section>
@endif

@if(false)
<section id="blog" class="blog blog-grid pb-80">
    <div class="container">
        <div class="row">

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
{{--                        <div class="entry--meta">--}}
{{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
{{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="#">Budapesti éttermünk</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="#">
                                <img src="{{ asset('images/rrr_bbq.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Budapesten.
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="#" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
{{--                        <div class="entry--meta">--}}
{{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
{{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="#">Gödöllői éttermünk</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="#">
                                <img src="{{ asset('images/rrr_villa.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Gödöllőn.
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="#" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
{{--                        <div class="entry--meta">--}}
{{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
{{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="{{ route('butchery.index') }}">Butchery termékeink</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="{{ route('butchery.index') }}">
                                <img src="{{ asset('images/rrr_butchery.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            Gourmet húsipari termékek a magyar és amerikai tradíciók ötvözésével
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="{{ route('butchery.index') }}" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12" style="margin-bottom: 30px">
                <hr/>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
{{--                        <div class="entry--meta">--}}
{{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
{{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="#">Webshop</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="#">
                                <img src="{{ asset('images/rrr_butchery.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            Gourmet húsipari termékek a magyar és amerikai tradíciók ötvözésével
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="#" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
                        {{--                        <div class="entry--meta">--}}
                        {{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
                        {{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="#">Tennis</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="#">
                                <img src="{{ asset('images/rrr_villa.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Gödöllőn.
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="#" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="blog-entry">
                    <div class="entry--content">
                        {{--                        <div class="entry--meta">--}}
                        {{--                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>--}}
                        {{--                        </div>--}}
                        <div class="entry--title">
                            <h3><a href="#">Foodtruck</a></h3>
                        </div>
                        <div class="entry--img">
                            <a href="#">
                                <img src="{{ asset('images/rrr_bbq.png') }}" alt=""/>
                            </a>
                        </div>
                        <div class="entry--bio">
                            A legjobb helyen jársz, ha hamisíthatatlan amerikai ízekre éhezel Budapesten.
                        </div>
                        <a class="btn btn--secondary btn--bordered" href="#" style="margin-top: 15px">{{ __('Tovább') }}</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<style>
    .blog-entry {
        margin-bottom: 30px;
    }

    .blog-entry .entry--img {
        position: relative;
    }
    .blog-entry .entry--img:before {
        position: absolute;
        content: "";
        background-color: rgba(0, 0, 0, 0);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000);
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
        background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='#000');
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0.2;
    }
</style>
@endif

@if(false)
<section id="blog" class="blog blog-grid pb-80">
    <div class="container">
        <div class="row">
        	@foreach($articles as $article)
	            <div class="col-xs-12 col-sm-6 col-md-4">
	                <div class="blog-entry">

	                    <div class="entry--content">
	                        <div class="entry--meta">
	                            <span class="entry--date">2020.06.21</span> / <span><a href="#">BBQ</a> , <a href="#">Teszt</a></span>
	                        </div>
	                        <div class="entry--title">
	                            <h4><a href="{{ action('ArticleController@show', $article->slug) }}">{!! $article->name !!}</a></h4>
	                        </div>
	                        <div class="entry--img">
	                            <a href="{{ action('ArticleController@show', $article->slug) }}">
									@if($article->image)
						            <img src="{{ url($article->getFirstMediaUrl('image', 'thumbnail')) }}" alt="" />
						            @else
						            <img src="{{ url('assets/images/blog/grid/1.jpg') }}" alt="" />
						            @endif
								</a>
	                        </div>
	                        <div class="entry--bio">
	                            {!! $article->summary !!}
	                        </div>
	                    </div>
	                </div>
	            </div>
	        @endforeach
        </div>
    </div>
</section>
@endif

@endsection