top of page
Posted: Tue Jun 14, 2022 7:36 pm
Hello community.
I have a problem displaying the page. When entering the published and previewed site, it starts from the form that is in the footer.
When I review the code, I see that it was rewritten (I don't know how), leaving the first form.
At no time do I write code since it is not my specialty so I have no idea how this happened. A previous time when practicing, it happened to me with a test page and I had to redo it since I couldn't find a simple solution.
I don't know how to solve it or what is wrong tightening, please help,
Greetings and thank you very much
I leave you the code of the site, I hope you can help me since I urgently need to finish the site
<?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
function ReplaceVariables($code)
{
foreach ($_POST as $key => $value)
{
if (is_array($value))
{
$value = implode(",", $value);
}
$name = "$" . $key;
$code = str_replace($name, $value, $code);
}
$code = str_replace('$ipaddress', $_SERVER['REMOTE_ADDR'], $code);
return $code;
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'conversemos')
{
$mailto = 'contacto@crap.cl';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Formulario sitio web';
$message = 'Consulta sitio web:';
$success_url = './Gracias.php';
$error_url = '';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response", "h-captcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;
try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}
$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
$successcode = file_get_contents($success_url);
$successcode = ReplaceVariables($successcode);
echo $successcode;
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html lang="es" dir="rtl">
<head>
<meta charset="utf-8">
<title>Portafoli.Crap</title>
<meta name="generator" content="WYSIWYG Web Builder 17 - https://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="Sin título-1_Mesa de trabajo 1.png" rel="icon" sizes="67x67" type="image/png">
<link href="font-awesome.min.css" rel="stylesheet">
<link href="Portafolio_2022_2_Nuevo.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<script src="jquery-3.6.0.min.js"></script>
<script src="wb.parallax.min.js"></script>
<script src="util.min.js"></script>
<script src="scrollspy.min.js"></script>
<script src="skrollr.min.js"></script>
<script>
function submitConversemos()
{
var regexp;
var TextArea1 = document.getElementById('TextArea1');
if (!(TextArea1.disabled || TextArea1.style.display === 'none' || TextArea1.style.visibility === 'hidden'))
{
if (TextArea1.value == "")
{
alert("Please enter a value for the \"Mensaje\" field.");
TextArea1.focus();
return false;
}
}
return true;
}
</script>
<link rel="stylesheet" href="magnificpopup/magnific-popup.css">
<script src="magnificpopup/jquery.magnific-popup.min.js"></script>
<script src="wwb17.min.js"></script>
<script>
function displaylightbox(url, options)
{
options.items = { src: url };
options.type = 'iframe';
$.magnificPopup.open(options);
}
</script>
<script>
$(document).ready(function()
{
$('#wb_Text3').addClass('visibility-hidden');
$('#wb_Text21').addClass('visibility-hidden');
$('#wb_IconFont12').addClass('visibility-hidden');
$('#wb_Text22').addClass('visibility-hidden');
$('#wb_IconFont13').addClass('visibility-hidden');
$('#wb_Text23').addClass('visibility-hidden');
$('#wb_IconFont14').addClass('visibility-hidden');
$('#wb_Text24').addClass('visibility-hidden');
$('#wb_IconFont15').addClass('visibility-hidden');
$('#wb_Text25').addClass('visibility-hidden');
$('#wb_IconFont16').addClass('visibility-hidden');
$('#wb_Text26').addClass('visibility-hidden');
$('#wb_IconFont17').addClass('visibility-hidden');
$('#wb_Text27').addClass('visibility-hidden');
$("a[href*='#Menú']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#Menú').offset().top }, 600, 'linear');
});
function onScrollText3()
{
var $obj = $("#wb_Text3");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text3', 'transform-bounce', 5, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text3', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text3').inViewPort(true))
{
$('#wb_Text3').addClass("in-viewport");
}
onScrollText3();
$(window).scroll(function(event)
{
onScrollText3();
});
$('#Quienes_somos').parallax();
$("a[href*='#Realiazdos']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#Realiazdos').offset().top }, 600, 'linear');
});
$("a[href*='#Conversemos_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Conversemos_2').offset().top }, 600, 'linear');
});
$("#wb_ResponsiveMenu1 ul li a").click(function(event)
{
$("#wb_ResponsiveMenu1 input").prop("checked", false);
});
$("a[href*='#Menu_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Menu_2').offset().top }, 600, 'linear');
});
$("a[href*='#Quienes_Somos_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Quienes_Somos_2').offset().top }, 600, 'linear');
});
$("a[href*='#Servicios_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Servicios_2').offset().top }, 600, 'linear');
});
function skrollrInit()
{
skrollr.init({forceHeight: false, mobileCheck: function() { return false; }, smoothScrolling: false});
}
skrollrInit();
$("a[href*='#Realizados_3']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Realizados_3').offset().top }, 500, 'linear');
});
$("a[data-rel='PhotoGallery1']").attr('rel', 'PhotoGallery1');
$("#PhotoGallery1").magnificPopup({delegate:'a', type:'image', gallery: {enabled: true, navigateByImgClick: true}});
function onScrollText21()
{
var $obj = $("#wb_Text21");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text21', 'transform-bounce', 5, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text21', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text21').inViewPort(true))
{
$('#wb_Text21').addClass("in-viewport");
}
onScrollText21();
$(window).scroll(function(event)
{
onScrollText21();
});
function onScrollIconFont12()
{
var $obj = $("#wb_IconFont12");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont12', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont12', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont12').inViewPort(true))
{
$('#wb_IconFont12').addClass("in-viewport");
}
onScrollIconFont12();
$(window).scroll(function(event)
{
onScrollIconFont12();
});
function onScrollText22()
{
var $obj = $("#wb_Text22");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text22', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text22', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text22').inViewPort(true))
{
$('#wb_Text22').addClass("in-viewport");
}
onScrollText22();
$(window).scroll(function(event)
{
onScrollText22();
});
function onScrollIconFont13()
{
var $obj = $("#wb_IconFont13");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont13', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont13', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont13').inViewPort(true))
{
$('#wb_IconFont13').addClass("in-viewport");
}
onScrollIconFont13();
$(window).scroll(function(event)
{
onScrollIconFont13();
});
function onScrollText23()
{
var $obj = $("#wb_Text23");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text23', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text23', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text23').inViewPort(true))
{
$('#wb_Text23').addClass("in-viewport");
}
onScrollText23();
$(window).scroll(function(event)
{
onScrollText23();
});
function onScrollIconFont14()
{
var $obj = $("#wb_IconFont14");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont14', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont14', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont14').inViewPort(true))
{
$('#wb_IconFont14').addClass("in-viewport");
}
onScrollIconFont14();
$(window).scroll(function(event)
{
onScrollIconFont14();
});
function onScrollText24()
{
var $obj = $("#wb_Text24");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text24', 'animate-fade-in-up', 1, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text24', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text24').inViewPort(true))
{
$('#wb_Text24').addClass("in-viewport");
}
onScrollText24();
$(window).scroll(function(event)
{
onScrollText24();
});
function onScrollIconFont15()
{
var $obj = $("#wb_IconFont15");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont15', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont15', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont15').inViewPort(true))
{
$('#wb_IconFont15').addClass("in-viewport");
}
onScrollIconFont15();
$(window).scroll(function(event)
{
onScrollIconFont15();
});
function onScrollText25()
{
var $obj = $("#wb_Text25");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text25', 'animate-fade-in-up', 0, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text25', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text25').inViewPort(true))
{
$('#wb_Text25').addClass("in-viewport");
}
onScrollText25();
$(window).scroll(function(event)
{
onScrollText25();
});
function onScrollIconFont16()
{
var $obj = $("#wb_IconFont16");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont16', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont16', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont16').inViewPort(true))
{
$('#wb_IconFont16').addClass("in-viewport");
}
onScrollIconFont16();
$(window).scroll(function(event)
{
onScrollIconFont16();
});
function onScrollText26()
{
var $obj = $("#wb_Text26");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text26', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text26', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text26').inViewPort(true))
{
$('#wb_Text26').addClass("in-viewport");
}
onScrollText26();
$(window).scroll(function(event)
{
onScrollText26();
});
function onScrollIconFont17()
{
var $obj = $("#wb_IconFont17");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont17', 'animate-fade-in-down', 1, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont17', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont17').inViewPort(true))
{
$('#wb_IconFont17').addClass("in-viewport");
}
onScrollIconFont17();
$(window).scroll(function(event)
{
onScrollIconFont17();
});
function onScrollText27()
{
var $obj = $("#wb_Text27");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text27', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text27', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text27').inViewPort(true))
{
$('#wb_Text27').addClass("in-viewport");
}
onScrollText27();
$(window).scroll(function(event)
{
onScrollText27();
});
var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if (iOS)
{
$('#Layer2,#Quienes_somos').css('background-attachment', 'scroll');
}
$(window).on('resize', function()
{
ResponsiveVideo('Layer2-video');
});
ResponsiveVideo('Layer2-video');
});
</script>
</head>
<body data-spy="scroll">
<div id="wb_Menú">
<section id="Menú">
<div id="wb_Image1">
<img src="images/Logopgnblanco.png" id="Image1" alt="" width="80" height="40">
</div>
<div id="wb_ResponsiveMenu1">
<label class="toggle" for="ResponsiveMenu1-submenu" id="ResponsiveMenu1-title">Menu<span id="ResponsiveMenu1-icon"><span> </span><span> </span><span> </span></span></label>
<input type="checkbox" id="ResponsiveMenu1-submenu">
<ul class="nav ResponsiveMenu1" id="ResponsiveMenu1" role="menu">
<li class="nav" role="menuitem"><a href="#Menu_2" class="nav-link">Menu</a></li>
<li class="nav" role="menuitem"><a href="#Quienes_Somos_2" class="nav-link">Quienes Somos</a></li>
<li class="nav" role="menuitem"><a href="#Servicios_2" class="nav-link">Servicios</a></li>
<li class="nav" role="menuitem"><a href="#Realizados_3" class="nav-link">Realizados</a></li>
<li class="nav" role="menuitem"><a href="#Conversemos_2" class="nav-link">Conversemos</a></li>
</ul>
</div>
</section>
</div>
<div id="Cabecera">
<div id="Layer2">
<div id="Layer2-video"><video src="CRAP2223.mp4" autoplay loop muted playsinline></video>
</div>
<div id="Layer2_Container">
<div id="wb_Menu_2">
<div id="Menu_2"></div>
</div>
</div>
</div>
</div>
<div id="Quienes_somos">
<div id="Quienes_somos-overlay"></div>
<div id="Quienes_somos_Container">
<div id="wb_Quienes_Somos_2">
<div id="Quienes_Somos_2"></div>
</div>
<div id="wb_Text1">
<span style="color:#FFFFFF;">CRAP</span></div>
<div id="wb_Text2" dir="ltr">
<span style="color:#FFFFFF;"><br><br>Somos una agencia de diseño y publicidad apasionados por la comunicación visual con el compromiso de entregar el mejor servicio<br><br></span></div>
</div>
</div>
<div id="Servicios">
<div id="Servicios-overlay"></div>
<div id="Servicios_Container">
<div id="wb_Servicios_2">
<div id="Servicios_2"></div>
</div>
<div id="wb_IconFont12" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_4_Stand.jpg',{})" target="_self"><div id="IconFont12"><i class="fa fa-codepen"></i></div></a></div>
<div id="wb_IconFont15" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_5_Publicidad.jpg',{})" target="_self"><div id="IconFont15"><i class="fa fa-comments"></i></div></a></div>
<div id="wb_Text25" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Avisos publicitarios</span></div>
<div id="wb_Text26" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Modelado 3D</span></div>
<div id="wb_IconFont17" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_3_wEB.jpg',{})" target="_self"><div id="IconFont17"><i class="fa fa-television"></i></div></a></div>
<div id="wb_Text27" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño Web</span></div>
<div id="wb_Text24" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Corporativo</span></div>
<div id="wb_IconFont14" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_2_Corporativo.jpg',{})" target="_self"><div id="IconFont14"><i class="fa fa-user-circle"></i></div></a></div>
<div id="wb_Text23" dir="rtl" data-top="transform:;transform:;" onclick="ShowObject('wb_Text23', 1);return false;">
<span style="color:#404040;">Activación BTL</span></div>
<div id="wb_IconFont13" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_1.jpg',{})" target="_self"><div id="IconFont13"><i class="fa fa-street-view"></i></div></a></div>
<div id="wb_IconFont16" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_6_3D.jpg',{})" target="_self"><div id="IconFont16"><i class="fa fa-medium"></i></div></a></div>
<div id="wb_Text22" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño y Stand</span></div>
<div id="wb_Text3" dir="ltr">
<span style="color:#404040;">SERVICIOS</span></div>
</div>
</div>
<div id="Realiazdos">
<div id="Realiazdos_Container">
<div id="wb_Text10" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Activación BTL</span></div>
<div id="wb_Text12" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño y Stand</span></div>
<div id="wb_Text14" dir="rtl">
<span style="color:#404040;">Corporativo</span></div>
<div id="wb_Text19" dir="rtl">
<span style="color:#404040;">Modelado 3D</span></div>
<div id="wb_Text13" dir="rtl">
<span style="color:#404040;">Diseño Web</span></div>
<div id="wb_Text20" dir="rtl">
<span style="color:#404040;">Avisos publicitarios</span></div>
<div id="wb_Realizados_3">
<div id="Realizados_3"></div>
</div>
<div id="wb_PhotoGallery1">
<div id="PhotoGallery1">
<div class="thumbnails">
<div class="thumbnail">
<a href="images/1.jpg" data-rel=""><img alt="" src="images/tn_1.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/2.jpg" data-rel=""><img alt="" src="images/tn_2.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/3.jpg" data-rel=""><img alt="" src="images/tn_3.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/4.jpg" data-rel=""><img alt="" src="images/tn_4.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
<div class="thumbnail">
<a href="images/5.jpg" data-rel=""><img alt="" src="images/tn_5.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/6.jpg" data-rel=""><img alt="" src="images/tn_6.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/7.jpg" data-rel=""><img alt="" src="images/tn_7.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/A9.jpg" data-rel=""><img alt="" src="images/tn_A9.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
<div class="thumbnail">
<a href="images/10.jpg" data-rel=""><img alt="" src="images/tn_10.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/11.jpg" data-rel=""><img alt="" src="images/tn_11.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/12.jpg" data-rel=""><img alt="" src="images/tn_12.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/13.jpg" data-rel=""><img alt="" src="images/tn_13.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
</div>
</div></div>
</div>
</div>
<form name="Conversemos" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" id="Conversemos" onsubmit="return submitConversemos()">
<input type="hidden" name="formid" value="conversemos">
<div id="Conversemos_Container">
<div id="wb_Conversemos_2">
<div id="Conversemos_2"></div>
</div>
<input type="text" id="Editbox2" name="Correo" value="Correo" autofocus spellcheck="true">
<input type="text" id="Editbox1" name="Nombre" value="Nombre" autofocus spellcheck="true">
<input type="text" id="Editbox3" name="Tema" value="Tema" autofocus spellcheck="true">
<textarea name="Mensaje" id="TextArea1" rows="6" cols="95" autofocus spellcheck="true">Mensaje</textarea>
<input type="submit" id="Button1" name="Enviar" value="Enviar" autofocus>
<div id="wb_Text21" dir="ltr">
<span style="color:#FFFFFF;">Conversemos</span></div>
<div id="wb_Text17" dir="ltr">
<span style="color:#FFFFFF;">contacto@crap.cl - ww.crap.cl</span></div>
<div id="wb_Text15" dir="ltr">
<span style="color:#FFFFFF;">Para mas información , contactenos al buzón</span></div>
<div id="wb_Text16" dir="ltr">
<span style="color:#33FFBB;">Necesitas diseños, campañas publicitarias, stand BTLo diseño web. No dudes en escribirnos</span></div>
</div>
</form>
<div id="Pie_de_firma">
<div id="Pie_de_firma_Container">
<div id="wb_IconFont8">
<div id="IconFont8"><i class="fa fa-envelope"></i></div></div>
<div id="wb_IconFont6">
<div id="IconFont6"><i class="fa fa-instagram"></i></div></div>
<div id="wb_IconFont7">
<div id="IconFont7"><i class="fa fa-behance"></i></div></div>
<div id="wb_IconFont9">
<a href="#Menu_2"><div id="IconFont9"><i class="fa fa-arrow-circle-up"></i></div></a></div>
<div id="wb_Image2">
<img src="images/Logopgnblanco.png" id="Image2" alt="" width="50" height="25"></div>
<div id="wb_Text18">
<span style="color:#FFFFFF;"> Todos los derechos reservados.<br> CRAP ARTE Y DISEÑO</span></div>
</div>
</div>
</body>
</html><?php
I have a problem displaying the page. When entering the published and previewed site, it starts from the form that is in the footer.
When I review the code, I see that it was rewritten (I don't know how), leaving the first form.
At no time do I write code since it is not my specialty so I have no idea how this happened. A previous time when practicing, it happened to me with a test page and I had to redo it since I couldn't find a simple solution.
I don't know how to solve it or what is wrong tightening, please help,





Greetings and thank you very much



I leave you the code of the site, I hope you can help me since I urgently need to finish the site
<?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
function ReplaceVariables($code)
{
foreach ($_POST as $key => $value)
{
if (is_array($value))
{
$value = implode(",", $value);
}
$name = "$" . $key;
$code = str_replace($name, $value, $code);
}
$code = str_replace('$ipaddress', $_SERVER['REMOTE_ADDR'], $code);
return $code;
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'conversemos')
{
$mailto = 'contacto@crap.cl';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Formulario sitio web';
$message = 'Consulta sitio web:';
$success_url = './Gracias.php';
$error_url = '';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response", "h-captcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;
try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}
$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
$successcode = file_get_contents($success_url);
$successcode = ReplaceVariables($successcode);
echo $successcode;
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html lang="es" dir="rtl">
<head>
<meta charset="utf-8">
<title>Portafoli.Crap</title>
<meta name="generator" content="WYSIWYG Web Builder 17 - https://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="Sin título-1_Mesa de trabajo 1.png" rel="icon" sizes="67x67" type="image/png">
<link href="font-awesome.min.css" rel="stylesheet">
<link href="Portafolio_2022_2_Nuevo.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<script src="jquery-3.6.0.min.js"></script>
<script src="wb.parallax.min.js"></script>
<script src="util.min.js"></script>
<script src="scrollspy.min.js"></script>
<script src="skrollr.min.js"></script>
<script>
function submitConversemos()
{
var regexp;
var TextArea1 = document.getElementById('TextArea1');
if (!(TextArea1.disabled || TextArea1.style.display === 'none' || TextArea1.style.visibility === 'hidden'))
{
if (TextArea1.value == "")
{
alert("Please enter a value for the \"Mensaje\" field.");
TextArea1.focus();
return false;
}
}
return true;
}
</script>
<link rel="stylesheet" href="magnificpopup/magnific-popup.css">
<script src="magnificpopup/jquery.magnific-popup.min.js"></script>
<script src="wwb17.min.js"></script>
<script>
function displaylightbox(url, options)
{
options.items = { src: url };
options.type = 'iframe';
$.magnificPopup.open(options);
}
</script>
<script>
$(document).ready(function()
{
$('#wb_Text3').addClass('visibility-hidden');
$('#wb_Text21').addClass('visibility-hidden');
$('#wb_IconFont12').addClass('visibility-hidden');
$('#wb_Text22').addClass('visibility-hidden');
$('#wb_IconFont13').addClass('visibility-hidden');
$('#wb_Text23').addClass('visibility-hidden');
$('#wb_IconFont14').addClass('visibility-hidden');
$('#wb_Text24').addClass('visibility-hidden');
$('#wb_IconFont15').addClass('visibility-hidden');
$('#wb_Text25').addClass('visibility-hidden');
$('#wb_IconFont16').addClass('visibility-hidden');
$('#wb_Text26').addClass('visibility-hidden');
$('#wb_IconFont17').addClass('visibility-hidden');
$('#wb_Text27').addClass('visibility-hidden');
$("a[href*='#Menú']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#Menú').offset().top }, 600, 'linear');
});
function onScrollText3()
{
var $obj = $("#wb_Text3");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text3', 'transform-bounce', 5, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text3', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text3').inViewPort(true))
{
$('#wb_Text3').addClass("in-viewport");
}
onScrollText3();
$(window).scroll(function(event)
{
onScrollText3();
});
$('#Quienes_somos').parallax();
$("a[href*='#Realiazdos']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#Realiazdos').offset().top }, 600, 'linear');
});
$("a[href*='#Conversemos_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Conversemos_2').offset().top }, 600, 'linear');
});
$("#wb_ResponsiveMenu1 ul li a").click(function(event)
{
$("#wb_ResponsiveMenu1 input").prop("checked", false);
});
$("a[href*='#Menu_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Menu_2').offset().top }, 600, 'linear');
});
$("a[href*='#Quienes_Somos_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Quienes_Somos_2').offset().top }, 600, 'linear');
});
$("a[href*='#Servicios_2']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Servicios_2').offset().top }, 600, 'linear');
});
function skrollrInit()
{
skrollr.init({forceHeight: false, mobileCheck: function() { return false; }, smoothScrolling: false});
}
skrollrInit();
$("a[href*='#Realizados_3']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_Realizados_3').offset().top }, 500, 'linear');
});
$("a[data-rel='PhotoGallery1']").attr('rel', 'PhotoGallery1');
$("#PhotoGallery1").magnificPopup({delegate:'a', type:'image', gallery: {enabled: true, navigateByImgClick: true}});
function onScrollText21()
{
var $obj = $("#wb_Text21");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text21', 'transform-bounce', 5, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text21', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text21').inViewPort(true))
{
$('#wb_Text21').addClass("in-viewport");
}
onScrollText21();
$(window).scroll(function(event)
{
onScrollText21();
});
function onScrollIconFont12()
{
var $obj = $("#wb_IconFont12");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont12', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont12', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont12').inViewPort(true))
{
$('#wb_IconFont12').addClass("in-viewport");
}
onScrollIconFont12();
$(window).scroll(function(event)
{
onScrollIconFont12();
});
function onScrollText22()
{
var $obj = $("#wb_Text22");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text22', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text22', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text22').inViewPort(true))
{
$('#wb_Text22').addClass("in-viewport");
}
onScrollText22();
$(window).scroll(function(event)
{
onScrollText22();
});
function onScrollIconFont13()
{
var $obj = $("#wb_IconFont13");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont13', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont13', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont13').inViewPort(true))
{
$('#wb_IconFont13').addClass("in-viewport");
}
onScrollIconFont13();
$(window).scroll(function(event)
{
onScrollIconFont13();
});
function onScrollText23()
{
var $obj = $("#wb_Text23");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text23', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text23', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text23').inViewPort(true))
{
$('#wb_Text23').addClass("in-viewport");
}
onScrollText23();
$(window).scroll(function(event)
{
onScrollText23();
});
function onScrollIconFont14()
{
var $obj = $("#wb_IconFont14");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont14', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont14', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont14').inViewPort(true))
{
$('#wb_IconFont14').addClass("in-viewport");
}
onScrollIconFont14();
$(window).scroll(function(event)
{
onScrollIconFont14();
});
function onScrollText24()
{
var $obj = $("#wb_Text24");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text24', 'animate-fade-in-up', 1, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text24', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text24').inViewPort(true))
{
$('#wb_Text24').addClass("in-viewport");
}
onScrollText24();
$(window).scroll(function(event)
{
onScrollText24();
});
function onScrollIconFont15()
{
var $obj = $("#wb_IconFont15");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont15', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont15', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont15').inViewPort(true))
{
$('#wb_IconFont15').addClass("in-viewport");
}
onScrollIconFont15();
$(window).scroll(function(event)
{
onScrollIconFont15();
});
function onScrollText25()
{
var $obj = $("#wb_Text25");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text25', 'animate-fade-in-up', 0, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text25', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text25').inViewPort(true))
{
$('#wb_Text25').addClass("in-viewport");
}
onScrollText25();
$(window).scroll(function(event)
{
onScrollText25();
});
function onScrollIconFont16()
{
var $obj = $("#wb_IconFont16");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont16', 'animate-fade-in-down', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont16', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont16').inViewPort(true))
{
$('#wb_IconFont16').addClass("in-viewport");
}
onScrollIconFont16();
$(window).scroll(function(event)
{
onScrollIconFont16();
});
function onScrollText26()
{
var $obj = $("#wb_Text26");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text26', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text26', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text26').inViewPort(true))
{
$('#wb_Text26').addClass("in-viewport");
}
onScrollText26();
$(window).scroll(function(event)
{
onScrollText26();
});
function onScrollIconFont17()
{
var $obj = $("#wb_IconFont17");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_IconFont17', 'animate-fade-in-down', 1, 1250);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_IconFont17', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_IconFont17').inViewPort(true))
{
$('#wb_IconFont17').addClass("in-viewport");
}
onScrollIconFont17();
$(window).scroll(function(event)
{
onScrollIconFont17();
});
function onScrollText27()
{
var $obj = $("#wb_Text27");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Text27', 'animate-fade-in-up', 1, 2000);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Text27', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_Text27').inViewPort(true))
{
$('#wb_Text27').addClass("in-viewport");
}
onScrollText27();
$(window).scroll(function(event)
{
onScrollText27();
});
var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if (iOS)
{
$('#Layer2,#Quienes_somos').css('background-attachment', 'scroll');
}
$(window).on('resize', function()
{
ResponsiveVideo('Layer2-video');
});
ResponsiveVideo('Layer2-video');
});
</script>
</head>
<body data-spy="scroll">
<div id="wb_Menú">
<section id="Menú">
<div id="wb_Image1">
<img src="images/Logopgnblanco.png" id="Image1" alt="" width="80" height="40">
</div>
<div id="wb_ResponsiveMenu1">
<label class="toggle" for="ResponsiveMenu1-submenu" id="ResponsiveMenu1-title">Menu<span id="ResponsiveMenu1-icon"><span> </span><span> </span><span> </span></span></label>
<input type="checkbox" id="ResponsiveMenu1-submenu">
<ul class="nav ResponsiveMenu1" id="ResponsiveMenu1" role="menu">
<li class="nav" role="menuitem"><a href="#Menu_2" class="nav-link">Menu</a></li>
<li class="nav" role="menuitem"><a href="#Quienes_Somos_2" class="nav-link">Quienes Somos</a></li>
<li class="nav" role="menuitem"><a href="#Servicios_2" class="nav-link">Servicios</a></li>
<li class="nav" role="menuitem"><a href="#Realizados_3" class="nav-link">Realizados</a></li>
<li class="nav" role="menuitem"><a href="#Conversemos_2" class="nav-link">Conversemos</a></li>
</ul>
</div>
</section>
</div>
<div id="Cabecera">
<div id="Layer2">
<div id="Layer2-video"><video src="CRAP2223.mp4" autoplay loop muted playsinline></video>
</div>
<div id="Layer2_Container">
<div id="wb_Menu_2">
<div id="Menu_2"></div>
</div>
</div>
</div>
</div>
<div id="Quienes_somos">
<div id="Quienes_somos-overlay"></div>
<div id="Quienes_somos_Container">
<div id="wb_Quienes_Somos_2">
<div id="Quienes_Somos_2"></div>
</div>
<div id="wb_Text1">
<span style="color:#FFFFFF;">CRAP</span></div>
<div id="wb_Text2" dir="ltr">
<span style="color:#FFFFFF;"><br><br>Somos una agencia de diseño y publicidad apasionados por la comunicación visual con el compromiso de entregar el mejor servicio<br><br></span></div>
</div>
</div>
<div id="Servicios">
<div id="Servicios-overlay"></div>
<div id="Servicios_Container">
<div id="wb_Servicios_2">
<div id="Servicios_2"></div>
</div>
<div id="wb_IconFont12" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_4_Stand.jpg',{})" target="_self"><div id="IconFont12"><i class="fa fa-codepen"></i></div></a></div>
<div id="wb_IconFont15" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_5_Publicidad.jpg',{})" target="_self"><div id="IconFont15"><i class="fa fa-comments"></i></div></a></div>
<div id="wb_Text25" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Avisos publicitarios</span></div>
<div id="wb_Text26" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Modelado 3D</span></div>
<div id="wb_IconFont17" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_3_wEB.jpg',{})" target="_self"><div id="IconFont17"><i class="fa fa-television"></i></div></a></div>
<div id="wb_Text27" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño Web</span></div>
<div id="wb_Text24" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Corporativo</span></div>
<div id="wb_IconFont14" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_2_Corporativo.jpg',{})" target="_self"><div id="IconFont14"><i class="fa fa-user-circle"></i></div></a></div>
<div id="wb_Text23" dir="rtl" data-top="transform:;transform:;" onclick="ShowObject('wb_Text23', 1);return false;">
<span style="color:#404040;">Activación BTL</span></div>
<div id="wb_IconFont13" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_1.jpg',{})" target="_self"><div id="IconFont13"><i class="fa fa-street-view"></i></div></a></div>
<div id="wb_IconFont16" data-top="transform:;transform:;">
<a href="javascript:displaylightbox('./images/Servicios_6_3D.jpg',{})" target="_self"><div id="IconFont16"><i class="fa fa-medium"></i></div></a></div>
<div id="wb_Text22" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño y Stand</span></div>
<div id="wb_Text3" dir="ltr">
<span style="color:#404040;">SERVICIOS</span></div>
</div>
</div>
<div id="Realiazdos">
<div id="Realiazdos_Container">
<div id="wb_Text10" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Activación BTL</span></div>
<div id="wb_Text12" dir="rtl" data-top="transform:;transform:;">
<span style="color:#404040;">Diseño y Stand</span></div>
<div id="wb_Text14" dir="rtl">
<span style="color:#404040;">Corporativo</span></div>
<div id="wb_Text19" dir="rtl">
<span style="color:#404040;">Modelado 3D</span></div>
<div id="wb_Text13" dir="rtl">
<span style="color:#404040;">Diseño Web</span></div>
<div id="wb_Text20" dir="rtl">
<span style="color:#404040;">Avisos publicitarios</span></div>
<div id="wb_Realizados_3">
<div id="Realizados_3"></div>
</div>
<div id="wb_PhotoGallery1">
<div id="PhotoGallery1">
<div class="thumbnails">
<div class="thumbnail">
<a href="images/1.jpg" data-rel=""><img alt="" src="images/tn_1.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/2.jpg" data-rel=""><img alt="" src="images/tn_2.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/3.jpg" data-rel=""><img alt="" src="images/tn_3.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/4.jpg" data-rel=""><img alt="" src="images/tn_4.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
<div class="thumbnail">
<a href="images/5.jpg" data-rel=""><img alt="" src="images/tn_5.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/6.jpg" data-rel=""><img alt="" src="images/tn_6.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/7.jpg" data-rel=""><img alt="" src="images/tn_7.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/A9.jpg" data-rel=""><img alt="" src="images/tn_A9.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
<div class="thumbnail">
<a href="images/10.jpg" data-rel=""><img alt="" src="images/tn_10.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col3"></div>
<div class="thumbnail">
<a href="images/11.jpg" data-rel=""><img alt="" src="images/tn_11.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/12.jpg" data-rel=""><img alt="" src="images/tn_12.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="thumbnail">
<a href="images/13.jpg" data-rel=""><img alt="" src="images/tn_13.jpg" loading="lazy" class="image" width="389" height="303"></a>
<div class="caption"></div>
</div>
<div class="clearfix visible-col4"></div>
</div>
</div></div>
</div>
</div>
<form name="Conversemos" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" id="Conversemos" onsubmit="return submitConversemos()">
<input type="hidden" name="formid" value="conversemos">
<div id="Conversemos_Container">
<div id="wb_Conversemos_2">
<div id="Conversemos_2"></div>
</div>
<input type="text" id="Editbox2" name="Correo" value="Correo" autofocus spellcheck="true">
<input type="text" id="Editbox1" name="Nombre" value="Nombre" autofocus spellcheck="true">
<input type="text" id="Editbox3" name="Tema" value="Tema" autofocus spellcheck="true">
<textarea name="Mensaje" id="TextArea1" rows="6" cols="95" autofocus spellcheck="true">Mensaje</textarea>
<input type="submit" id="Button1" name="Enviar" value="Enviar" autofocus>
<div id="wb_Text21" dir="ltr">
<span style="color:#FFFFFF;">Conversemos</span></div>
<div id="wb_Text17" dir="ltr">
<span style="color:#FFFFFF;">contacto@crap.cl - ww.crap.cl</span></div>
<div id="wb_Text15" dir="ltr">
<span style="color:#FFFFFF;">Para mas información , contactenos al buzón</span></div>
<div id="wb_Text16" dir="ltr">
<span style="color:#33FFBB;">Necesitas diseños, campañas publicitarias, stand BTLo diseño web. No dudes en escribirnos</span></div>
</div>
</form>
<div id="Pie_de_firma">
<div id="Pie_de_firma_Container">
<div id="wb_IconFont8">
<div id="IconFont8"><i class="fa fa-envelope"></i></div></div>
<div id="wb_IconFont6">
<div id="IconFont6"><i class="fa fa-instagram"></i></div></div>
<div id="wb_IconFont7">
<div id="IconFont7"><i class="fa fa-behance"></i></div></div>
<div id="wb_IconFont9">
<a href="#Menu_2"><div id="IconFont9"><i class="fa fa-arrow-circle-up"></i></div></a></div>
<div id="wb_Image2">
<img src="images/Logopgnblanco.png" id="Image2" alt="" width="50" height="25"></div>
<div id="wb_Text18">
<span style="color:#FFFFFF;"> Todos los derechos reservados.<br> CRAP ARTE Y DISEÑO</span></div>
</div>
</div>
</body>
</html><?php