<? session_start(); ?>
<? include("../../includes/sesiones.php"); ?>
<? include("../vars.php"); ?>
<? include("../../includes/traducciones.php");?>
<!doctype html>
<?
include("../../defines.php");
include("../../administracion/bd-con.php");
include("../../administracion/funciones.php");
include("../../includes/consultas-generales.php");
include("../sql.php");
?>
<html ⚡>
<head>
<meta charset="utf-8">
<title><?=CLIENT_NAME?></title>
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
<style amp-custom>
main{
max-width: 500px;
margin: 20px;
}
.ampstart-input>input, .ampstart-input>select, .ampstart-input>textarea {
width: 100%;
margin-top: 1rem;
line-height: 1.5rem;
border: 0;
border-radius: 0;
border-bottom: 1px solid #4a4a4a;
background: 0 0;
color: #4a4a4a;
outline: 0;
}
body {
font-family: 'Noto Sans', sans-serif;
color: #6A696A;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.d-block{
display: block;
width: 100%;
}
.ok{
color: #007bff;
}
.error{
color: #dc3545;
}
body .width-auto{
width: auto;
}
</style>
</head>
<body>
<main role="main" class="main">
<section class="container">
<h1><?=$titulo;?></h1>
<p><em><?= $contactaWeb;?> <?= $textoInfoPromoTxt2; ?> <strong><a href="tel:<?=$row_dir["tel"]?>"><?=$row_dir["tel"]?></a></strong></em></p>
<form method="post" class="p2"
action-xhr="amp-request.php"
target="_top">
<div class="ampstart-input">
<input type="text"
class="block"
name="name"
placeholder="<?= $fnombre?>"
required>
<input type="email"
class="block"
name="email"
placeholder="<?= $femail?>"
required>
<input type="tel"
class="block"
name="tel"
placeholder="<?= $ftel?>"
required>
<textarea name="mensaje" id="mensaje" cols="30" rows="2"><?= $fmensaje?></textarea>
<input type="checkbox" class="width-auto d-inline-block" name="privacidad" value="1" required> <a href="#privacidad"><?=strip_tags($fprivacidad);?></a>
</div>
<br>
<input type="submit" value="Enviar" class="btn btn-primary d-block">
<div submit-success>
<template type="amp-mustache">
<p class="ok"><em>{{name}}</em> <?=$okFormuContac;?></p>
</template>
</div>
<div submit-error>
<template type="amp-mustache">
<p class="error">Oops! <em>{{name}}</em>, <?=$errorFormuContac;?></p>
</template>
</div>
</form>
<br><br>
<div id="privacidad" class="privacidad-content">
<?=$rowlegal["descripcion"]?>
</div>
</section>
</main>
</body>
</html>