<?php
//error_reporting(E_ALL);
//ini_set('display_errors', 1); :-)
//ini_set('display_startup_errors', 1);

if ($_GET["lang"]!="") {
    if ($_COOKIE["lang"]!="es" && $_COOKIE["lang"]!="en") {
        $_COOKIE["lang"]="en";
    } else {
        $_COOKIE["lang"]=trim($_GET["lang"]);
    }

}


$inTwoMonths = 60 * 60 * 24 * 60 + time();
if($_COOKIE["lang"]=="") {
    setcookie('lang', 'en', $inTwoMonths );
    $_COOKIE["lang"]="en";
} else {
    setcookie('lang', $_COOKIE["lang"], $inTwoMonths );
}

include ($_SERVER["DOCUMENT_ROOT"] ."/assets/lang/".$_COOKIE["lang"].".php");
//print_r($l);
//echo "assets/lang/".$_COOKIE["lang"].".php";exit;
function l($id) {
    global $l;
    return $l[$id];
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title><?php echo l(38);?></title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" name="viewport" />
	<meta content="Fast Internet provider, Mobile, Landline and TV in Torrevieja, Orihuela, Orihuela Costa, Guardamar del Segura, Vega Baja - Promovedor de internet, Móvil, Linea fija y Televisión en Torrevieja, Orihuela, Orihuela Costa, Guardamar del Segura, Vega Baja" name="description" />
	<meta content="CITY FIBER" name="author" />

	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">

	<!-- ================== BEGIN BASE CSS STYLE ================== -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
	<link href="/assets/css/one-page-parallax/app.min.css" rel="stylesheet" />
	<link href="/assets/css/one-page-parallax/theme/blue.min.css" rel="stylesheet" />
	<!-- ================== END BASE CSS STYLE ================== -->
	<style>
		.map-container{
			overflow:hidden;
			padding-bottom:56.25%;
			position:relative;
			height:0;
		}
		.map-container iframe{
			left:0;
			top:0;
			height:100%;
			width:100%;
			position:absolute;
		}
		.m-t-60 {
			margin-top:60px !important
		}
        .btn:focus,.btn:active {
            outline: none !important;
            box-shadow: none;
            -webkit-box-shadow: none;
        }
	</style>
    <script src="https://code.jquery.com/jquery-3.6.0.slim.js"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LdUIVsoAAAAAH5OjHZWHUc-nI3jT_HJfG51OjeP"></script>




    <!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-MENLX0KQ4M"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'G-MENLX0KQ4M');
	</script>
	

</head>
<body data-spy="scroll" data-target="#header" data-offset="51">
	<!-- begin #page-container -->
	<div id="page-container" class="fade">
		<!-- begin #header -->
		<div id="header" class="header navbar navbar-transparent navbar-fixed-top navbar-expand-lg">
			<!-- begin container -->
			<div class="container">
				<!-- begin navbar-brand -->
				<a href="index.php" class="navbar-brand">
					<span class="brand-text">
						<img src="assets/img/logo.webp" width="204" height="56" alt="CITY FIBER Internet service provider"/>
					</span>
				</a>
				<!-- end navbar-brand -->
				<!-- begin navbar-toggle -->
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!-- end navbar-header -->
				<!-- begin navbar-collapse -->
				<div class="collapse navbar-collapse bg-gradient-black" id="header-navbar">

                    <ul class="nav navbar-nav navbar-right">
                        <li class="nav-item"><a class="nav-link active" href="#home" data-click="scroll-to-target" data-scroll-target="#home"><?php echo l(30);?></a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle shadow-none" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><?php echo l(65);?></a>
                            <div class="dropdown-menu dropdown-menu-left bg-gradient-gray m-l-10 animated fadeInDown">
                                <a class="dropdown-item" href="#pricing"  data-click="scroll-to-target"  data-scroll-target="#pricing"><?php echo l(22);?></a>
                                <a class="dropdown-item" href="#pricing_mobile" data-click="scroll-to-target"  data-scroll-target="#pricing_mobile"><?php echo l("menu_mobile");?></a>
                                <a class="dropdown-item" href="#pricing_voip" data-click="scroll-to-target"  data-scroll-target="#pricing_voip"><?php echo l(34);?></a>
                                <a class="dropdown-item" href="#pricing_wifi" data-click="scroll-to-target"  data-scroll-target="#pricing_wifi"><?php echo l(92);?></a>
                            </div>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="#" data-click="scroll-to-target"  data-scroll-target="#coverage"><?php echo l(11);?></a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-click="scroll-to-target"  data-scroll-target="#service"><?php echo l(69);?></a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-click="scroll-to-target"  data-scroll-target="#contact"><?php echo l(9);?></a></li>
                        <li class="nav-item"><a class="nav-link" href="http://dowisp.cityfiber.eu" target="_blank" ><?php echo l(7);?></a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle shadow-none" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><?php echo strtoupper($_COOKIE["lang"]);?></a>
                            <div class="dropdown-menu dropdown-menu-left bg-gradient-gray m-l-10 animated fadeInDown">
                                <a class="dropdown-item" href="?lang=en" ><img src="assets/img/flags/gb.png"> EN</a>
                                <a class="dropdown-item" href="?lang=es" ><img src="assets/img/flags/es.png"> ES</a>
                                <!--<a class="dropdown-item" href="?lang=ru" ><img src="assets/img/flags/ru.png"> RU</a>
                                <a class="dropdown-item" href="?lang=cn" ><img src="assets/img/flags/cn.png"> CN</a>
                                <a class="dropdown-item" href="?lang=bg" ><img src="assets/img/flags/bg.png"> BG</a>-->
                            </div>
                        </li>
                    </ul>





				</div>
				<!-- end navbar-collapse -->
			</div>
			<!-- end container -->
		</div>
		<!-- end #header -->

		<!-- begin #home -->
		<div id="home" class="content has-bg home">
			<!-- begin content-bg -->
			<div class="content-bg" style="background-image: url(/assets/img/bg/bg-home.webp);"
				 data-paroller="true"
				 data-paroller-factor="0.5"
				 data-paroller-factor-xs="0.25">
			</div>
			<!-- end content-bg -->
			<!-- begin container -->
			<div class="container home-content">
				<h1><?php echo l(31);?></h1>
				<h2><?php echo l(95);?></h2>
				<p><?php echo l(86);?><br />
                    <?php echo l(6);?> <a href="#pricing"><?php echo l(99);?></a> <?php echo l(100);?>.
				</p>


			</div>
			<!-- end container -->
		</div>
		<!-- end #home -->

        <!-- begin #pricing -->
        <div id="pricing" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container">
                <h2 class="content-title"><?php echo l(28);?></h2>
                <p class="content-desc">
                    <?php echo l(23);?>
                </p>
                <div class="row">
                    <!-- begin col-6 -->
                    <div class="col-12">
                        <ul class="pricing-table pricing-col-3 m-t-25">
                            <!--<li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>100 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">18€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l(46);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(24);?></li>
                                                <li><?php echo l(16);?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="100 mbit/s with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>-->
                            <li data-animation="true" data-animation-type="fadeInUp">
                                <div class="pricing-container">
                                    <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="Internet Torrevieja" class="m-r-5"/>600 Mb/s</h3>
                                    <div class="price">
                                        <div class="price-figure">
                                            <span class="price-number">20€</span>
                                            <span class="price-tenure"><?php echo l(60);?></span>
                                        </div>
                                    </div>
                                    <ul class="features">
                                        <li><?php echo l(77);?></li>
                                        <li class="f-s-19 f-w-600 text-lubo"><?php echo l(46);?></li>
                                        <li><?php echo l(49);?></li>
                                        <li><?php echo l(1);?></li>
                                        <li><?php echo l(24);?></li>
                                        <li><?php echo l(16);?></li>
                                    </ul>
                                    <div class="footer">
                                        <a href="javascript:;" data-type="600 mbit/s" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                    </div>
                                </div>
                            </li>
                            <li class="highlight"  data-animation="true" data-animation-type="fadeInUp">
                                <div class="pricing-container">
                                    <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" height="40" alt="Internet Orihuela" class="m-r-5"/>1000 Mb/s</h3>
                                    <div class="price">
                                        <div class="price-figure">
                                            <span class="price-number">25€</span>
                                            <span class="price-tenure"><?php echo l(60);?></span>
                                        </div>
                                    </div>
                                    <ul class="features">
                                        <li><?php echo l(77);?></li>
                                        <li class="f-s-19 f-w-600 text-lubo"><?php echo l(46);?></li>
                                        <li><?php echo l(49);?></li>
                                        <li><?php echo l(1);?></li>
                                        <li><?php echo l(24);?></li>
                                        <li><?php echo l(16);?></li>
                                    </ul>
                                    <div class="footer">
                                        <a href="javascript:;" data-type="1000 mbit/s" class="btn btn-primary  btn-theme btn-block order_button"><?php echo l(54);?></a>
                                    </div>
                                </div>
                            </li>
                            <li data-animation="true" data-animation-type="fadeInUp">
                                <div class="pricing-container">
                                    <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" height="40" alt="Internet Orihuela Costa" class="m-r-5"/>1000 Mb/s <li><?php echo l(102);?></li></h3>
                                    <div class="price">
                                        <div class="price-figure">
                                            <span class="price-number">30€</span>
                                            <span class="price-tenure"><?php echo l(60);?></span>
                                        </div>
                                    </div>
                                    <ul class="features">
                                        <li><?php echo l(77);?></li>
                                        <li class="f-s-19 f-w-600 text-lubo"><?php echo l(46);?></li>
                                        <li><?php echo l(49);?></li>
                                        <li><?php echo l(1);?></li>
                                        <li><?php echo l(24);?></li>
                                        <li><?php echo l(16);?></li>
                                    </ul>
                                    <div class="footer">
                                        <a href="javascript:;" data-type="1000 mbit/s Symmetric" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- end col-6 -->
                </div>
            </div>
            <!-- end container -->
        </div>
        <!-- end #pricing -->

        <!-- begin #quote1 -->
        <div id="quote1" class="content bg-black-darker has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg" style="background-image: url(../assets/img/bg/bg-quote.webp)"
                 data-paroller-factor="0.5"
                 data-paroller-factor-md="0.01"
                 data-paroller-factor-xs="0.01">
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInLeft">
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-12 -->
                    <div class="col-lg-12 quote">
                        <i class="fa fa-quote-left"></i> <?php echo l(93);?><i class="fa fa-quote-right"></i>
                        <small><?php echo l(37);?></small>
                    </div>
                    <!-- end col-12 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #quote1 -->

        <!-- begin #pricing -->
        <div id="pricing_mobile" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container">
                <h2 class="content-title"><?php echo l("mobile.title.1");?></h2>
                <p class="content-desc">
                    <?php echo l("mobile.title.2");?>
                </p>
                <div class="row">
                    <!-- begin col-6 -->
                    <div class="col-12">
                        <!-- begin nav-tabs -->
                        <ul id="nav-tabs" class="nav nav-tabs">
                            <li class="nav-item"><a href="#tab-1-mobile" class="nav-link active" data-toggle="tab"><?php echo l("mobile.tab.1");?></a></li>
                            <li class="nav-item"><a href="#tab-2-mobile" class="nav-link" data-toggle="tab"><?php echo l("mobile.tab.2");?></a></li>
                            <li class="nav-item"><a href="#tab-3-mobile" class="nav-link" data-toggle="tab"><?php echo l("mobile.tab.3");?></a></li>
                        </ul>
                        <!-- end nav-tabs -->
                        <!-- begin tab-content -->
                        <div id="tab-content" class="tab-content">
                            <!-- begin tab-pane -->
                            <div class="tab-pane fade active show p-15" id="tab-1-mobile">
                                <ul class="pricing-table pricing-col-3 m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.1.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.1");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.1.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.1.3");?></li>
                                                <li><?php echo l("mobile.1.1.4");?></li>
                                                <li><?php echo l("mobile.1.1.5");?></li>
                                                <li><?php echo l("mobile.1.1.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="<?php echo l("mobile.1.1.1");?>" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.2.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.2");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.2.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.2.3");?></li>
                                                <li><?php echo l("mobile.1.2.4");?></li>
                                                <li><?php echo l("mobile.1.2.5");?></li>
                                                <li><?php echo l("mobile.1.4.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s with contract" class="btn btn-primary  btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.3.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.3");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.3.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.3.3");?></li>
                                                <li><?php echo l("mobile.1.3.4");?></li>
                                                <li><?php echo l("mobile.1.3.5");?></li>
                                                <li><?php echo l("mobile.1.4.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="kokoo" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <br>
                                <ul class="pricing-table pricing-col-3 m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.4.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.4");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.4.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.4.3");?></li>
                                                <li><?php echo l("mobile.1.4.4");?></li>
                                                <li><?php echo l("mobile.1.4.5");?></li>
                                                <li><?php echo l("mobile.1.4.6");?></li>
                                            </ul>                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s SYMMETRIC with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.5.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.5");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.5.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.5.3");?></li>
                                                <li><?php echo l("mobile.1.5.4");?></li>
                                                <li><?php echo l("mobile.1.5.5");?></li>
                                                <li><?php echo l("mobile.1.5.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s with contract" class="btn btn-primary  btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.1.6.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.1.6");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.1.6.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.1.6.3");?></li>
                                                <li><?php echo l("mobile.1.6.4");?></li>
                                                <li><?php echo l("mobile.1.6.5");?></li>
                                                <li><?php echo l("mobile.1.6.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s SYMMETRIC with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- end tab-pane -->
                            <!-- begin tab-pane -->
                            <div class="tab-pane fade p-15" id="tab-2-mobile">
                                <ul class="pricing-table pricing-col-3  m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.2.1.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.2.1");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.2.1.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.2.1.3");?></li>
                                                <li><?php echo l("mobile.2.1.4");?></li>
                                                <li><?php echo l("mobile.2.1.5");?></li>
                                                <li><?php echo l("mobile.2.1.6");?></li>
                                                <li><?php echo l("mobile.2.1.7");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s without contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.2.2.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.2.2");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.2.2.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.2.2.3");?></li>
                                                <li><?php echo l("mobile.2.2.4");?></li>
                                                <li><?php echo l("mobile.2.2.5");?></li>
                                                <li><?php echo l("mobile.2.2.6");?></li>
                                                <li><?php echo l("mobile.2.2.7");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s without contract" class="btn btn-primary btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.2.3.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.2.3");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.2.3.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.2.3.3");?></li>
                                                <li><?php echo l("mobile.2.3.4");?></li>
                                                <li><?php echo l("mobile.2.3.5");?></li>
                                                <li><?php echo l("mobile.2.3.6");?></li>
                                                <li><?php echo l("mobile.2.3.7");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s without contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <br>
                                <ul class="pricing-table pricing-col-3  m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.2.4.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.2.4");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.2.4.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.2.4.3");?></li>
                                                <li><?php echo l("mobile.2.4.4");?></li>
                                                <li><?php echo l("mobile.2.4.5");?></li>
                                                <li><?php echo l("mobile.2.4.6");?></li>
                                                <li><?php echo l("mobile.2.4.7");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s without contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.2.5.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.2.5");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.2.4.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.2.5.3");?></li>
                                                <li><?php echo l("mobile.2.5.4");?></li>
                                                <li><?php echo l("mobile.2.5.5");?></li>
                                                <li><?php echo l("mobile.2.5.6");?></li>
                                                <li><?php echo l("mobile.2.5.7");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s without contract" class="btn btn-primary btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- end tab-pane -->
                            <div class="tab-pane fade p-15" id="tab-3-mobile">
                                <ul class="pricing-table pricing-col-3 ">
                                    <li class="m-t-25" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.3.1.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.3.1");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.3.1.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.3.1.3");?></li>
                                                <li><?php echo l("mobile.3.1.4");?></li>
                                                <li><?php echo l("mobile.3.1.5");?></li>
                                                <li><?php echo l("mobile.3.1.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="2000 min VOIP with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight m-t-0" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.3.2.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.3.2");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.3.2.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.3.2.3");?></li>
                                                <li><?php echo l("mobile.3.2.4");?></li>
                                                <li><?php echo l("mobile.3.2.5");?></li>
                                                <li><?php echo l("mobile.3.2.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="1500 min VOIP with contract"  class="btn btn-primary btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li  class="m-t-25" data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><i class="fa fa-lg fa-fw m-r-5  fa-mobile-alt"></i><?php echo l("mobile.3.3.1");?></h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number"><?php echo l("precio_mobile.3.3");?></span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l("mobile.3.3.2");?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l("mobile.3.3.3");?></li>
                                                <li><?php echo l("mobile.3.3.4");?></li>
                                                <li><?php echo l("mobile.3.3.5");?></li>
                                                <li><?php echo l("mobile.3.3.6");?></li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="5000 min VOIP with contract"  class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end tab-content -->
                    </div>
                    <!-- end col-6 -->
                </div>
            </div>
            <!-- end container -->
        </div>
        <!-- end #pricing -->

        <div id="zones_mobile" class="content bg-grey" data-scrollview="true">

            <div class="container fadeInRight contentAnimated finishAnimated" data-animation="true" data-animation-type="fadeInRight">

                <div class="row ">
                    <div class="col-lg-12">
                        <h3><?php echo l("quote_mobile_title");?></h3>
                        <p class="text-default">
                            <?php echo l("quote_mobile_text")?>
                        </p>
                    </div>

                </div>

            </div>

        </div>

        <!-- begin #pricing -->
        <div id="pricing_voip" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container">
                <h2 class="content-title"><?php echo l(35);?></h2>
                <p class="content-desc">
                    <?php echo l(23);?>
                </p>
                <!-- begin pricing-table -->
                <ul class="pricing-table pricing-col-3">
                    <li data-animation="true" data-animation-type="fadeInUp">
                        <div class="pricing-container">
                            <h3 class="f-s-28 f-w-900"><i class="fas fa-lg fa-fw m-r-5 fa-phone-volume"></i>2000 <?php echo l(41);?></h3>
                            <div class="price">
                                <div class="price-figure">
                                    <span class="price-number">10€</span>
                                    <span class="price-tenure"><?php echo l(60);?></span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                <li>2000 <?php echo l(42);?><br/>500 <?php echo l(40);?></li>
                                <li><?php echo l(3);?></li>
                            </ul>
                            <div class="footer">
                                <a href="javascript:;" data-type="2000 min VOIP with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                            </div>
                        </div>
                    </li>
                    <li class="highlight" data-animation="true" data-animation-type="fadeInUp">
                        <div class="pricing-container">
                            <h3 class="f-s-28 f-w-900"><i class="fas fa-lg fa-fw m-r-5 fa-phone-volume"></i>1500 <?php echo l(41);?></h3>
                            <div class="price">
                                <div class="price-figure">
                                    <span class="price-number">10€</span>
                                    <span class="price-tenure"><?php echo l(60);?></span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                <li>1500 <?php echo l(42);?><br/>
                                    <?php echo l(43);?><br/><?php echo l(17);?></li>
                                <li><?php echo l(3);?></li>

                            </ul>
                            <div class="footer">
                                <a href="javascript:;" data-type="1500 min VOIP with contract"  class="btn btn-primary btn-theme btn-block order_button"><?php echo l(54);?></a>
                            </div>
                        </div>
                    </li>
                    <li  data-animation="true" data-animation-type="fadeInUp">
                        <div class="pricing-container">
                            <h3 class="f-s-28 f-w-900"><i class="fas fa-lg fa-fw m-r-5 fa-phone-volume"></i>5000 <?php echo l(41);?></h3>
                            <div class="price">
                                <div class="price-figure">
                                    <span class="price-number">15€</span>
                                    <span class="price-tenure"><?php echo l(60);?></span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                <li>5000 <?php echo l(42);?><br/>
                                    <?php echo l(43);?><br/><?php echo l(17);?></li>
                                <li><?php echo l(3);?></li>
                            </ul>
                            <div class="footer">
                                <a href="javascript:;" data-type="5000 min VOIP with contract"  class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- end container -->
        </div>
        <!-- end #pricing -->

        <!-- begin #quote1 -->
        <div id="zones_voip" class="content bg-grey" data-scrollview="true">

            <div class="container fadeInRight contentAnimated finishAnimated" data-animation="true" data-animation-type="fadeInRight">

                <div class="row ">
                    <div class="col-lg-12">
                        <h3><?php echo l("quote_voip_title");?></h3>
                        <p class="text-default">
                            <?php echo l("quote_voip_text")?>
                        </p>
                    </div>

                </div>

            </div>

        </div>
        <!-- end #quote1 -->

        <!-- begin #pricing -->
        <div id="pricing_wifi" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container">
                <h2 class="content-title"><?php echo l(29);?></h2>
                <p class="content-desc">
                    <?php echo l(23);?>
                </p>
                <div class="row">
                    <!-- begin col-6 -->
                    <div class="col-12">
                        <!-- begin nav-tabs -->
                        <ul id="nav-tabs" class="nav nav-tabs">
                            <li class="nav-item"><a href="#tab-1-wifi" class="nav-link active" data-toggle="tab"><?php echo l(63);?></a></li>
                            <li class="nav-item"><a href="#tab-2-wifi" class="nav-link" data-toggle="tab"><?php echo l(64);?></a></li>
                        </ul>
                        <!-- end nav-tabs -->
                        <!-- begin tab-content -->
                        <div id="tab-content" class="tab-content">
                            <!-- begin tab-pane -->
                            <div class="tab-pane fade active show p-15" id="tab-1-wifi">
                                <ul class="pricing-table pricing-col-4 m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>10 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">18€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(24);?></li>
                                                <li><?php echo l(16);?> 129€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>30 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">20€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(24);?></li>
                                                <li><?php echo l(16);?> 129€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="30 mbit/s with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight"  data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>60 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">25€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(24);?></li>
                                                <li><?php echo l(16);?> 129€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s with contract" class="btn btn-primary  btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>60 Mb/s symmetric</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">30€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(78);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo">12 <?php echo l(46);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(24);?></li>
                                                <li><?php echo l(16);?> 299€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s SYMMETRIC with contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- end tab-pane -->
                            <!-- begin tab-pane -->
                            <div class="tab-pane fade p-15" id="tab-2-wifi">
                                <ul class="pricing-table pricing-col-4  m-t-25">
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>10 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">23€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l(48);?></li>
                                                <li><?php echo l(25);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(33);?> 199€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="10 mbit/s without contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>30 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">25€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l(48);?></li>
                                                <li><?php echo l(25);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(33);?> 199€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="30 mbit/s without contract" class="btn  btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="highlight"  data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>60 Mb/s</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">30€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(77);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l(48);?></li>
                                                <li><?php echo l(25);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(33);?> 199€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s without contract" class="btn btn-primary btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-animation="true" data-animation-type="fadeInUp">
                                        <div class="pricing-container">
                                            <h3 class="f-s-28 f-w-900"><img src="/assets/img/speed.webp" width="40" height="40" alt="CITY FIBER internet Speed" class="m-r-5"/>60 Mb/s symmetric</h3>
                                            <div class="price">
                                                <div class="price-figure">
                                                    <span class="price-number">35€</span>
                                                    <span class="price-tenure"><?php echo l(60);?></span>
                                                </div>
                                            </div>
                                            <ul class="features">
                                                <li><?php echo l(66);?><br/><?php echo l(78);?></li>
                                                <li class="f-s-19 f-w-600 text-lubo"><?php echo l(48);?></li>
                                                <li><?php echo l(25);?></li>
                                                <li><?php echo l(49);?></li>
                                                <li><?php echo l(1);?></li>
                                                <li><?php echo l(33);?> 499€</li>
                                            </ul>
                                            <div class="footer">
                                                <a href="javascript:;" data-type="60 mbit/s SYMMETRIC without contract" class="btn btn-inverse btn-theme btn-block order_button"><?php echo l(54);?></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- end tab-pane -->
                        </div>
                        <!-- end tab-content -->
                    </div>
                    <!-- end col-6 -->
                </div>
            </div>
            <!-- end container -->
        </div>
        <!-- end #pricing -->

        <!-- begin #quote1 -->
        <div id="quote1" class="content bg-black-darker has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg" style="background-image: url(../assets/img/bg/bg-quote.webp)"
                 data-paroller-factor="0.5"
                 data-paroller-factor-md="0.01"
                 data-paroller-factor-xs="0.01">
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInLeft">
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-12 -->
                    <div class="col-lg-12 quote">
                        <i class="fa fa-quote-left"></i> <?php echo l(75);?>
                        <i class="fa fa-quote-right"></i>
                        <small><?php echo l(4);?></small>
                    </div>
                    <!-- end col-12 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #quote1 -->

        <!-- begin #work -->
        <div id="coverage" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInDown">
                <h2 class="content-title"><?php echo l(57);?></h2>
                <p class="content-desc">
                    <?php echo l(32);?>
                </p>
                <!-- begin row -->
                <div class="row row-space-10">
                    <div class="col-lg-2" ></div>
                    <div id="map-container-google-2" class="col-lg-8 z-depth-1-half map-container" data-animation="true" data-animation-type="fadeInLeft" style="height: 500px">
                        <iframe src="https://www.google.com/maps/d/embed?mid=1OoR3qsOBefJRkNSwALzCRmsTt50-R29k&ehbc=2E312F" width="640" height="480" title="CITY FIBER COVARAGE"></iframe>
                    </div>
                    <div class="col-lg-2" ></div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #work -->

        <!-- begin #quote1 -->
        <div id="quote1" class="content bg-black-darker has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg" style="background-image: url(../assets/img/bg/bg-quote.webp)"
                 data-paroller-factor="0.5"
                 data-paroller-factor-md="0.01"
                 data-paroller-factor-xs="0.01">
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInLeft">
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-12 -->
                    <div class="col-lg-12 quote">
                        <i class="fa fa-quote-left"></i> <?php echo l(32);?><i class="fa fa-quote-right"></i>
                        <small><?php echo l(5);?></small>
                    </div>
                    <!-- end col-12 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #quote1 -->


		<!-- beign #service -->
		<div id="service" class="content" data-scrollview="true">
			<!-- begin container -->
			<div class="container">
				<h2 class="content-title"><?php echo $l["service_title"];?></h2>
				<p class="content-desc">
                    <?php echo $l["service_subtitle"];?>
				</p>
				<!-- begin row -->
				<div class="row">
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-cog"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_1_title"];?></h4>
								<p class="desc"><?php echo $l["service_1_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-paint-brush"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_2_title"];?></h4>
								<p class="desc"><?php echo $l["service_2_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-file"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_3_title"];?></h4>
								<p class="desc"><?php echo $l["service_3_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
				</div>
				<!-- end row -->
				<!-- begin row -->
				<div class="row">
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-cog"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_4_title"];?></h4>
								<p class="desc"><?php echo $l["service_4_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-paint-brush"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_5_title"];?></h4>
								<p class="desc"><?php echo $l["service_5_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
					<!-- begin col-4 -->
					<div class="col-lg-4">
						<div class="service">
							<div class="icon" data-animation="true" data-animation-type="bounceIn"><i class="fa fa-file"></i></div>
							<div class="info">
								<h4 class="title"><?php echo $l["service_6_title"];?></h4>
								<p class="desc"><?php echo $l["service_6_subtitle"];?></p>
							</div>
						</div>
					</div>
					<!-- end col-4 -->
				</div>
				<!-- end row -->
			</div>
			<!-- end container -->
		</div>
		<!-- end #about -->

		<!-- begin #contact -->
		<div id="contact" class="content bg-silver-lighter" data-scrollview="true">
			<!-- begin container -->
			<div class="container">
				<h2 class="content-title"><?php echo l(26);?></h2>
				<p class="content-desc">
                    <?php echo l(20);?>
				</p>
				<div class="row m-b-10">
						<div class="col-lg-2" ></div>
						<div id="map-container-google-1" class="col-lg-8 z-depth-1-half map-container" data-animation="true" data-animation-type="fadeInLeft" style="height: 500px">
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3144.50159502588!2d-0.6845151245592985!3d37.98875919980561!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd63a99b28e45105%3A0x62ef063e18f4e883!2sCITY%20FIBER%20SL.!5e0!3m2!1ses!2ses!4v1695590737049!5m2!1ses!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="CITY FIBER ADDRESS"></iframe>
						</div>
						<div class="col-lg-2" ></div>
				</div>
				<!-- begin row -->
				<div class="row">
					<!-- begin col-6 -->
					<div class="col-lg-6" data-animation="true" data-animation-type="fadeInLeft">
						<h3><?php echo l(44);?></h3>
						<p>
							<strong>03183 Torrevieja (Alicante)</strong><br />
                            <?php echo l(79);?> <br />
                            <?php echo l(61);?>: +34 966 266 058<br />
							<a href="mailto:info@cityfiber.eu" class="text-lubo">info@cityfiber.eu</a>
						</p>
						<p>
							<strong><?php echo l(52);?></strong><br />
                            <?php echo l(103);?><br />
						</p>

					</div>
					<!-- end col-6 -->
					<!-- begin col-6 -->
					<div class="col-lg-6 form-col" data-animation="true" data-animation-type="fadeInRight">
						<form class="form-horizontal" id="message_form" name="message_form" method="post" action="send_message.php">
							        <div class="form-group row m-b-15">
								<label class="col-form-label col-lg-3 text-lg-right"><?php echo l(47);?> <span class="text-lubo">*</span></label>
								<div class="col-lg-9">                                                           
								<input type="text" name="name" class="form-control" id="message_name"/>
								</div>
							        </div>
							        <div class="form-group row m-b-15">
								<label class="col-form-label col-lg-3 text-lg-right"><?php echo l(14);?> <span class="text-lubo">*</span></label>
								<div class="col-lg-9">
								<input type="text" name="email" class="form-control" id="message_email"/>
								</div>
							        </div>
							        <div class="form-group row m-b-15">
								<label class="col-form-label col-lg-3 text-lg-right"><?php echo l(39);?> <span class="text-lubo">*</span></label>
								<div class="col-lg-9">
								<textarea class="form-control" name="message" rows="10" id="message_text"></textarea>
								</div>
						         	</div>
							        <div class="form-group row m-b-15">
								<label class="col-form-label col-lg-3 text-lg-right"></label>
								<div class="col-lg-9 text-left">
									<button type="submit" name="submit" id="submit_message" class="btn btn-theme btn-primary btn-block " ><?php echo l(68);?></button>
								</div>
							</div>
						</form>
					</div>
					<!-- end col-6 -->
				</div>
				<!-- end row -->
			</div>
			<!-- end container -->
		</div>
		<!-- end #contact -->

        <!-- beign #action-box -->
        <div id="action-box" class="content has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg" style="background-image: url(../assets/img/bg/bg-client.webp)"
                 data-paroller-factor="0.5"
                 data-paroller-factor-md="0.01"
                 data-paroller-factor-xs="0.01">
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInRight">
                <!-- begin row -->
                <div class="row action-box">
                    <!-- begin col-9 -->
                    <div class="col-lg-9">
                        <div class="icon-large text-lubo">
                            <i class="fa fa-binoculars"></i>
                        </div>
                        <h3><?php echo l(18);?></h3>
                        <p>
                            <?php echo l(15);?>
                        </p>
                    </div>
                    <!-- end col-9 -->
                    <!-- begin col-3 -->
                    <div class="col-lg-3">
                        <a href="http://dowisp.cityfiber.eu" class="btn btn-outline-white btn-theme btn-block"><?php echo l(7);?></a>
                    </div>
                    <!-- end col-3 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #action-box -->
<?if ($_COOKIE["accept"]=="") {?>
    <div class="alert bg-inverse-transparent-9 text-white position-fixed rounded-0 position-fixed mb-0 d-md-flex align-items-center pl-xl-5 pr-xl-5 pt-xl-4 pt-4 pb-xl-4" style="left: 0; right: 0; bottom: 0; z-index: 1020;">
            <div class="flex-fill">
                <h4><?php echo l(76);?></h4>
        <p class="mb-0">
            <?php echo l(88);?>
        </p>
    </div>
    <div class="pl-xl-4 pt-xl-0 pt-3">
        <a href="setcookie.php" class="btn btn-outline-white btn-lg width-150" ><?php echo l(2);?></a>
    </div>
    </div><?
}?>



		<!-- begin #footer -->
		<div id="footer" class="footer">
			<div class="container">
				<div class="footer-brand">
					<div ><img src="assets/img/logo.webp" width="204" height="56" width="204" alt="CITY FIBER Internet service provider"/></div>
				</div>
				<p>
					&copy; Copyright CITY FIBER 2023 <br />
					Created by <a href="https://www.cityfiber.eu">CITY FIBER</a>
				</p>
				<p class="social-list">
					<a href="https://www.facebook.com/CityFiber.SL/" aria-label="Read more about our prices"><i class="fab fa-facebook-f fa-fw"></i></a>
					<!-- <a href="#"><i class="fab fa-instagram fa-fw"></i></a> -->
					<!-- <a href="#"><i class="fab fa-twitter fa-fw"></i></a> -->
					<!-- <a href="#"><i class="fab fa-google-plus-g fa-fw"></i></a> -->
					<!-- <a href="#"><i class="fab fa-dribbble fa-fw"></i></a> -->
				</p>
			</div>
		</div>
		<!-- end #footer -->

	</div>
	<!-- end #page-container -->
	
	<!-- ================== BEGIN BASE JS ================== -->
	<script src="/assets/js/one-page-parallax/app.min.js"></script>
    <script src="/assets/js/sweet.js"></script>


    <script>
        var service="";
        var allButtons = document.getElementsByClassName('order_button');
        for (var i = 0; i < allButtons.length; i++) {
            allButtons[i].addEventListener('click', function() {
                service=this.getAttribute('data-type');
                swal_buy();
            });
        }

        var swal_buy = function() {
            (async () => {

                const { value: formValues } = await Swal.fire({
                    title: 'Order form',
                    html:
                        '<input id="swal-input1" class="swal2-input" placeholder="<?php echo l(98);?>">' +
                        '<input id="swal-input2" class="swal2-input" placeholder="<?php echo l(96);?>">' +
                        '<input id="swal-input3" class="swal2-input" placeholder="<?php echo l(97);?>">' +
                        '<input id="swal-input4" class="swal2-input"  placeholder="<?php echo l(62);?>">',
                    focusConfirm: false,
                    confirmButtonText: '<i class="fa fa-thumbs-up"></i> <?php echo l(36);?>',
                    cancelButtonText: '<i class="fa fa-thumbs-down"></i> <?php echo l(8);?>',
                    preConfirm: () => {
                        var name=document.getElementById('swal-input1').value;
                        var address=document.getElementById('swal-input2').value;
                        var email=document.getElementById('swal-input3').value;
                        var phone=document.getElementById('swal-input4').value;

                        grecaptcha.ready(function() {
                            grecaptcha.execute('6LdUIVsoAAAAAH5OjHZWHUc-nI3jT_HJfG51OjeP', {action: 'submit'}).then(function(token) {
                                window.location = "https://cityfiber.eu/mail.php?name=" + name + '&token=' + token + '&address=' + address + '&email=' + email + '&phone=' + phone + '&service=' + service;
                            });
                        });
                        return true;
                    }
                })


            })()
        }
        //console.log($('#submit_message'));
        $('#message_form').submit(function(e) {
            e.preventDefault();
            grecaptcha.ready(function() {
                grecaptcha.execute('6LdUIVsoAAAAAH5OjHZWHUc-nI3jT_HJfG51OjeP', {action: 'submit'}).then(function(token) {
                    //console.log('https://cityfiber.eu/send_message.php?token=' + token + '&name=' + $('#message_name').val()+'&email='+$('#message_email').val()+'&message='+$('#message_text').val());
                    window.location = 'https://cityfiber.eu/send_message.php?token=' + token + '&name=' + $('#message_name').val()+'&email='+$('#message_email').val()+'&message='+$('#message_text').val();
                    //console.log($('#message_form').submit());
                });
            });
        });


    </script>

    <?php if ($_GET["result"]=="ok") { ?>
	<script>
		Swal.fire(
			'<?php echo l(74);?>',
			'<?php echo l(87);?>',
			'success'
		)
	</script>

	<?php } ?>
	<!-- ================== END BASE JS ================== -->

</body>
</html>
