<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>LA TERNANA - Pasticceria Gelateria Cocktail Bar</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/ytplayer.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/theme-gunmetal.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
    </head>
    <body class="scroll-assist">
	<?php include_once("analyticstracking.php") ?>
        <div class="nav-container">
            <a id="top"></a>
            <nav class="absolute transparent">
                <div class="nav-bar">
                    <div class="module left">
                        <a href="index.html">
                            <img class="logo logo-light" alt="Foundry" src="img/logo-light.png" />
                            <img class="logo logo-dark" alt="Foundry" src="img/logo-dark.png" />
                        </a>
                    </div>
                    <div class="module widget-handle mobile-toggle right visible-sm visible-xs">
                        <i class="ti-menu"></i>
                    </div>
                    <div class="module-group right">
                        <div class="module left">
                            <ul class="menu">
                                <li>
                                    <a href="index.html">
                                        Home
                                    </a>
                                <li>
                                    <a href="ambiente.html">
                                        Ambience
                                    </a>
								</li>
								<li>
                                    <a href="drink&eat.html">
                                        Drink&Eat
                                    </a>
								</li>
								<li>
                                    <a href="creations.html">
                                        Creations
                                    </a>
								</li>
								<li>
                                     <a href="whatson.php">
                                        What's on
                                    </a>
								</li>
								<li>
                                    <a href="contattaci.html">
                                        Contact us
                                    </a>
								</li>
								<li>
                                    <a href="location.html">
                                        Location
                                    </a>
								</li>
                            </ul>
                        </div>
                        <!--end of menu module-->
                        <div class="module widget-handle language left">
                            <ul class="menu">
                                <li class="has-dropdown">
                                    <a href="#">ENG</a>
                                    <ul>                                        
                                        <li>
                                            <a href="../it/whatson.php">ITA</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--end of module group-->
                </div>
            </nav>
        </div>









        <div class="main-container">
            <section class="page-title page-title-4 image-bg overlay parallax">
                <div class="background-image-holder">
                    <img alt="Background Image" class="background-image" src="img/whatson.jpg" />
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="uppercase mb0">What's on</h3>
                        </div>
                        <div class="col-md-6 text-right">
                            <ol class="breadcrumb breadcrumb-2">
                                <li>
                                    <a href="#">Home</a>
                                </li>
                                <li class="active">What's on</li>
                            </ol>
                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </section>
            <section class="pb0">
				<div class="container">
			<?PHP
				
				$data  = file_get_contents("https://graph.facebook.com/v2.8/665568800267596/feed?fields=full_picture,message,created_time&access_token=906553896104780|293036a57a4f31d4701256f77cabb9c5");
				$data = json_decode($data, true);
				for($i=0;$i<count($data['data']);$i++){
				$msg=messaggio($data['data'][$i]['message']);
				if($msg!=""){
					echo("<div class=\"row mb64 mb-xs-24\" style=\"margin-bottom:0px;\">
                        	<div class=\"col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1\">
                            	<p class=\"lead mb48\">Data: ".data($data['data'][$i]['created_time'])."</p>
								<p>".$msg."</p>
							</div>
						  </div>
						  <div class=\"row mb80 mb-xs-40\">
						  	<div class=\"col-sm-12\" style=\"text-align:center\">
                            	<img  src=\"".$data['data'][$i]['full_picture']."\">
							</div>
                          </div>");
				}
				if($j==5)
					break;
			}
			function data($data){
				$mese=['','Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'];
				$data=explode("T",$data);
				$dat=explode("-",$data[0]);
				
				$str=$dat[2]." ".$mese[$dat[1]]." ".$dat[0];
				return $str;
			}
			function messaggio($msg){
				$text = preg_replace('/#(\w+)/', ' <a target=\"_blank\" href="https://www.facebook.com/hashtag/$1">#$1</a>', $msg);
				return $text;
			}
			

			?>
			
                    
                </div>
			</section>


			<section class="bg-secondary">
                <div class="container">
                    <div class="row mb64 mb-xs-24">
                        <div class="col-sm-12 text-center">
                            <h2 class="uppercase color-primary">Stay with us</h2>
                            <p class="lead">
                                You will be informed about our activities
                            </p>
                        </div>
                    </div>
                    <!--end of row-->
                    <div class="row mb24">
                        <div class="col-sm-6 col-sm-offset-3">
                            <form class="halves form-newsletter" data-success="Thanks for your registration, we will be in touch shortly." data-error="Please fill all fields correctly.">
                                <input type="text" name="email" class="mb0 validate-email validate-required signup-email-field" placeholder="Indirizzo Email">
                                <button type="submit" class="btn-white mb0">Keep me updated</button>
                                <iframe></iframe>
                            </form>
                        </div>
                    </div>
                    <!--end of row-->
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <p class="fade-half">* We care about your Privacy. We will not sell, share, or rent your email to others.</p>
                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </section>


            <footer class="footer-1 bg-dark">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <img alt="Logo" class="logo" src="img/logo-light.png" />

                                <p>
                                    <br /> 
                                    Via duca degli abbruzzi n°40
                                    <br /> Civitanova Marche
                                </p>
                                <p>
                                    <strong>T:</strong> +39 0733 815741
                                    <br />
                                    <strong>E:</strong> <A HREF="mailto:info@laternana.it">info@laternana.it</a>
                                </p>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="widget">
                                <h6 class="title">Posts recenti</h6>
                                <hr>
                                <ul class="link-list recent-posts">
                                    <li>
                                        <a href="#">Hugging pugs is super trendy</a>
                                        <span class="date">February
                                            <span class="number">14, 2015</span>
                                        </span>
                                    </li>
                                    <li>
                                        <a href="#">Spinning vinyl is oh so cool</a>
                                        <span class="date">February
                                            <span class="number">9, 2015</span>
                                        </span>
                                    </li>
                                    <li>
                                        <a href="#">Superior theme design by pros</a>
                                        <span class="date">January
                                            <span class="number">27, 2015</span>
                                        </span>
                                    </li>
                                </ul>
                            </div>
                            <!--end of widget-->
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="widget">
                                <h6 class="title">Latest updates</h6>
                                <hr>
                                <div class="twitter-feed">
                                    <div class="tweets-feed" data-widget-id="492085717044981760">
                                    </div>
                                </div>
                            </div>
                            <!--end of widget-->
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="widget">
                                <h6 class="title">Instagram</h6>
                                <hr>
                                <div class="instafeed" id="instafeed" data-user-name="la-ternana">
                                   
                                </div>
                            </div>
                            <!--end of widget-->
                        </div>
                    </div>
                    <!--end of row-->
                    <div class="row">
                        <div class="col-sm-6">
                            <span class="sub"><A HREF="http://www.dabmm.eu">&copy; Copyright 2016 - DAB - web design multimedia</a></span>
                        </div>
                        <div class="col-sm-6 text-right">
                            <ul class="list-inline social-list">
                                <li>
                                    <a href="https://twitter.com/LaTernana">
                                        <i class="ti-twitter-alt"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.facebook.com/La-Ternana-665568800267596">
                                        <i class="ti-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.instagram.com/la_ternana/">
                                        <i class="ti-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://plus.google.com/+LaTernanaCivitanovaMarche">
                                        <i class="ti-google"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--end of container-->
                <a class="btn btn-sm fade-half back-to-top inner-link" href="#top">Top</a>
            </footer>
        </div>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/flickr.js"></script>
        <script src="js/flexslider.min.js"></script>
        <script src="js/lightbox.min.js"></script>
        <script src="js/masonry.min.js"></script>
        <script src="js/twitterfetcher.min.js"></script>
        <script src="js/spectragram.min.js"></script>
        <script src="js/ytplayer.min.js"></script>
        <script src="js/countdown.min.js"></script>
        <script src="js/smooth-scroll.min.js"></script>
        <script src="js/parallax.js"></script>
        <script src="js/scripts.js"></script>
        <script type="text/javascript" src="js/instafeed.min.js"></script>
        
		<script type="text/javascript">
		    var feed = new Instafeed({
					get: 'user',
					userId: 211056382,
					accessToken: '4164465126.2d7837b.bb285304f6884d0999a282136e1d15c3',
					target: 'instafeed',
					resolution: 'standard_resolution',
					after: function() {
						var el = document.getElementById('instagram');
						if (el.classList)
							el.classList.add('show');
						else
							el.className += ' ' + 'show';
					}
			});
		window.onload = function() {
			feed.run();
		}
		</script>
      
      

    </body>
</html>