<!--?php require_once('Connections/local_actiu.php'); ?>
<!--?php require_once('Connections/actiu.php'); ?>
<!--?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

$maxRows_primerPlato = 10;
$pageNum_primerPlato = 0;
if (isset($_GET['pageNum_primerPlato'])) {
  $pageNum_primerPlato = $_GET['pageNum_primerPlato'];
}
$startRow_primerPlato = $pageNum_primerPlato * $maxRows_primerPlato;

mysql_select_db($database_actiu, $actiu);
$query_primerPlato = "SELECT * FROM tabla_primer_plato";
$query_limit_primerPlato = sprintf("%s LIMIT %d, %d", $query_primerPlato, $startRow_primerPlato, $maxRows_primerPlato);
$primerPlato = mysql_query($query_limit_primerPlato, $actiu) or die(mysql_error());
$row_primerPlato = mysql_fetch_assoc($primerPlato);

if (isset($_GET['totalRows_primerPlato'])) {
  $totalRows_primerPlato = $_GET['totalRows_primerPlato'];
} else {
  $all_primerPlato = mysql_query($query_primerPlato);
  $totalRows_primerPlato = mysql_num_rows($all_primerPlato);
}
$totalPages_primerPlato = ceil($totalRows_primerPlato/$maxRows_primerPlato)-1;

mysql_select_db($database_actiu, $actiu);
$query_segundoPlato = "SELECT * FROM tabla_segundo_plato";
$segundoPlato = mysql_query($query_segundoPlato, $actiu) or die(mysql_error());
$row_segundoPlato = mysql_fetch_assoc($segundoPlato);
$totalRows_segundoPlato = mysql_num_rows($segundoPlato);

mysql_select_db($database_actiu, $actiu);
$query_postres = "SELECT * FROM tabla_postres";
$postres = mysql_query($query_postres, $actiu) or die(mysql_error());
$row_postres = mysql_fetch_assoc($postres);
$totalRows_postres = mysql_num_rows($postres);

mysql_select_db($database_actiu, $actiu);
$query_precios = "SELECT * FROM tabla_precios";
$precios = mysql_query($query_precios, $actiu) or die(mysql_error());
$row_precios = mysql_fetch_assoc($precios);
$totalRows_precios = mysql_num_rows($precios);

mysql_select_db($database_actiu, $actiu);
$query_preciosDetalle = "SELECT * FROM tabla_precios_detalle";
$preciosDetalle = mysql_query($query_preciosDetalle, $actiu) or die(mysql_error());
$row_preciosDetalle = mysql_fetch_assoc($preciosDetalle);
$totalRows_preciosDetalle = mysql_num_rows($preciosDetalle);

mysql_select_db($database_actiu, $actiu);
$query_preciosMedioMenu = "SELECT * FROM tabla_precios_medio_menu";
$preciosMedioMenu = mysql_query($query_preciosMedioMenu, $actiu) or die(mysql_error());
$row_preciosMedioMenu = mysql_fetch_assoc($preciosMedioMenu);
$totalRows_preciosMedioMenu = mysql_num_rows($preciosMedioMenu);

mysql_select_db($database_actiu, $actiu);
$query_vinosBlancos = "SELECT * FROM tabla_vinos_blancos";
$vinosBlancos = mysql_query($query_vinosBlancos, $actiu) or die(mysql_error());
$row_vinosBlancos = mysql_fetch_assoc($vinosBlancos);
$totalRows_vinosBlancos = mysql_num_rows($vinosBlancos);

mysql_select_db($database_actiu, $actiu);
$query_vinosTintos = "SELECT * FROM tabla_vinos_tintos";
$vinosTintos = mysql_query($query_vinosTintos, $actiu) or die(mysql_error());
$row_vinosTintos = mysql_fetch_assoc($vinosTintos);
$totalRows_vinosTintos = mysql_num_rows($vinosTintos);

mysql_select_db($database_actiu, $actiu);
$query_password = "SELECT * FROM tabla_login";
$password = mysql_query($query_password, $actiu) or die(mysql_error());
$row_password = mysql_fetch_assoc($password);
$totalRows_password = mysql_num_rows($password);
?>
<!--?php
// *** Validate request to login to this site.
if (!isset($_SESSION)) {
  session_start();
}

$loginFormAction = $_SERVER['PHP_SELF'];
if (isset($_GET['accesscheck'])) {
  $_SESSION['PrevUrl'] = $_GET['accesscheck'];
}

if (isset($_POST['strUser'])) {
  $loginUsername=$_POST['strUser'];
  $password=$_POST['strPassword'];
  $MM_fldUserAuthorization = "";
  $MM_redirectLoginSuccess = "zona-privada.php";
  $MM_redirectLoginFailed = "error-conexio.php";
  $MM_redirecttoReferrer = true;
  mysql_select_db($database_actiu, $actiu);
  
  $LoginRS__query=sprintf("SELECT strUser, strPassword FROM tabla_login WHERE strUser=%s AND strPassword=%s",
    GetSQLValueString($loginUsername, "text"), GetSQLValueString($password, "text")); 
   
  $LoginRS = mysql_query($LoginRS__query, $actiu) or die(mysql_error());
  $loginFoundUser = mysql_num_rows($LoginRS);
  if ($loginFoundUser) {
     $loginStrGroup = "";
    
	if (PHP_VERSION >= 5.1) {session_regenerate_id(true);} else {session_regenerate_id();}
    //declare two session variables and assign them
    $_SESSION['MM_Username'] = $loginUsername;
    $_SESSION['MM_UserGroup'] = $loginStrGroup;	      

    if (isset($_SESSION['PrevUrl']) && true) {
      $MM_redirectLoginSuccess = $_SESSION['PrevUrl'];	
    }
    header("Location: " . $MM_redirectLoginSuccess );
  }
  else {
    header("Location: ". $MM_redirectLoginFailed );
  }
}
?-->
<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="es" class="ie ie6"> <![endif]--> 
<!--[if IE 7 ]>	<html lang="es" class="ie ie7"> <![endif]--> 
<!--[if IE 8 ]>	<html lang="es" class="ie ie8"> <![endif]--> 
<!--[if IE 9 ]>	<html lang="es" class="ie ie9"> <![endif]--> 
<!--[if !IE]><!--> <html lang="ca"> <!--<![endif]--><html lang="ca">

<head>
	<meta charset="utf-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="L'Actiu restaurant varia el seu menú diariament en funció dels productes de mercat i temporada amb plats sencills i productes d'alta qualitat." />
	<meta name="keywords" content="restaurant, Barcelona, menjar, dinar, esmorçar, Barcelona activa, modern, actual, persianes, " />
	<meta name="author"	content="www.rhombus-design-studio.com" />
    
	<title>L'Actiu Restaurant</title>
    
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:400,900">
    <link rel="stylesheet" href="css/vegas.min.css">
    <link rel="stylesheet" href="css/styles.css"> 
	<link rel="stylesheet" href="css/cookie.css" type="text/css">

	<script>
  (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
    key: "YOUR_API_KEY_HERE",
    // Add other bootstrap parameters as needed, using camel case.
    // Use the 'v' parameter to indicate the version to load (alpha, beta, weekly, etc.)
  });
	</script>
    

</head>

<body>

	
    <div id="over" class="overbox">
            <div id="contenido_login">
              <div>
                <form class="formulario-acceso" action="<!--?php echo $loginFormAction; ?-->" method="POST" name="login" >
                        <input class="acceso-1" type="text" name="strUser" id="strUser">
                        <input class="acceso-2" type="password" name="strPassword" id="strPassword">
                        <button class="boton-acceso" type="submit">Accedir</button>
                </form>
              </div>
              <a class="boton-datos-olvidados" href="dades-oblidades.php">¿Has oblidat les teves dades?</a>
            </div>
            <a class="cerrar-formulario" href="javascript:hideLightbox()">
                  <img class="boton-cerrar-fomulario" src="material/salir-gris.png" width="38" height="38" alt="Botó tancar formulari">
            </a>
    </div>
    <div id="fade" class="fadebox">&nbsp;</div>
    

	<div class="homepage">
    	<div class="topbar">
            <a href="#beggining"><img class="topbar-avatar" src="material/img/logo-actiu.png"></a>
        	<a href="#" class="topbar-menu-button"><span></span></a> 
            <div class="topbar-name" href="#contacte">
                <div class="menu-2">
                    <div class="submenu"><strong>RESERVA TAULA</strong></div>
                    <div class="submenu-texto"><a class="contacto-envio" href="tel:+933099757">t. 93.309.97.57</a></br>
                                               <a class="contacto-envio" href="mailto:info@lactiu.com" target="_top">o reserva via mail al</br>
                                               info@lactiu.com</a>
                    </div>
                </div>
            </div>
        </div>
        
        <ul class="topbar-menu">
        	<li>
            	<a data-scroll class="fade" href="#restaurant">
                	<h3>QUI SOM</h3>
                </a>
            </li>
            
            <li>
            	<a data-scroll class="fade" href="#menu-dia">
                    <h3>MENÚ del DIA</h3>
                </a>
            </li>
            
            <li>
            	<a data-scroll class="fade" href="#esdeveniments">
                    <h3>ESDEVENIMENTS</h3>
                </a>
            </li>
            
            <li>
            	<a data-scroll class="fade" href="#contacte">
                	<h3>CONTACTE</h3>
                </a>
            </li>
            
        </ul>
        
        
        <div class="homepage-header">
        	<div class="homepage-info">
                
                
                <nav class="homepage-menu">
                	<div class="homepage-submenu">
                        <div class="prueba">
                        
                        
                            <div id="header-screen">
                                        <div id="header">
                                            <div class="logo">
                                                <a href="#inicio">
                                                    <img class="logo-lactiu" src="material/img/logo-actiu.png" 
                                                    width="150" height="91" alt="logo L'Actiu Restaurant">
                                                </a>
                                            </div>
                                            <div class="menu-1">
                                                <a data-scroll class="principal" href="#restaurant">QUI SOM</a>
                                                <a data-scroll class="principal" href="#menu-dia">MENÚ del DIA</a>
                                                <a data-scroll class="principal" href="#esdeveniments">ESDEVENIMENTS</a>
                                                <a data-scroll class="principal" href="#contacte">CONTACTE</a>
                                                <!--a class="principal" href="#actividades">ACTIVITATS</a-->
                                                <!--a class="principal" href="#actividades">ENREGISTRA'T</a-->
                                            </div>
                                            <div class="linea">
                                                <div class="linea-menu"></div>
                                            </div>
                                            <div class="menu-2" href="#contacte">
                                                <div class="submenu-grande">RESERVA TAULA</div>
                                                <div class="submenu-texto-grande">
                                                					<a class="contacto-envio-grande" href="#contacte">
                                                                    	   t. 93.309.97.57</a></br>
                                                                    <a class="contacto-envio-grande" href="mailto:info@lactiu.com" target="_top">
                                                                    	   o reserva també via mail al</br>
                                                                           info@lactiu.com</a></div>
                                            </div>
                                        </div>
                             </div>                        
                         </div>
                    </div>
                    
                    <ul>
                        <li class="pushable"><span class="banner">
                        
                        	    <a  id="header-saliente" href="#">
                                    <div class="header-saliente-boton">
                                        <div class="linea-1"></div>
                                        <div class="linea-2"></div>
                                        <div class="linea-3"></div>
                                    </div>
                                    <div class="header-saliente-texto">
                                        <div class="rotar">MENÚ</div>
                                    </div>
                                </a>

                        </span></li>
                    </ul>
                 </nav>
                 
             </div>
         </div>
         
     </div>
     
     <a class="acceso" href="javascript:showLightbox();"></a>
     
     
     <div class="redes-sociales">
     	<div class="pushable"><span class="banner"></span>
            <a class="logo-redes-sociales esconder" id="activador-social" href="#">
            	<div class="linea-social-1"></div>
                <div class="linea-social-2"></div>
                <div class="linea-social-3"></div>
            </a>
            <a class="logo-redes-sociales facebook" href="https://www.facebook.com/lactiu" target="_blank"></a>
            <a class="logo-redes-sociales twitter" href="https://twitter.com/lactiu" target="_blank"></a>
            <a class="logo-redes-sociales instagram" href="https://instagram.com/lactiurestaurant/" target="_blank"></a>
            <a class="logo-redes-sociales tripadvisor" href="http://www.tripadvisor.com/Restaurant_Review-g187497-d8259938-Reviews-L_Actiu_Restaurant-Barcelona_Catalonia.html" target="_blank"></a>
        </div>
     </div>
     
     
	<div id="content-wrapper">
		<div id="example-wrapper">
			<div class="scrollContent">
            
            
					<script type="text/javascript">
						var controller;
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
						});
                    </script>
                    
                    
                <!----------------------------------------------------- section 1 -------------------------------------------------------->    
				<section class="section1" id="inicio">
					<!--div class="saludo">
					</div-->
                    
					<!--script>
							// header hide
							new ScrollScene({offset: 300, duration: 600})
									.setTween(header)
									.addTo(controller);
					</script-->
                    
				</section>
                
                
                <!----------------------------------------------------- section 2 -------------------------------------------------------->    
				<section class="section2"  id="restaurant">
					<div id="trigger1" class="spacer s0"></div>
                    
                    <div class="comunicacion">
                    	<h1 class="titulo"><strong>Un descans durant el dia de treball</strong></h1>
                        <p class="texto">Al cor del districte 22@ en un espai ample i lluminós obert a la plaça del recinte de 
                                         Barcelona Activa, d'ambient modern, informal i contemporani, L'Actiu és restaurant, bar, 
                                         terrassa, esmorzar, dinar o centre de reunions. Plats tradicionals d'esperit modern, 
                                         adaptats als gustos i hàbits de la vida d'avui, amb un servei àgil i informal. 
                                         Obre de dilluns a divendres de 8:00h a 18:00h en horari habitual, 
                                         allargant-se en funció de les activitats programades.</p>
                    </div>
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger1")
									.addTo(controller);
						});
					</script>
 
				</section>
                
         
                <!----------------------------------------------------- section 3 -------------------------------------------------------->    
				<section class="section3">
					<div id="trigger2" class="spacer s0"></div>
                    
                    <div class="fotos-muestra">
                    	<img class="muestra" src="material/img/foto-actiu-02.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 1">
                    	<img class="muestra" src="material/img/foto-actiu-05.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 2">
                    	<img class="muestra" src="material/img/foto-actiu-03.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 3">
                                
                    	<img class="muestra-780" src="material/img/foto-actiu-02.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 1">
                    	<img class="muestra-780" src="material/img/foto-actiu-05.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 2">
                                
                    	<img class="muestra-480" src="material/img/foto-actiu-02.jpg" 
                        		width="1000" height="1500" alt="L'Actiu Restaurant foto 2">
                    </div>
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger2")
									.addTo(controller);
							
						});
					</script>
 
				</section>
                
                
                <!----------------------------------------------------- section 4 -------------------------------------------------------->    
				<section class="section4"  id="menu-dia">
					<div id="trigger3" class="spacer s0"></div>
                                        
                    <div class="comunicacion">
                    	<h1 class="titulo"><strong>Menú del dia</strong></h1>
                        <div class="texto">L'Actiu varia el menú diàriament en funció dels productes de mercat i temporada, 
                        				   seguint receptes casolanes amb tocs del món que ens fan viatjar sense sentir-nos 
                                           lluny de casa; amb plats senzills i d'alta qualitat que pots gaudir en el 
                                           restaurant o per emportar.
                                           </div>
													<!--a class="boton-menu" href="https://drive.google.com/open?id=1dxLFnqIu1yHs7EtvsnQUgNxa022Dgpit" target="_blank">
															Veure el nostre menú</a-->
													<a class="boton-menu-2" href="https://drive.google.com/file/d/1FjhkemomatdjMBxGBgsTHfkPwOsbbxnu/view" target="_blank">
                    				<img src="material/MENU ACTIU.png" width="200" height="281" alt="L'Actiu Restaurant menú">
													</a>
                    		</div>
                    
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger3")
									.addTo(controller);
						});
					</script>
                    
				</section>
                
                
                <!----------------------------------------------------- section 4 -------------------------------------------------------->    
				<section class="section41"  id="esdeveniments">
					<div id="trigger4" class="spacer s0"></div>
                                        
                    <div class="comunicacion">
                    	<h1 class="titulo"><strong>Esdeveniments</strong></h1>
                        <div class="texto">Ample espai polivalent, equipat de tecnologia i els serveis necessaris pel seu esdeveniment o
                         					celebració. Projectors, pantalles, sistema de so o micròfons formen part de l'equipament del 
                                            restaurant, el qual es pot configurar en espais de més o menys capacitat, en funció de les 
                                            característiques de l'esdeveniment. Explica'ns les teves necessitats a 
                                            <a class="link-parrafo" href="mailto:info@lactiu.com" target="_top">info@lactiu.com</a> i 
                                            prepararem una proposta a la teva mesura.
                                           </div>
                        <a class="boton-esdeveniments" href="http://www.lactiu.com/material/Espai-lactiu.pdf" target="_blank">
                        		Més informació sobre l’espai</a>
                    </div>
                    
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger3")
									.addTo(controller);
						});
					</script>
                    
				</section>
                
                
                <!----------------------------------------------------- section 5 -------------------------------------------------------->    
				<!--section class="section5" id="menu-dia-visual">
					<div id="trigger4" class="spacer s0"></div>
                                        
                    <div class="comunicacion-2">
                    	<h1 class="titulo"><strong>Avui tenim</strong></h1>
                        
                    	<p class="titulo-2"><strong>Per començar</strong></p>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_primerPlato['strPrimerPlato']; ?></p>
                        <!--?php } while ($row_primerPlato = mysql_fetch_assoc($primerPlato)); ?>
  
                    	<p class="titulo-3"><strong>Continuem amb</strong></p>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_segundoPlato['strSegundoPlato']; ?></p>
                        <!--?php } while ($row_segundoPlato = mysql_fetch_assoc($segundoPlato)); ?>
                        
                    	<p class="titulo-3"><strong>De postre</strong></p>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_postres['strPostres']; ?></p>
                        <!--?php } while ($row_postres = mysql_fetch_assoc($postres)); ?>
                        
						<!--?php do { ?>
                            <p class="titulo-3"><!--?php echo $row_precios['strPrecios']; ?></p>
                        <!--?php } while ($row_precios = mysql_fetch_assoc($precios)); ?>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_preciosDetalle['strPreciosDetalle']; ?></p>
                        <!--?php } while ($row_preciosDetalle = mysql_fetch_assoc($preciosDetalle)); ?>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_preciosMedioMenu['strPreciosMedioMenu']; ?></p>
                        <!--?php } while ($row_preciosMedioMenu = mysql_fetch_assoc($preciosMedioMenu)); ?>
                        
                    	<p class="titulo-3"><strong>Vins</strong></p>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_vinosTintos['strVinosTintos']; ?></p>
                        <!--?php } while ($row_vinosTintos = mysql_fetch_assoc($vinosTintos)); ?>
						<!--?php do { ?>
                            <p class="texto-2"><!--?php echo $row_vinosBlancos['strVinosBlancos']; ?></p>
                        <!--?php } while ($row_vinosBlancos = mysql_fetch_assoc($vinosBlancos)); ?>
                        
                    </div>
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger4")
									.addTo(controller);
						});
					</script>
                    
				</section>
                
                
                <!----------------------------------------------------- section 6 -------------------------------------------------------->    
				<section class="section6">
					<div id="trigger5" class="spacer s0"></div>
                    
                    <div class="fotos-muestra">
                    	<img class="muestra-2" src="material/img/fondo-6.jpg" 
                        		width="2000" height="661" alt="L'Actiu Restaurant foto 1">
                    </div>
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger5")
									.addTo(controller);
							
						});
					</script>
 
				</section>
                
                
                <!----------------------------------------------------- section 7 -------------------------------------------------------->    
				<section class="section7"  id="contacte">
					<div id="trigger6" class="spacer s0"></div>
                    
                    <div class="comunicacion">
                    	<h1 class="titulo">
                        	<strong>Vine a disfrutar</strong>
                            <img class="mini-h1" src="material/ubicacion.png" 
                                    width="50" height="50" alt="Ubicación">
                        </h1>
                        <p class="texto">Carrer de la Llacuna 162, dins el recinte de Barcelona Activa, a la vora del centre comercial Glòries,</br>
                        				   08018, Barcelona.</br>
                                           Si vens amb cotxe, es pot aparcar dins del parking del centre comercial Glòries. 
                                           </p>
                        <img class="mini-h1" src="material/reloj.png" width="50" height="50" alt="Ubicación">
                        <p class="texto">Horari</br>
                        				   De dilluns a divendres de 8h a 18h.</br>
                                           Sopars i cap de semana – solament per <a data-scroll class="link-parrafo" href="#esdeveniments"> esdeveniments</a>  privats.</br>
                                           </p>
                        
                    </div>
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger6")
									.addTo(controller);
						});
					</script>
 
				</section>


                <!----------------------------------------------------- section 8 -------------------------------------------------------->    
				<section class="section8" id="registrarse">
					<div id="trigger7" class="spacer s0"></div>
                                        
                    <!--img class="mapa" src="material/img/mapa-actiu.jpg" 
                            width="2000" height="1140" alt="L'Actiu Restaurant mapa"-->
                            
                    <div id="map-canvas">
                    	<div class="proteccion-mapa">
												<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2992.5151290730905!2d2.189712575950004!3d41.40633519481992!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4a32490e74651%3A0x1d6508a146064db6!2sL&#39;Actiu!5e0!3m2!1ses!2ses!4v1703679624488!5m2!1ses!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
											</div>
                    </div>        
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							// container pin
							new ScrollScene({duration: 0})
									.setPin("#trigger7")
									.addTo(controller);
						});
					</script>
                    
				</section>
                
                
                <!----------------------------------------------------- FOOTER -------------------------------------------------------->    
				<section class="footer-page">
					<div id="trigger4" class="spacer s0"></div>
                    
					
					<div class="footer">
                    	<div class="footer-center">
               				<img class="footer-logo" src="material/anagrama-lactiu.png" width="100" height="31" alt="L'Actiu Restaurant">
                        </div>
                        <div class="footer-info">
                        	<div class="footer-info-block-1">
                            	<div class="footer-subtitle">MENÚ</div>
                                <div class="footer-text">
                                	<a data-scroll class="footer-link" href="#restaurant">QUI SOM</a>
                                	<a data-scroll class="footer-menu" href="#menu-dia">MENÚ del DIA</a>
                                	<a data-scroll class="footer-menu" href="#esdeveniments">ESDEVENIMENTS</a>
                                	<a data-scroll class="footer-menu" href="#contacte">CONTACTE</a>
                                	<!--a class="footer-menu" href="activitats-extres-al-restaurant-lactiu.php">ACTIVITATS</a-->
                                	<!--a class="footer-menu" href="enregistrat-per-rebre-el-menu.php">ENREGISTRA'T</a-->
                                </div>
                            </div>
                        	<div class="footer-info-block-2">
                            	<div class="footer-subtitle">RESERVA TAULA</div>
                                <div class="footer-text">
                                	<div class="footer-link">
                                    			<a class="contacto-envio-footer" href="tel:+933099757">t. 93.309.97.57</a></br>
                                                <a class="contacto-envio-footer" href="mailto:info@lactiu.com" target="_top">
                                           									o reserva també via mail al</br>
                                           									info@lactiu.com</a></div>
                                </div>
                            </div>
                        	<div class="footer-info-block-3">
                            	<div class="footer-subtitle">ON ESTEM</div>
                                <div class="footer-text">
                                	<a data-scroll class="footer-link" href="#contacte">c/ Llacuna 162 baixos,</br>
                                           									08018 Barcelona.</br>
                                           									Baixos de l’edifici de Barcelona Activa,</br>
                                                                            junt al centre comercial Glòries</a>
                                </div>
                            </div>
                        	<div class="footer-info-block-4">
                            	<div class="footer-subtitle">COL·LABORA</div>
                                <div class="footer-text">
                                	<a class="footer-link" href="http://www.barcelonactiva.cat/barcelonactiva/cat/" 
                            		target="_blank" rel="nofollow">
                                    	<div>Amb la col·laboració de</div>
                                        <img class="footer-logo-activa" src="material/logo-barcelona-activa.png" 
                                        		width="82" height="23" alt="Barcelona Activa">
                                    </a>
                                </div>
                            </div>
                        </div>
                    	<div class="footer-center-2">
               				<div class="fecha">© 2024 L'Actiu Restaurant</div>
                        </div>
                    	<div class="footer-center-3">
               				<a class="rhombus" href="https://www.hellorhombus.com/" 
                            		target="_blank" rel="nofollow">Dissenyat per</br>RHOMBUS</a>
                        </div>
    				 	<a class="acceso-mobile" href="javascript:showLightbox();"></a>
					</div>
                    
					<div class="spacer s2"></div>
                    
                    
					<script>
						$(document).ready(function($) {
							// init controller
							controller = new ScrollMagic();
							
							// container pin
							new ScrollScene({duration: 50})
									.setPin("#trigger4")
									.addTo(controller);
							
						});
					</script>
                    
                    
				</section>
    
    
			</div>
		</div>
	</div>
     
	 
	 <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
	 <script type="text/javascript" src="js/vegas.min.js"></script>
	 <script type="text/javascript" src="js/app.min.js"></script>
     
	<script type="text/javascript" src="js/TweenMax.min.js"></script>
	<script type="text/javascript" src="js/highlight.pack.js"></script>
  	<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
  	<script type="text/javascript" src="js/jquery.scrollmagic.js"></script>
  	<script type="text/javascript" src="js/jquery.scrollmagic.debug.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>
    <!--script type="text/javascript" src="js/jquery.smooth-scroll.min.js"></script-->
    <script type="text/javascript" src="js/smooth-scroll.js"></script>
    <script type="text/javascript" src="js/buoy.js"></script>
    <script type="text/javascript" src="js/waypoints.min.js"></script>
    <script type="text/javascript" src="js/cookie.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script type="text/javascript" src="js/mapa.js"></script> 
    
    
    <script>
		/*$(function(){
				var $windowWidth = $(window).width();
   				if($windowWidth > 1024) {*/
					smoothScroll.init({
					speed: 500,
					easing: 'easeInOutCubic',
					offset: 100,
					updateURL: true,
					callback: function ( toggle, anchor ) {}
					/*})
				}*/
			});
		/*$(function(){
				var $windowWidth = $(window).width();
   				if(($windowWidth <= 1024) &&($windowWidth > 780)) {
					smoothScroll.init({
					speed: 500,
					easing: 'easeInOutCubic',
					offset: 100,
					updateURL: true,
					callback: function ( toggle, anchor ) {}
					})
				}
			});
		$(function(){
				var $windowWidth = $(window).width();
   				if(($windowWidth <= 780) &&($windowWidth > 640)) {
					smoothScroll.init({
					speed: 500,
					easing: 'easeInOutCubic',
					offset: -100,
					updateURL: true,
					callback: function ( toggle, anchor ) {}
					})
				}
			});
		$(function(){
				var $windowWidth = $(window).width();
   				if(($windowWidth <= 640) &&($windowWidth > 480)) {
					smoothScroll.init({
					speed: 500,
					easing: 'easeInOutCubic',
					offset: -85,
					updateURL: true,
					callback: function ( toggle, anchor ) {}
					})
				}
			});
		$(function(){
				var $windowWidth = $(window).width();
   				if($windowWidth < 480) {
					smoothScroll.init({
					speed: 500,
					easing: 'easeInOutCubic',
					offset: -75,
					updateURL: true,
					callback: function ( toggle, anchor ) {}
					})
				}
			});*/
	</script>
    
     
    <script>
	
		$(document).ready(function() {
			if (!$.cookie("msgcookie")){
				$("body").prepend("<div class='msgcookie'><div class='info'><div class='text'>Aquesta website utilitza cookies o galetes propies per a la recopilació d'informació amb la finalitat de millorar els nostres serveis, al mateix temps que l'anàlisi dels seus hàbits de navegació. Si continua navengant, suposa l'acceptació de l'instalació de les mateixes. L'usuari té la posibilitat de configurar el seu navegador fent, si així ho desitja, l'impediment per a que siguen instalades al seu disc dur, encara que haurà de tindre en compte que tal acció podrà ocasionar dificultats de navegació de la pàgina web.</br><a class='enlace-cookies' href='politica-cookies.php' target='_blank' rel='nofollow'>M&eacute;s informaci&oacute;</a><a href='#'class='close'>Acepto</a></div>");
			
				$("body").on("click", "a.close", function(e) {
					e.preventDefault();
					$.cookie('msgcookie', 'aceptado');
					$(".msgcookie").fadeOut();
				});
				$("body").on("click", ".msgcookie p a:not(.close)", function(e) {
					e.preventDefault();
				});			
			}
		});

	</script>


</body>
</html>