Web terminada.
git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_Inselsoft@2 b8459336-5772-e545-a78a-db11218ae9be
This commit is contained in:
parent
faf629fb45
commit
392d9b2ebb
BIN
src/images/bottom_curve.png
Normal file
BIN
src/images/bottom_curve.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/images/bottom_curve_arrow.png
Normal file
BIN
src/images/bottom_curve_arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
src/images/btn.jpg
Normal file
BIN
src/images/btn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/images/hr.gif
Normal file
BIN
src/images/hr.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
BIN
src/images/icons/asterisk_orange.png
Normal file
BIN
src/images/icons/asterisk_orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/images/middle_shade.png
Normal file
BIN
src/images/middle_shade.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 364 B |
BIN
src/images/pager.png
Normal file
BIN
src/images/pager.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
BIN
src/images/pattern.jpg
Normal file
BIN
src/images/pattern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
src/images/quote.png
Normal file
BIN
src/images/quote.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/images/slide1.jpg
Normal file
BIN
src/images/slide1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
src/images/slider_shadow.png
Normal file
BIN
src/images/slider_shadow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 522 B |
BIN
src/images/submit_btn.jpg
Normal file
BIN
src/images/submit_btn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1004 B |
BIN
src/images/top_curve.png
Normal file
BIN
src/images/top_curve.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
156
src/index.php
Normal file
156
src/index.php
Normal file
@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<?php
|
||||
$para = 'flipo@inselsoft.com';
|
||||
$email = stripslashes($_POST['email']);
|
||||
$asunto = "Solicitud de información FLIPO";
|
||||
$mensaje = "";
|
||||
$mensaje .= "Email: $email \r\n";
|
||||
$mensaje .= "Actividad: ".stripslashes($_POST['actividad'])."\r\n";
|
||||
$mensaje .= "Mensaje: \r\n".stripslashes($_POST['mensaje'])."\r\n\n";
|
||||
$mensaje .= "Referencia: ".isset($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:""."\r\n";
|
||||
$mensaje .= "IP: ".$_SERVER["REMOTE_ADDR"]."\r\n";
|
||||
$mensaje .= "Navegador: ".$_SERVER["HTTP_USER_AGENT"];
|
||||
?>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>FLIPO Ingeniería Civil - Documentación de proyectos</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css"/>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
#pager { padding-left: 20px }
|
||||
#pager li { float:left }
|
||||
</style>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="/js/core.js"></script>
|
||||
<script type="text/javascript" src="/js/more.js"></script>
|
||||
<script type="text/javascript" src="js/lang/es.js"> </script>
|
||||
<script type="text/javascript" src="js/formcheck.js"></script>
|
||||
|
||||
<script type="text/javascript" src="js/cufon-yui.js"></script>
|
||||
<script type="text/javascript" src="js/PT_Sans.font.js"></script>
|
||||
<script type="text/javascript">
|
||||
Cufon.replace('h2');
|
||||
Cufon.replace('h3');
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
window.addEvent('domready', function(){check = new FormCheck('subscribe', {
|
||||
tipsClass : 'tips_box',
|
||||
display : {
|
||||
errorsLocation : 2,
|
||||
indicateErrors : 1,
|
||||
showErrors : 1,
|
||||
addClassErrorToField : 1,
|
||||
fadeDuration : 500
|
||||
}
|
||||
})});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header1">
|
||||
</div><!-- .header1 -->
|
||||
<div class="featured">
|
||||
<div class="half">
|
||||
<h2>FLIPO Ingeniería Civil<br/>Documentación de proyectos</h2>
|
||||
<p>Desde cualquier ordenador, en cualquier ubicación (desde su puesto habitual de trabajo, desde otra localización cualquiera,.. El usuario tiene disponible:</p>
|
||||
<ul>
|
||||
<li>La documentación de sus proyectos</li>
|
||||
<li>La intercomunicación con los clientes y su equipo de trabajo</li>
|
||||
<li>La situación de sus proyectos</li>
|
||||
</ul>
|
||||
|
||||
<p><a class="button" href="#subscribe">Contáctenos para una presentación</a></p>
|
||||
</div><!-- .half -->
|
||||
<div class="half last">
|
||||
<div class="slider_wrap">
|
||||
<ul id="slider">
|
||||
<li><img src="images/slide1.jpg" alt=""/></li>
|
||||
</ul>
|
||||
</div><!-- .slider_wrap -->
|
||||
<ul id="pager"><li></li></ul>
|
||||
</div><!-- .half last -->
|
||||
</div><!-- .featured -->
|
||||
<div class="primary1">
|
||||
<div class="half">
|
||||
<h2>Ventajas ofrecidas</h2>
|
||||
<ul class="features">
|
||||
<li>
|
||||
<img class="alignleft" src="images/icons/asterisk_orange.png" alt="star"/>
|
||||
<p>Una mejora drástica de la <strong>PRODUCTIVIDAD Y CALIDAD</strong> en los Proyectos de Ingeniería Civil</p>
|
||||
</li>
|
||||
<li>
|
||||
<img class="alignleft" src="images/icons/asterisk_orange.png" alt="star"/>
|
||||
<p>Una “nueva” colaboración entre los Ingenieros Proyectistas</p>
|
||||
</li>
|
||||
<li>
|
||||
<img class="alignleft" src="images/icons/asterisk_orange.png" alt="star"/>
|
||||
<p>Una “nueva” colaboración con el Cliente y con Consultoras subcontratistas</p>
|
||||
</li>
|
||||
<li>
|
||||
<img class="alignleft" src="images/icons/asterisk_orange.png" alt="star"/>
|
||||
<p>Un Sistema de Calidad corporativa conforme a <strong>ISO 9001:2008</strong></p>
|
||||
</li>
|
||||
<li>
|
||||
<img class="alignleft" src="images/icons/asterisk_orange.png" alt="star"/>
|
||||
<p>Nueva metodología para la redacción de:</p>
|
||||
<ul><li>Estudios de planeamiento</li>
|
||||
<li>Estudios informativos</li>
|
||||
<li>Estudios previos</li>
|
||||
<li>Proyectos básicos</li>
|
||||
<li>Proyectos de construcción</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
</div><!-- .half -->
|
||||
<div class="half last">
|
||||
<h2>Solicite más información</h2>
|
||||
<a name="subscribe"></a>
|
||||
<?php
|
||||
if (count($_POST) == 0) {
|
||||
$self = $_SERVER['PHP_SELF'];
|
||||
?>
|
||||
<p>Rellene estos campos con información básica y le podremos ampliar información:</p>
|
||||
<form method="post" id="subscribe" action="<?php echo $self; ?>" class="niceform">
|
||||
<label for="email">Indique su dirección email:</label>
|
||||
<input type="text" id="email" name="email" class="validate['required','email']"/>
|
||||
<br/>
|
||||
<label for="actividad">Indique el área de actividad de su negocio:</label>
|
||||
<textarea id="actividad" name="actividad" class="validate['required']" rows="1" cols="40"></textarea>
|
||||
<br/>
|
||||
<label for="mensaje">Su mensaje:</label>
|
||||
<textarea id="mensaje" name="mensaje" class="validate['required']" rows="2" cols="40"></textarea>
|
||||
<br/>
|
||||
<input type="submit" id="submit" class="validate['submit']" value="Solicitar" />
|
||||
</form>
|
||||
<?php
|
||||
} else {
|
||||
error_reporting(0);
|
||||
if (mail($para, $asunto, $mensaje, "From: $email\r\nReply-To: $email\r\nReturn-Path: $email\r\n"))
|
||||
echo "<p>Gracias por su interés. En breve recibirá más información.</p>";
|
||||
else
|
||||
echo "<p>Se ha producido algún error al enviar la información.<br/>Por favor, inténtelo más tarde.</p>";
|
||||
}
|
||||
?>
|
||||
</div><!-- .half last -->
|
||||
</div><!-- .primary1 -->
|
||||
<div class="footer">
|
||||
<div class="notes">
|
||||
|
||||
</div>
|
||||
</div><!-- .footer -->
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-297093-26']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
160
src/js/PT_Sans.font.js
Normal file
160
src/js/PT_Sans.font.js
Normal file
File diff suppressed because one or more lines are too long
3
src/js/core.js
Normal file
3
src/js/core.js
Normal file
File diff suppressed because one or more lines are too long
7
src/js/cufon-yui.js
Normal file
7
src/js/cufon-yui.js
Normal file
File diff suppressed because one or more lines are too long
1
src/js/formcheck.js
Normal file
1
src/js/formcheck.js
Normal file
File diff suppressed because one or more lines are too long
23
src/js/lang/es.js
Normal file
23
src/js/lang/es.js
Normal file
@ -0,0 +1,23 @@
|
||||
formcheckLanguage = {
|
||||
required : "Este campo es obligatorio.",
|
||||
alpha : "This field accepts alphabetic characters only.",
|
||||
alphanum : "This field accepts alphanumeric characters only.",
|
||||
nodigit : "No digits are accepted.",
|
||||
digit : "Please enter a valid integer.",
|
||||
digitmin : "The number must be at least %0",
|
||||
digitltd : "The value must be between %0 and %1",
|
||||
number : "Please enter a valid number.",
|
||||
email : "Introduzca una dirección válida.",
|
||||
spamcheck : "<span>2 + 3 = ???</span>",
|
||||
phone : "Please enter a valid phone.",
|
||||
url : "Please enter a valid url: <br /><span>E.g. http://www.domain.com</span>",
|
||||
|
||||
confirm : "This field is different from %0",
|
||||
differs : "This value must be different of %0",
|
||||
length_str : "Text is too short, it must be between %0 and %1",
|
||||
lengthmax : "Text is too short, it must be at max %0",
|
||||
lengthmin : "Text is too short, it must be at least %0",
|
||||
checkbox : "Please check the box",
|
||||
radios : "Please select a radio",
|
||||
select : "Please choose a value"
|
||||
}
|
||||
1491
src/js/more.js
Normal file
1491
src/js/more.js
Normal file
File diff suppressed because it is too large
Load Diff
135
src/style.css
Normal file
135
src/style.css
Normal file
@ -0,0 +1,135 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* -- TABLE OF CONTENTS ---------
|
||||
|
||||
1. RESET BROWSER DEFAULTS
|
||||
2. TYPOGRAPHY
|
||||
3. STRUCTURE
|
||||
4. SLIDER
|
||||
5. SUBSCRIBE FORM
|
||||
6. MISCELLANEOUS
|
||||
|
||||
-------------------------------*/
|
||||
|
||||
|
||||
/* -- 1. RESET BROWSER DEFAULTS -- */
|
||||
|
||||
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, i, font, img, small, strike, strong, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; border:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline }
|
||||
:focus { outline: 0 }
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input[type="reset"]::-moz-focus-inner,
|
||||
input[type="button"]::-moz-focus-inner,
|
||||
input[type="submit"]::-moz-focus-inner,
|
||||
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none }
|
||||
|
||||
|
||||
/* -- 2. TYPOGRAPHY -- */
|
||||
|
||||
body { margin:0px auto; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; text-align:center; color:#555f6e; background:#fbfdff url(images/pattern.jpg) }
|
||||
p, ul, ol { margin-bottom: 21px }
|
||||
ul { list-style:square; margin-left: 21px }
|
||||
ol { list-style:decimal; margin-left: 21px }
|
||||
h1, h2, h3 { font-family: Helvetica, Arial, sans-serif; color:#3e4550; font-weight:bold; margin-bottom:21px; text-shadow:0px 1px 0px rgba(255,255,255,0.5) }
|
||||
h1 { font-size: 36px; line-height: 42px; letter-spacing:-1px; margin-bottom:0px }
|
||||
h2 { font-size: 26px; line-height: 30px; letter-spacing:0px; margin-bottom:12px }
|
||||
h3 { font-size: 16px; margin-bottom:6px }
|
||||
a { color:#009cff; text-decoration:none; border:none; outline:none }
|
||||
a:hover { text-decoration:underline }
|
||||
em, i { font-style:italic }
|
||||
b, strong { font-weight:bold }
|
||||
input, textarea { border:none; outline:none }
|
||||
label { font-weight: bold; }
|
||||
|
||||
|
||||
/* -- 3. STRUCTURE -- */
|
||||
|
||||
.header, .header1, .primary, .primary1, .featured, .footer { width:960px; margin:0px auto; position:relative; overflow:hidden; text-align:left }
|
||||
.header { height:96px; background:url(images/top_curve.png) 0px bottom no-repeat }
|
||||
.brand { text-align:right }
|
||||
.header1 { width:864px; padding:36px 48px 80px; background:url(images/top_curve.png) 0px bottom no-repeat }
|
||||
.featured { width: 864px; padding:0px 48px; background:#ecf1f6 url(images/middle_shade.png) 0px 0px repeat-y }
|
||||
.primary { width:864px; min-height:70px; padding:84px 48px 0px; background:url(images/bottom_curve_arrow.png) 0px 0px no-repeat }
|
||||
.primary1 { width:864px; padding:96px 48px 36px; background:url(images/bottom_curve.png) 0px 0px no-repeat }
|
||||
.half, .one_third { float:left; width:408px; margin-right:48px; position:relative; overflow:hidden }
|
||||
.one_third { width:256px }
|
||||
.footer { width:864px; padding:24px 48px; background:url(images/hr.gif) 0px 0px repeat-x }
|
||||
|
||||
|
||||
/* -- 4. SLIDER -- */
|
||||
|
||||
.slider_wrap { position:relative; overflow:hidden; margin:0px; padding:0px; width:392px; height:274px; background:#fbfdff; border:1px solid #e0e4ea; padding:7px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px }
|
||||
#slider { position:relative; overflow:hidden; margin:0px; padding:0px; list-style:none }
|
||||
#slider li { float:left; width:392px; height:274px; overflow:hidden }
|
||||
#pager { position:relative; overflow:hidden; text-align:center; margin:0px; padding:12px 0px 0px; list-style:none; z-index:999; line-height:0px; background:url(images/slider_shadow.png) 50% 0px no-repeat }
|
||||
#pager li { display:inline-block; width:10px; margin:0px 2px }
|
||||
#pager li a { display:block; width:10px; height:11px; background:url(images/pager.png) -14px 0px no-repeat }
|
||||
#pager li.activeSlide a { background-position:0px 0px }
|
||||
|
||||
|
||||
/* -- 5. SUBSCRIBE FORM -- */
|
||||
|
||||
#subscribe { padding-bottom:21px; margin-bottom:6px }
|
||||
#subscribe input, #subscribe textarea { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#87909a; width:350px; padding:11px 10px; margin-right:2px; background:#eceff4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border: 1px solid #e0e4ea;
|
||||
-moz-box-shadow:0px 1px 2px rgba(255,255,255,0.3);
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(255,255,255,0.3);
|
||||
box-shadow: 0px 2px 2px rgba(255,255,255,0.3);
|
||||
margin: 4px 0;
|
||||
}
|
||||
#subscribe input:hover, #subscribe input:focus { color:#555f6e }
|
||||
#subscribe input#submit { width:100px; background:url(images/submit_btn.jpg) 0px 0px repeat-x; outline:none; border:none; border:1px solid #e27000; color:#fff; font-weight:bold; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); cursor:pointer;
|
||||
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
|
||||
}
|
||||
#subscribe input#submit:hover { background-position:0px -45px }
|
||||
#subscribe input#submit:active { background-position:0px -91px; color:#703500; border:1px solid #b75700; text-shadow:0px 1px 0px rgba(255,255,255,0.2); -moz-box-shadow:0px 1px 2px rgba(255,255,255,0.3); }
|
||||
|
||||
|
||||
|
||||
/* -- 6. MISCELLANEOUS -- */
|
||||
|
||||
div.featured div.half ul li { font-size: 16px; margin-bottom:6px; font-weight: bold; }
|
||||
.testimonial { position:relative; overflow:hidden; width:368px; float:left; margin-right:48px; padding:21px 0px 0px 21px; background:url(images/quote.png) 0px 0px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#87909a; }
|
||||
ul.features { position:relative; overflow:hidden; margin:0px; padding:0px; list-style:none; font-size:14px; line-height:21px }
|
||||
ul.features li { position:relative; overflow:hidden; font-weight: normal;}
|
||||
ul.features li p { margin-bottom: 5px; }
|
||||
ul.features li ul { margin-left: 60px; list-style-type:disc; list-style-position:outside; }
|
||||
|
||||
.button { font-family: Helvetica, sans-serif; letter-spacing:-1px; display:inline-block; padding:0px 21px; font-size:22px; line-height:40px;
|
||||
border:1px solid #069fed;
|
||||
background:url(images/btn.jpg) 0px 0px repeat-x; color:#fff; text-decoration:none; text-shadow:0px 1px 0px #048ee8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;
|
||||
/*Box Shadow*/
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
|
||||
}
|
||||
.button:hover { text-decoration:none; background-position:0px -75px }
|
||||
.button:active { background-position:0px -151px; color:#167db2; text-shadow:0px 1px 0px rgba(255,255,255,0.2); border-color:#0088ce;
|
||||
-moz-box-shadow:0px 2px 2px rgba(255,255,255,0.3);
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(255,255,255,0.3);
|
||||
box-shadow: 0px 2px 2px rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
.social { float:right; margin:0px 0px 4px; padding:0px; list-style:none; position:relative; overflow:hidden }
|
||||
.social li { float:left; margin-right:5px }
|
||||
.social li a { display:block; width:16px; height:16px; background:url(images/social_sprite.png) 0px 0px no-repeat }
|
||||
.social li a.twitter { background-position:0px 0px }
|
||||
.social li a.facebook { background-position:-21px 0px }
|
||||
.social li a.skype { background-position:-42px 0px }
|
||||
.social li a.yahoo { background-position:-63px 0px }
|
||||
.social li a.blogger { background-position:-84px 0px }
|
||||
|
||||
.clear { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; margin:0px; padding:0px }
|
||||
.nofloat { float:none }
|
||||
.alignleft { float:left; margin:5px 15px 18px 0px }
|
||||
.last { margin-right:0px }
|
||||
.tiny { font-size:14px; color:#45505c; line-height:21px; margin-bottom:0px }
|
||||
.big { font-size:48px }
|
||||
.notes { float:left; width:408px; margin-right:48px; font-size:11px; line-height:16px; color:#a4abb3 }
|
||||
|
||||
.fc-error {
|
||||
}
|
||||
.fc-error p {
|
||||
font-size:12px; color:#F11; margin:0;;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user