<?php
include('veza/le.php');
require('xwaf.php'); // Before all your code starts.
$xWAF = new xWAF();
$xWAF->start();

$query_events_index = "SELECT c.ec_id, c.ec_naslov, c.ec_sadrzaj, c.ec_active, p.photo_id, p.slika, p.opis FROM le_ec_sr as c LEFT JOIN le_ec_photo as p ON c.ec_id = p.leecid WHERE c.ec_active = 'y'";
$result_events = mysqli_query($leld,$query_events_index);
$totalRows_events_index = mysqli_num_rows($result_events);

$events_images_dir = "uploads/events/";
?>
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title>Luxury Event Catering Tivat</title>
        <meta name="description" content="Luxury Event Catering Tivat MONTENEGRO">
		<meta name="robots" content="index,follow" />
        <meta name="author" content="LaktusDev">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Stylesheets -->
		<link rel="icon" href="icon.jpg">
        <link rel="stylesheet" href="css/bootstrap.min.css"/><!-- bootstrap grid -->
        <link rel="stylesheet" href="css/bootstrap-theme.min.css"/><!-- bootstrap theme -->
        <link rel="stylesheet" href="css/style.css"/><!-- template styles -->
        <link rel="stylesheet" href="css/color-default.css"/><!-- default template color styles -->
        <link rel="stylesheet" href="css/retina.css"/><!-- retina ready styles -->
        <link rel="stylesheet" href="css/responsive.css"/><!-- responsive styles -->
        <link rel="stylesheet" href="css/animate.css"/><!-- animation for content -->
        <link rel="stylesheet" href="masterslider/style/masterslider.css" /><!-- Master slider css -->
        <link rel="stylesheet" href="masterslider/skins/default/style.css" /><!-- Master slider default skin -->
        <link rel='stylesheet' href='owl-carousel/owl.carousel.css'/><!-- Events carousel -->
        <link rel='stylesheet' href='owl-carousel/owl.theme.css'/><!-- Events carousel -->

        <!-- Magnific Popup - image lightbox -->
        <link rel="stylesheet" href="css/magnific-popup.css" />

        <!-- Google Web fonts -->
        <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Suranna' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>

        <!-- Font icons -->
        <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"/><!-- Font awesome icons -->
    </head>

    <body>

<?php include("inc/header_sr.php"); ?>

        <!-- .master-slider start -->
        <div id="masterslider" class="master-slider ms-skin-default">
            <!-- slide start -->
            <div class="ms-slide">
                <img src="./masterslider/style/blank.gif" data-src="img/slider/slide01.jpg" alt="Luxury Event Catering Tivat"/> 

                <!-- slide heading layer -->
                <h3 class="ms-layer pi-caption02" 
                    style="top: 350px; left: 860px;"
                    data-type="text"
                    data-effect="bottom(40)"
                    data-duration="2000"
                    data-ease="easeOutExpo"
                    data-delay="1000"
                    >
                    Otkrijte
                </h3>
                <!-- slide heading layer -->
                <h2 class="ms-layer pi-caption01" 
                    style="top: 410px; left: 730px;"
                    data-type="text"
                    data-effect="bottom(40)"
                    data-duration="2000"
                    data-ease="easeOutExpo"
                    data-delay="800"
                    >
                    Luxury Event
                </h2>

                <!-- slide divider layer -->
                <div class="ms-layer divider"
                     style="top: 505px; left: 737px;"
                     data-type="text"
                     data-effect="top(40)"
                     data-duration="2000"
                     data-ease="easeOutExpo"
                     data-delay="1000">
                    <span class="hr-double left"></span>
                    <span class="divider-svg">
                        <img src="img/svg/heading-icon.svg" alt="Luxury Event Catering Tivat">
                    </span>
                    <span class="hr-double right"></span>
                </div>

                <!-- slide text layer -->
                <p class="ms-layer pi-text01"
                   style="top: 590px; left: 862px;"
                   data-type="text"
                   data-effect="top(40)"
                   data-duration="2000"
                   data-ease="easeOutExpo"
                   data-delay="1000"
                   >
                    Radno vrijeme
                </p>

                <!-- slide text layer -->
                <p class="ms-layer pi-text02"
                   style="top: 630px; left: 788px;"
                   data-type="text"
                   data-effect="top(40)"
                   data-duration="2000"
                   data-ease="easeOutExpo"
                   data-delay="1000"
                   >
                    Ponedjeljak - petak: <span>24/7h</span>
                </p>

                <!-- slide text layer -->
                <p class="ms-layer pi-text02"
                   style="top: 662px; left: 813px;"
                   data-type="text"
                   data-effect="top(40)"
                   data-duration="2000"
                   data-ease="easeOutExpo"
                   data-delay="1000"
                   >
                    Vikend: <span>24/7h</span>
                </p>

                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-01.png" alt="Luxury Event Catering Tivat"
                     style="left: 0; top: 100px;"
                     data-type="image"
                     data-effect="left(40)"
                     data-duration="2500"
                     data-ease="easeOutExpo"
                     data-delay="0"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-02.png" alt="Luxury Event Catering Tivat"
                     style="left: 300px; top: 250px;"
                     data-type="image"
                     data-delay="20"
                     data-parallax="5"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-03.png" alt="Luxury Event Catering Tivat"
                     style="left: 275px; top: 635px;"
                     data-type="image"
                     data-delay="100"
                     data-parallax="5"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-04.png" alt="Luxury Event Catering Tivat"
                     style="left: 295px; top: 816px;"
                     data-type="image"
                     data-delay="50"
                     data-parallax="2"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-05.png" alt="Luxury Event Catering Tivat"
                     style="left: 240px; top: 961px;"
                     data-type="image"
                     data-delay="150"
                     data-parallax="15"
                     />

                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-06.png" alt="Luxury Event Catering Tivat"
                     style="right: 10px; top: 100px;"
                     data-type="image"
                     data-effect="right(40)"
                     data-duration="2500"
                     data-ease="easeOutExpo"
                     data-delay="0"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-07.png" alt="Luxury Event Catering Tivat"
                     style="right: 287px; top: 174px;"
                     data-type="image"
                     data-delay="80"
                     data-parallax="5"
                     />

                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-08.png" alt="Luxury Event Catering Tivat"
                     style="right: 280px; top: 573px;"
                     data-type="image"
                     data-delay="10"
                     data-parallax="1"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-09.png" alt="Luxury Event Catering Tivat"
                     style="right: 288px; top: 143px;"
                     data-type="image"
                     data-delay="30"
                     data-parallax="8"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-10.png" alt="Luxury Event Catering Tivat"
                     style="right: 295px; top: 490px;"
                     data-type="image"
                     data-delay="150"
                     data-parallax="15"
                     />
                <img class="ms-layer" src="./masterslider/style/blank.gif" data-src="img/slider/slide01-11.png" alt="Luxury Event Catering Tivat"
                     style="right: 0; bottom: 55px; left: 0; margin: 0 auto;"
                     data-type="image"
                     data-effect="bottom(40)"
                     data-duration="2500"
                     data-ease="easeOutExpo"
                     data-delay="500"
                     />
            </div><!-- slide end -->
        </div><!-- .master-slider end -->

        <!-- .page-content start -->
        <div class="page-content custom-img-background bkg-img1">
            <div class="container">
                <!-- .row start -->
                <div class="row">
                    <!-- .col-md-3 start -->
                    <div class="col-md-3 col-sm-3 hidden-xs pt-80">
                        <img src="img/pics/spices-left.png" alt="Luxury Event Catering Tivat" />
                    </div><!-- .col-md-3 end -->

                    <!-- .col-md-6 start -->
                    <div class="col-md-6 col-sm-6 centered">
                        <div class="frame-box custom-img-background bkg-img2">
                            <div class="custom-heading style-1">
                                <h3><span>Naša priča</span></h3>
                                <h3>Ljubav prema hrani</h3>

                                <!-- .divider.style-1 start -->
                                <div class="divider style-1 center">
                                    <span class="hr-simple left"></span>
                                    <i class="fa fa-circle hr-icon"></i>
                                    <span class="hr-simple right"></span>
                                </div>
                            </div><!-- .custom-heading.style-1 end -->

                            <p>Luxury Event Catering Tivat je sinonim za izuzetnu trpezu. Naš nagrađivani kulinarski tim dijeli strast da ide dalje, kako u osmišljavanju tako i u pažnji prema detaljima. Bilo da planirate sastanak za doručak, letnji piknik ili elegantnu gala večeru, mi smo oduševljeni što možemo da vam pomognemo da dizajniramo i izvedemo svaki aspekt vašeg događaja. Naša snaga je u pružanju kreativnih ideja za menije, izuzetne prezentacije i besprekorne usluge. Molimo kontaktirajte nas za zahtev za prijedlog. Radujemo se što ćemo nadmašiti sva vaša očekivanja.</p>
                        </div>
                    </div><!-- .col-md-6 end -->

                    <!-- .col-md-3 start -->
                    <div class="col-md-3 col-sm-3 hidden-xs pt-80">
                        <img src="img/pics/spices-right.png" alt="Luxury Event Catering Tivat" />
                    </div><!-- .col-md-3 end -->
                </div><!-- .row end -->
            </div><!-- .container end -->
        </div><!-- .page-content end -->

        <!-- .page-content start -->
        <div class="page-content custom-img-background dark bkg-img3 custom-col-padding mb-100">
            <div class="container">
                <!-- .row start -->
                <div class="row">
                    <!-- .col-md-12 start -->
                    <div class="col-md-12 centered">
                        <div class="custom-heading style-1 triggerAnimation animated" data-animate='fadeInUp'>
                            <h2><span>Izuzetna kuhinja</span></h2>
                            <h2>Iznenadite vaša čula</h2>

                            <!-- .divider.style-2 start -->
                            <div class="divider style-2 center">
                                <span class="hr-double left"></span>
                                <span class="divider-svg">
                                    <img src="img/svg/heading-icon.svg" alt="Luxury Event Catering Tivat">
                                </span>
                                <span class="hr-double right"></span>
                            </div>
                        </div><!-- .custom-heading.style-1 end -->
                    </div><!-- .col-md-12 end -->
                </div><!-- .row end -->
            </div><!-- .container end -->
        </div><!-- .page-content end -->
		
        <!-- .page-content start -->
        <div class="page-content">
            <!-- .container start -->
            <div class="container">
                <!-- .row start -->
                <div class="row mb-0">
                    <div class="col-md-12 mb-20 centered triggerAnimation animated" data-animate='fadeIn'>
                        <div class="custom-heading style-1">
                            <h3>Meni Paketi</h3>

                            <!-- .divider.style-1 start -->
                            <div class="divider style-1 center">
                                <span class="hr-simple left"></span>
                                <i class="fa fa-circle hr-icon"></i>
                                <span class="hr-simple right"></span>
                            </div>
                        </div><!-- .custom-heading.style-1 end -->
                    </div><!-- .col-md-12 end -->                    
                </div><!-- .row end -->
                <!-- .row start -->
                <div class="row">
<?php
$indexcat_images_dir = "uploads/menu/category/";
$query_index_cat = "SELECT * FROM le_menu_category_sr as c LEFT JOIN le_menu_category_photo as p ON c.menu_cat_id = p.lemcatid WHERE c.menu_cat_active = 'y'";
$index_cat = mysqli_query($leld,$query_index_cat);
$totalRows_index_cat = mysqli_num_rows($index_cat);
?>
<?php while($row_index_cat = mysqli_fetch_assoc($index_cat)) { ?>
                    <div class="col-md-4 col-sm-6 menu-package">
                        <div class="menu-sample style-2 centered">                                
                            <figure>
                                <div class="menu-image">
                                    <a href="menu_sub_sr.php?content_cat=<?php echo $row_index_cat['menu_cat_id']; ?>">
									<img src="<?php echo $indexcat_images_dir ?><?php echo $row_index_cat['slika']; ?>" alt="Luxury Event Catering Tivat" class="more-details triggerAnimation animated" data-animate='fadeInRight'>
									</a>
                                </div>

                                <figcaption>
                                    <div class="custom-heading style-1">
                                        <h3><span>Meni</span></h3>
                                        <h3><?php echo $row_index_cat['menu_cat_name']; ?></h3>

                                        <!-- .divider.style-1 start -->
                                        <div class="divider style-1 center">
                                            <span class="hr-simple left"></span>
                                            <i class="fa fa-circle hr-icon"></i>
                                            <span class="hr-simple right"></span>
                                        </div>
                                    </div><!-- .custom-heading.style-1 end -->

                                    <p></p>
                                    <a href="menu_sub_sr.php?content_cat=<?php echo $row_index_cat['menu_cat_id']; ?>" class="more-details triggerAnimation animated" data-animate='fadeInUp'>Detaljnije <i class="fa fa-angle-double-right"></i></a>
                                </figcaption>   
                            </figure>
                        </div><!-- .menu-sample.style-2 end -->
                    </div><!-- .col-md-4 end -->
<?php } ?>
                </div><!-- .row end -->
<?php include("inc/pdf.php"); ?>
            </div><!-- .container end -->
        </div><!-- .page-content end -->


        <!-- .page-content start -->
        <div class="page-content custom-img-background dark bkg-img4 custom-col-padding mb-100">
            <div class="container">
                <!-- .row start -->
                <div class="row">
                    <!-- .col-md-12 start -->
                    <div class="col-md-12 centered">
                        <div class="custom-heading style-1 triggerAnimation animated" data-animate='fadeInUp'>
                            <h2><span>Za Vaš specijalan dan</span></h2>
                            <h2>izuzetna ketering usluga</h2>

                            <!-- .divider.style-2 start -->
                            <div class="divider style-2 center">
                                <span class="hr-double left"></span>
                                <span class="divider-svg">
                                    <img src="img/svg/heading-icon.svg" alt="Luxury Event Catering Tivat">
                                </span>
                                <span class="hr-double right"></span>
                            </div>
                        </div><!-- .custom-heading.style-1 end -->
                    </div><!-- .col-md-12 end -->
                </div><!-- .row end -->
            </div><!-- .container end -->
        </div><!-- .page-content end -->

        <!-- .page-content start -->
        <div class="page-content">
            <div class="container">
                <!-- .row start -->
                <div class="row">
                    <!-- .col-md-12 start -->
                    <div class="col-md-12">
                        <div class="carousel-container">
                            <div id="events-carousel" class="owl-carousel owl-theme">
<?php while($row_events_index = mysqli_fetch_assoc($result_events)) { ?>
								<div class="item">
                                    <!-- .event-item-container start -->
                                    <ul class="event-item-container">
                                        <li class="event-item-list">
<?php if ($row_events_index['photo_id'] == '') { ?>
										<img src="<?php echo $events_images_dir ?>default.jpg" alt="<?php echo $row_events_index['ec_naslov']; ?>"/>
<?php } else { ?>
										<img src="<?php echo $events_images_dir ?><?php echo $row_events_index['slika']; ?>" alt="<?php echo $row_events_index['ec_naslov']; ?>"/>
<?php } ?>
										</li>
                                        <!-- .event-item-list.event-item-content start -->
                                        <li class="event-item-list event-item-content centered">
                                            <div class="custom-heading style-1">
                                                <h3><span>Ketering događaji</span></h3>
                                                <h3><?php echo $row_events_index['ec_naslov']; ?></h3>

                                                <!-- .divider.style-1 start -->
                                                <div class="divider style-1 center">
                                                    <span class="hr-simple left"></span>
                                                    <i class="fa fa-circle hr-icon"></i>
                                                    <span class="hr-simple right"></span>
                                                </div>
                                            </div><!-- .custom-heading.style-2 end -->
                                            <?php echo $row_events_index['ec_sadrzaj']; ?>
                                            
                                        </li><!-- .event-item-list.event-item-content end -->
                                    </ul><!-- .event-item-container end -->
                                </div>
<?php } ?>
                            </div><!-- .owl-carousel.owl-theme end -->
                        </div><!-- .carousel-container end -->
                    </div><!-- .col-md-12 end -->
                </div><!-- .row end -->
            </div><!-- .container end -->
        </div><!-- .page-content end -->

        <!-- .page-content start -->
        <div class="page-content custom-img-background dark bkg-img5 custom-col-padding">
            <div class="container">
                <!-- .row start -->
                <div class="row">
                    <!-- .col-md-12 start -->
                    <div class="col-md-12 centered">
                        <div class="custom-heading style-1 triggerAnimation animated" data-animate='fadeInUp'>
                            <h2><span>Posetite nas </span></h2>
                            <h2>obostrano zadovoljstvo</h2>

                            <!-- .divider.style-2 start -->
                            <div class="divider style-2 center">
                                <span class="hr-double left"></span>
                                <span class="divider-svg">
                                    <img src="img/svg/heading-icon.svg" alt="Luxury Event Catering Tivat">
                                </span>
                                <span class="hr-double right"></span>
                            </div>
                        </div><!-- .custom-heading.style-1 end -->
                    </div><!-- .col-md-12 end -->
                </div><!-- .row end -->
            </div><!-- .container end -->
        </div><!-- .page-content end -->


<?php include("inc/footer_sr.php"); ?>

<?php include("inc/copyright_sr.php"); ?>

        <script src="js/jquery-2.1.4.min.js"></script><!-- jQuery library -->
        <script src="js/bootstrap.min.js"></script><!-- .bootstrap script -->
        <script src="js/jquery.scripts.min.js"></script><!-- modernizr, retina, stellar for parallax -->  
        <script src="masterslider/masterslider.min.js"></script><!-- Master slider main js -->
        <script src="masterslider/jquery.easing.min.js"></script><!-- Master slider easing js -->
        <script src="js/jquery.magnific-popup.min.js"></script><!-- used for image lightbox -->
        <script src="owl-carousel/owl.carousel.min.js"></script><!-- Carousels script -->
        <script src="js/jquery.dlmenu.min.js"></script><!-- for responsive menu -->
        <script src="js/include.js"></script><!-- custom js functions -->
        <script src="js/instagram-stream.jquery.js"></script><!-- instagram stream plugin -->
        <script src="js/TweenMax.min.js"></script> <!-- Plugin for smooth scrolling-->
        <script src="js/ScrollToPlugin.min.js"></script> <!-- Plugin for smooth scrolling-->

        <script>
            /* <![CDATA[ */
            jQuery(document).ready(function ($) {
                'use strict';
                // MASTER SLIDER START
                var slider = new MasterSlider();
                slider.setup('masterslider', {
                    width: 1920, // slider standard width
                    height: 1080, // slider standard height
                    space: 0,
                    layout: "fullwidth",
                    speed: 50,
                    centerControls: false,
                    loop: false,
                    autoplay: false,
                    parallaxMode: "mouse"
                            // more slider options goes here...
                            // check slider options section in documentation for more options.
                });
                // adds Arrows navigation control to the slider.
                MSScrollParallax.setup(slider, 50, 80, true);

                //GALLERY LIGHTBOX
                $('.triggerZoom').magnificPopup({
                    type: 'image',
                    gallery: {
                        enabled: true
                    }
                });

                // EVENTS CAROUSEL START 
                var owl = $("#events-carousel");

                owl.owlCarousel({
                    singleItem: true,
                    pagination: true,
                    autoPlay: true
                });
                
            });
            /* ]]> */
        </script>

    </body>
</html>
