- ID de l'analyse :
- da2f4c83-39ed-44ae-96dd-4b48ba1d3447Terminée
- URL soumise :
- https://opc.com.co/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 23 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| bootstrap | object |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="es"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<!-- titulo de la pagina -->
<title>OptiPlant Consultores S.A.S.</title>
<!------------------------------------------------------------------------------------------>
<!-----------------------------------------------FAVICON------------------------------------>
<!------------------------------------------------------------------------------------------>
<link rel="icon" type="image/png" sizes="16x16" href="imagenes/opc.png">
<!------------------------------------------------------------------------------------------>
<!------------------------------------------------------------------------------------------>
<!-----------JQUERY y BOOTSTRAP ------------------------------------------------------------>
<!------------------------------------------------------------------------------------------>
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script src="libreriasExternas/jquery/jquery-3.3.1.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="libreriasExternas/bootstrap/estilos/bootstrap.min.css">
<!-- Popper JS -->
<script src="libreriasExternas/bootstrap/scripts/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="libreriasExternas/bootstrap/scripts/bootstrap.min.js"></script>
<!------------------------------------------------------------------------------------------>
<!------------------------------------------------------------------------------------------>
<script src="libreriasInternas/query/query.js"></script>
<!------------------------------------------------------------------------------------------>
<!----------------------------------Iconos-------------------------------------------------->
<link href="libreriasExternas/fontawesome/css/all.css" rel="stylesheet">
<!------------------------------------------------------------------------------------------>
<!------------------------------------ SWEET ALERT ----------------------------------------->
<!------------------------------------------------------------------------------------------>
<script src="libreriasExternas/sweetalert/sweetalert2.all.js"></script><style type="text/css">body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: hidden; }
body.swal2-toast-shown {
overflow-y: auto; }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-icon {
margin: 0 0 15px; }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-buttonswrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-loading {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-input {
height: 32px;
font-size: 14px;
margin: 5px auto; }
body.swal2-toast-shown > .swal2-container {
position: fixed;
background-color: transparent; }
body.swal2-toast-shown > .swal2-container.swal2-shown {
background-color: transparent; }
body.swal2-toast-shown > .swal2-container.swal2-top {
top: 0;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-top-right {
top: 0;
left: auto;
bottom: auto;
right: 0; }
body.swal2-toast-shown > .swal2-container.swal2-top-left {
top: 0;
left: 0;
bottom: auto;
right: auto; }
body.swal2-toast-shown > .swal2-container.swal2-center-left {
top: 50%;
left: 0;
bottom: auto;
right: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-center {
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
body.swal2-toast-shown > .swal2-container.swal2-center-right {
top: 50%;
left: auto;
bottom: auto;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-bottom-left {
top: auto;
left: 0;
bottom: 0;
right: auto; }
body.swal2-toast-shown > .swal2-container.swal2-bottom {
top: auto;
left: 50%;
bottom: 0;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
body.swal2-toast-shown > .swal2-container.swal2-bottom-right {
top: auto;
left: auto;
bottom: 0;
right: 0; }
body.swal2-iosfix {
position: fixed;
left: 0;
right: 0; }
body.swal2-no-backdrop > .swal2-shown {
top: auto;
bottom: auto;
left: auto;
right: auto;
background-color: transparent; }
body.swal2-no-backdrop > .swal2-shown > .swal2-modal {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
body.swal2-no-backdrop > .swal2-shown.swal2-top {
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
body.swal2-no-backdrop > .swal2-shown.swal2-top-left {
top: 0;
left: 0; }
body.swal2-no-backdrop > .swal2-shown.swal2-top-right {
top: 0;
right: 0; }
body.swal2-no-backdrop > .swal2-shown.swal2-center {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
body.swal2-no-backdrop > .swal2-shown.swal2-center-left {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body.swal2-no-backdrop > .swal2-shown.swal2-center-right {
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
body.swal2-no-backdrop > .swal2-shown.swal2-bottom {
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
body.swal2-no-backdrop > .swal2-shown.swal2-bottom-left {
bottom: 0;
left: 0; }
body.swal2-no-backdrop > .swal2-shown.swal2-bottom-right {
bottom: 0;
right: 0; }
.swal2-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
padding: 10px;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
z-index: 1060; }
.swal2-container.swal2-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.swal2-container.swal2-top-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.swal2-container.swal2-top-right {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.swal2-container.swal2-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.swal2-container.swal2-center-left {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.swal2-container.swal2-center-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.swal2-container.swal2-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.swal2-container.swal2-bottom-left {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.swal2-container.swal2-bottom-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.swal2-container.swal2-grow-row > .swal2-modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.swal2-container.swal2-grow-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.swal2-container.swal2-grow-column > .swal2-modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.swal2-container:not(.swal2-top):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
margin: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-container .swal2-modal {
margin: 0 !important; } }
.swal2-container.swal2-fade {
-webkit-transition: background-color .1s;
transition: background-color .1s; }
.swal2-container.swal2-shown {
background-color: rgba(0, 0, 0, 0.4); }
.swal2-popup {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
display: none;
position: relative;
max-width: 100%; }
.swal2-popup.swal2-toast {
width: 300px;
padding: 0 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow-y: hidden;
-webkit-box-shadow: 0 0 10px #d9d9d9;
box-shadow: 0 0 10px #d9d9d9; }
.swal2-popup.swal2-toast .swal2-title {
max-width: 300px;
font-size: 16px;
text-align: left; }
.swal2-popup.swal2-toast .swal2-content {
font-size: 14px;
text-align: left; }
.swal2-popup.swal2-toast .swal2-icon {
width: 32px;
min-width: 32px;
height: 32px;
margin: 0 15px 0 0; }
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 32px;
height: 32px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-info, .swal2-popup.swal2-toast .swal2-icon.swal2-warning, .swal2-popup.swal2-toast .swal2-icon.swal2-question {
font-size: 26px;
line-height: 32px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
top: 14px;
width: 22px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
left: 5px; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
right: 5px; }
.swal2-popup.swal2-toast .swal2-buttonswrapper {
margin: 0 0 0 5px; }
.swal2-popup.swal2-toast .swal2-styled {
margin: 0 0 0 5px;
padding: 5px 10px; }
.swal2-popup.swal2-toast .swal2-styled:focus {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(50, 100, 150, 0.4);
box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(50, 100, 150, 0.4); }
.swal2-popup.swal2-toast .swal2-validationerror {
width: 100%;
margin: 5px -20px; }
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
border-radius: 50%;
position: absolute;
width: 32px;
height: 64px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
border-radius: 64px 0 0 64px;
top: -4px;
left: -15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 32px 32px;
transform-origin: 32px 32px; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
border-radius: 0 64px 64px 0;
top: -5px;
left: 14px;
-webkit-transform-origin: 0 32px;
transform-origin: 0 32px; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 32px;
height: 32px; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
width: 7px;
height: 90px;
left: 28px;
top: 8px; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
height: 5px; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
width: 12px;
left: 3px;
top: 18px; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
width: 22px;
right: 3px;
top: 15px; }
.swal2-popup.swal2-toast .swal2-animate-success-line-tip {
-webkit-animation: animate-toast-success-tip .75s;
animation: animate-toast-success-tip .75s; }
.swal2-popup.swal2-toast .swal2-animate-success-line-long {
-webkit-animation: animate-toast-success-long .75s;
animation: animate-toast-success-long .75s; }
.swal2-popup:focus {
outline: none; }
.swal2-popup.swal2-loading {
overflow-y: hidden; }
.swal2-popup .swal2-title {
color: #595959;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 0 0 .4em;
padding: 0;
display: block;
word-wrap: break-word; }
.swal2-popup .swal2-buttonswrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px; }
.swal2-popup .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4;
cursor: no-drop; }
.swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid transparent;
border-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: 7.5px;
vertical-align: top;
background-color: transparent !important;
color: transparent;
cursor: default;
border-radius: 100%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
margin-left: 30px;
margin-right: 30px; }
.swal2-popup .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
display: inline-block;
content: '';
margin-left: 5px;
vertical-align: -1px;
height: 15px;
width: 15px;
border: 3px solid #999999;
-webkit-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal; }
.swal2-popup .swal2-styled {
border: 0;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 15px 5px 0;
padding: 10px 32px; }
.swal2-popup .swal2-styled:focus {
outline: none;
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); }
.swal2-popup .swal2-image {
margin: 20px auto;
max-width: 100%; }
.swal2-popup .swal2-close {
background: transparent;
border: 0;
margin: 0;
padding: 0;
width: 38px;
height: 40px;
font-size: 36px;
line-height: 40px;
font-family: serif;
position: absolute;
top: 5px;
right: 8px;
cursor: pointer;
color: #cccccc;
-webkit-transition: color .1s ease;
transition: color .1s ease; }
.swal2-popup .swal2-close:hover {
color: #d55; }
.swal2-popup > .swal2-input,
.swal2-popup > .swal2-file,
.swal2-popup > .swal2-textarea,
.swal2-popup > .swal2-select,
.swal2-popup > .swal2-radio,
.swal2-popup > .swal2-checkbox {
display: none; }
.swal2-popup .swal2-content {
font-size: 18px;
text-align: center;
font-weight: 300;
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: normal;
color: #545454;
word-wrap: break-word; }
.swal2-popup .swal2-input,
.swal2-popup .swal2-file,
.swal2-popup .swal2-textarea,
.swal2-popup .swal2-select,
.swal2-popup .swal2-radio,
.swal2-popup .swal2-checkbox {
margin: 20px auto; }
.swal2-popup .swal2-input,
.swal2-popup .swal2-file,
.swal2-popup .swal2-textarea {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
border-radius: 3px;
border: 1px solid #d9d9d9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
-webkit-transition: border-color .3s, -webkit-box-shadow .3s;
transition: border-color .3s, -webkit-box-shadow .3s;
transition: border-color .3s, box-shadow .3s;
transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; }
.swal2-popup .swal2-input.swal2-inputerror,
.swal2-popup .swal2-file.swal2-inputerror,
.swal2-popup .swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
-webkit-box-shadow: 0 0 2px #f27474 !important;
box-shadow: 0 0 2px #f27474 !important; }
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-textarea:focus {
outline: none;
border: 1px solid #b4dbed;
-webkit-box-shadow: 0 0 3px #c4e6f5;
box-shadow: 0 0 3px #c4e6f5; }
.swal2-popup .swal2-input::-webkit-input-placeholder,
.swal2-popup .swal2-file::-webkit-input-placeholder,
.swal2-popup .swal2-textarea::-webkit-input-placeholder {
color: #cccccc; }
.swal2-popup .swal2-input:-ms-input-placeholder,
.swal2-popup .swal2-file:-ms-input-placeholder,
.swal2-popup .swal2-textarea:-ms-input-placeholder {
color: #cccccc; }
.swal2-popup .swal2-input::-ms-input-placeholder,
.swal2-popup .swal2-file::-ms-input-placeholder,
.swal2-popup .swal2-textarea::-ms-input-placeholder {
color: #cccccc; }
.swal2-popup .swal2-input::placeholder,
.swal2-popup .swal2-file::placeholder,
.swal2-popup .swal2-textarea::placeholder {
color: #cccccc; }
.swal2-popup .swal2-range input {
float: left;
width: 80%; }
.swal2-popup .swal2-range output {
float: right;
width: 20%;
font-size: 20px;
font-weight: 600;
text-align: center; }
.swal2-popup .swal2-range input,
.swal2-popup .swal2-range output {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 20px auto;
padding: 0; }
.swal2-popup .swal2-input {
height: 43px;
padding: 0 12px; }
.swal2-popup .swal2-input[type='number'] {
max-width: 150px; }
.swal2-popup .swal2-file {
font-size: 20px; }
.swal2-popup .swal2-textarea {
height: 108px;
padding: 12px; }
.swal2-popup .swal2-select {
color: #545454;
font-size: inherit;
padding: 5px 10px;
min-width: 40%;
max-width: 100%; }
.swal2-popup .swal2-radio {
border: 0; }
.swal2-popup .swal2-radio label:not(:first-child) {
margin-left: 20px; }
.swal2-popup .swal2-radio input,
.swal2-popup .swal2-radio span {
vertical-align: middle; }
.swal2-popup .swal2-radio input {
margin: 0 3px 0 0; }
.swal2-popup .swal2-checkbox {
color: #545454; }
.swal2-popup .swal2-checkbox input,
.swal2-popup .swal2-checkbox span {
vertical-align: middle; }
.swal2-popup .swal2-validationerror {
background-color: #f0f0f0;
margin: 0 -20px;
overflow: hidden;
padding: 10px;
color: gray;
font-size: 16px;
font-weight: 300;
display: none; }
.swal2-popup .swal2-validationerror::before {
content: '!';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 10px; }
@supports (-ms-accelerator: true) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
.swal2-icon {
width: 80px;
height: 80px;
border: 4px solid transparent;
border-radius: 50%;
margin: 20px auto 30px;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.swal2-icon.swal2-error {
border-color: #f27474; }
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
display: block; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.swal2-icon.swal2-warning {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #f8bb86;
border-color: #facea8;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-info {
font-family: 'Open Sans', sans-serif;
color: #3fc3ee;
border-color: #9de0f6;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-question {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #87adbd;
border-color: #c9dae1;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-success {
border-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px; }
.swal2-icon.swal2-success .swal2-success-ring {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.swal2-icon.swal2-success .swal2-success-fix {
width: 7px;
height: 90px;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'] {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.swal2-progresssteps {
font-weight: 600;
margin: 0 0 20px;
padding: 0; }
.swal2-progresssteps li {
display: inline-block;
position: relative; }
.swal2-progresssteps .swal2-progresscircle {
background: #3085d6;
border-radius: 2em;
color: #fff;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
z-index: 20; }
.swal2-progresssteps .swal2-progresscircle:first-child {
margin-left: 0; }
.swal2-progresssteps .swal2-progresscircle:last-child {
margin-right: 0; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
background: #3085d6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
background: #add8e6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
background: #add8e6; }
.swal2-progresssteps .swal2-progressline {
background: #3085d6;
height: .4em;
margin: 0 -1px;
z-index: 10; }
[class^='swal2'] {
-webkit-tap-highlight-color: transparent; }
@-webkit-keyframes showSweetToast {
0% {
-webkit-transform: translateY(-10px) rotateZ(2deg);
transform: translateY(-10px) rotateZ(2deg);
opacity: 0; }
33% {
-webkit-transform: translateY(0) rotateZ(-2deg);
transform: translateY(0) rotateZ(-2deg);
opacity: .5; }
66% {
-webkit-transform: translateY(5px) rotateZ(2deg);
transform: translateY(5px) rotateZ(2deg);
opacity: .7; }
100% {
-webkit-transform: translateY(0) rotateZ(0);
transform: translateY(0) rotateZ(0);
opacity: 1; } }
@keyframes showSweetToast {
0% {
-webkit-transform: translateY(-10px) rotateZ(2deg);
transform: translateY(-10px) rotateZ(2deg);
opacity: 0; }
33% {
-webkit-transform: translateY(0) rotateZ(-2deg);
transform: translateY(0) rotateZ(-2deg);
opacity: .5; }
66% {
-webkit-transform: translateY(5px) rotateZ(2deg);
transform: translateY(5px) rotateZ(2deg);
opacity: .7; }
100% {
-webkit-transform: translateY(0) rotateZ(0);
transform: translateY(0) rotateZ(0);
opacity: 1; } }
@-webkit-keyframes hideSweetToast {
0% {
opacity: 1; }
33% {
opacity: .5; }
100% {
-webkit-transform: rotateZ(1deg);
transform: rotateZ(1deg);
opacity: 0; } }
@keyframes hideSweetToast {
0% {
opacity: 1; }
33% {
opacity: .5; }
100% {
-webkit-transform: rotateZ(1deg);
transform: rotateZ(1deg);
opacity: 0; } }
@-webkit-keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; } }
@keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; } }
.swal2-show {
-webkit-animation: showSweetAlert .3s;
animation: showSweetAlert .3s; }
.swal2-show.swal2-toast {
-webkit-animation: showSweetToast .5s;
animation: showSweetToast .5s; }
.swal2-show.swal2-noanimation {
-webkit-animation: none;
animation: none; }
.swal2-hide {
-webkit-animation: hideSweetAlert .15s forwards;
animation: hideSweetAlert .15s forwards; }
.swal2-hide.swal2-toast {
-webkit-animation: hideSweetToast .2s forwards;
animation: hideSweetToast .2s forwards; }
.swal2-hide.swal2-noanimation {
-webkit-animation: none;
animation: none; }
@-webkit-keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes animate-toast-success-tip {
0% {
width: 0;
left: 1px;
top: 9px; }
54% {
width: 0;
left: 1px;
top: 9px; }
70% {
width: 24px;
left: -4px;
top: 17px; }
84% {
width: 8px;
left: 10px;
top: 20px; }
100% {
width: 12px;
left: 3px;
top: 18px; } }
@keyframes animate-toast-success-tip {
0% {
width: 0;
left: 1px;
top: 9px; }
54% {
width: 0;
left: 1px;
top: 9px; }
70% {
width: 24px;
left: -4px;
top: 17px; }
84% {
width: 8px;
left: 10px;
top: 20px; }
100% {
width: 12px;
left: 3px;
top: 18px; } }
@-webkit-keyframes animate-toast-success-long {
0% {
width: 0;
right: 22px;
top: 26px; }
65% {
width: 0;
right: 22px;
top: 26px; }
84% {
width: 26px;
right: 0;
top: 15px; }
100% {
width: 22px;
right: 3px;
top: 15px; } }
@keyframes animate-toast-success-long {
0% {
width: 0;
right: 22px;
top: 26px; }
65% {
width: 0;
right: 22px;
top: 26px; }
84% {
width: 26px;
right: 0;
top: 15px; }
100% {
width: 22px;
right: 3px;
top: 15px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); }
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); }
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); } }
.swal2-animate-success-line-tip {
-webkit-animation: animate-success-tip .75s;
animation: animate-success-tip .75s; }
.swal2-animate-success-line-long {
-webkit-animation: animate-success-long .75s;
animation: animate-success-long .75s; }
.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0; }
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
@keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0; }
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
.swal2-animate-error-icon {
-webkit-animation: animate-error-icon .5s;
animation: animate-error-icon .5s; }
@-webkit-keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1; } }
.swal2-animate-x-mark {
-webkit-animation: animate-x-mark .5s;
animation: animate-x-mark .5s; }
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
</style>
<!---------------------- GESTION PROPIA DEL SWEET ALERT ------------------------------------>
<script src="libreriasInternas/gestionModal/gestionModal.js"></script>
<!------------------------------------------------------------------------------------------>
<!--------------------RECAPTCHA ------------------------------------------------------------>
<!------------------------------------------------------------------------------------------>
<script src="https://www.google.com/recaptcha/api.js?render=6Ldc3roZAAAAAOM2l-g9HWfKYPWBMgFnkTYnGvOv"></script>
<!------------------------------------------------------------------------------------------>
<link rel="stylesheet" type="text/css" href="estilos/estilos.css">
<!--Meta viewport necesario para responsive -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta charset="utf-8">
</head>
<body>
<div id="contenedorPrincipal"><link rel="stylesheet" type="text/css" href="vistas/main/estilos/estilos.css">
<div id="contenedor_main" class="container-flex">
<!-- BARRA DE NAVEGACION -->
<nav class="navbar navbar-expand-lg cabecera" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="/">
<img src="imagenes/Logo-OPC-168-x-80.png">
</a>
<button class="navbar-toggler navbar-toggler-right font-weight-bold text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#inicio">Inicio</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded" href="#optiplant">OptiPlant</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#servicios">Servicios</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#clientes">Clientes</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contacto">Contacto</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<p class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger">Politicas</p>
</li>
</ul>
</div>
</div>
</nav>
<!-- INICIO -->
<div class="principal">
<section id="inicio" class="container">
<h2 class="text-center">OptiPlant Consultores</h2>
<div class="row container">
<div class="col-md-1"></div>
<div class="col-md-10 paddingInicio">
<p class="text-center">Somos una fábrica de software especializada en los proyectos TI de las empresas del sector productivo y logístico. Cubrimos todas las etapas del proyecto: entendimiento, diseño, desarrollo, edición, implementación, administración, soporte e infraestructura.</p>
</div>
<div class="col-md-1"></div>
</div>
<div class="row rowInfo">
<div class="col-md-4">
<div class="icon-holder">
<img src="imagenes/business.png" height="100" width="100" alt="Optimización">
</div>
<h5 class="text-center">Optimización</h5>
<p class="text-center">Nuestro objetivo es optimizar los procesos de nuestro clientes. Gracias a nuestros conocimientos en el desarrollo de software y en los procesos de toda la cadena de abastecimiento, entendemos las necesidades particulares de cada cliente y generamos valor a través de nuestras soluciones y servicios.</p>
</div>
<div class="col-md-4">
<div class="icon-holder">
<img src="imagenes/web-design.png" height="100" width="100" alt="Personalización">
</div>
<h5 class="text-center">Personalización</h5>
<p class="text-center">Una de las claves del éxito es satisfacer todos los requerimientos específicos de nuestros clientes y adaptarnos a sus condiciones. Estamos seguros de que la personalización, minimiza la resistencia al cambio de los usuarios por la implementación de herramientas TI, lo que garantiza buenos resultados.</p>
</div>
<div class="col-md-4">
<div class="icon-holder">
<img src="imagenes/solution.png" height="100" width="100" alt="Integración">
</div>
<h5 class="text-center">Integración</h5>
<p class="text-center">Nos integramos con las personas para lograr una comprensión de sus necesidades y expectativas, para transmitir nuestras inquietudes y para presentar resultados. Nos integramos al nivel de tecnología de cada cliente, desde inexistente hasta avanzado. La integración hace parte de nuestra forma de trabajo y nos garantiza una relación permanente.</p>
</div>
</div>
</section>
<!-- SERVICIOS -->
<section id="servicios">
<div class="container">
<h2 class="text-center">Servicios TI</h2>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/factory.png" alt="Simulación, Análisis y Optimización de Procesos">
</div>
<div class="servicesInfo">
<h5 class="text-left">Simulación, Análisis y Optimización de Procesos</h5>
<p class="text-left">Modelamiento de procesos productivos y logísticos para obtener una “fábrica de prueba” sobre la cual se puede realizar análisis del estado actual del proceso, proponer opciones de optimización, validarlas en el modelo y según sus resultados, argumentar la toma de decisiones. Todo sin afectar el proceso real y obteniendo resultados totalmente ejecutables.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/computer.png" alt="Software Empresarial a la Medida / Proyecto TI">
</div>
<div class="servicesInfo">
<h5 class="text-left">Software Empresarial a la Medida / Proyecto TI</h5>
<p class="text-left">A partir de las necesidades y requerimientos del cliente, diseñamos y/o desarrollamos herramientas software o componentes de un proyecto, cumpliendo con los requisitos de calidad y seguridad. Desarrollamos aplicaciones web y de escritorio utilizando las principales tecnologías de desarrollo de Software.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/analysis.png" alt="Business Intelligence (BI)">
</div>
<div class="servicesInfo">
<h5 class="text-left">Business Intelligence (BI)</h5>
<p class="text-left">Creamos herramientas para la inteligencia del negocio de nuestros clientes. Capturamos los datos desde distintas fuentes como bases de datos y archivos, o desarrollamos interfaces para la captura de datos manuales. Generamos tableros de gráficas y reportes personalizados, con información consolidada y en tiempo real.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/browser.png" alt="Mantenimiento y Soporte de Software">
</div>
<div class="servicesInfo">
<h5 class="text-left">Mantenimiento y Soporte de Software</h5>
<p class="text-left">Acogemos el software desarrollado por el cliente, que requiere ser soportado, actualizado y expandido, por un equipo especializado en TI.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/rocket.png" alt="Actualización de Tecnología Legacy">
</div>
<div class="servicesInfo">
<h5 class="text-left">Actualización de Tecnología Legacy</h5>
<p class="text-left">Estudiamos, analizamos y entendemos las funcionalidades del software del cliente, que actualmente están desarrollados con tecnologías obsoletas y que requieren de una migración a tecnologías vigentes, para desarrollar un versión actualizada y mejorada.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="servicesImg">
<img src="imagenes/networking.png" alt="Integraciones y Bots">
</div>
<div class="servicesInfo">
<h5 class="text-left">Integraciones y Bots</h5>
<p class="text-left">Automatización de tareas operativas sobres sistemas de información: consolidación de archivos, generación de reportes, transacciones en sistemas como el ERP.</p>
</div>
</div>
</div>
</div>
</section>
<!-- CLIENTES -->
<section id="clientes">
<div id="contactoClient">
<div class="container">
<strong class="title">Comprometidos con la Transformación Tecnológica de su Empresa</strong>
<p>Permitamos ser su proveedor de confianza. Si está interesado en alguno de nuestro servicios o tiene un requerimiento puntual, por favor envíenos sus datos y con gusto nos pondremos en contacto.</p>
<a href="mailto:[email protected]">Contactar</a>
</div>
</div>
<div id="Clients">
<div class="container">
<h2>Clientes</h2>
<div class="row">
<div class="col-md-2">
<img src="../../../imagenes/abinbev.jpg" alt="abinbev">
</div>
<div class="col-md-2">
<img src="../../../imagenes/Bavaria.jpg" alt="Bavaria">
</div>
</div>
</div>
</div>
</section>
<!-- CONTACTO -->
<section id="contacto">
<div class="container">
<h2 class="text-center title-contact">Contacto</h2>
<p class="text-center p-contact">Estamos siempre atentos a escuchar sus requerimientos.</p>
<div class="row tablero">
<div class="col-md-6 formulario">
<h2>Dejar un mensaje</h2>
<input id="nombre" type="text" placeholder="Nombre">
<p id="error_nombre" class="error">Por favor ingresar un Nombre</p>
<input id="correo" type="email" placeholder="Correo electrónico">
<p id="error_correo" class="error">Por favor ingresar un Correo electrónico</p>
<textarea id="mensaje" type="text" placeholder="Mensaje"></textarea>
<p id="error_mensaje" class="error lastError">Por favor ingresar un Mensaje</p>
<button id="sendEmail" type="button" class="btn btn-warning">Enviar</button>
<span class="ajax-loader"></span>
<p id="error" class="wrognEmail">Uno o más campos son erróneos. Por favor revise e intente de nuevo.</p>
<p id="success" class="godEmail">Hemos recibido su mensaje, pronto le responderemos. Gracias.</p>
</div>
<div class="col-md-6 info-contact">
<h2>Información de Contacto</h2>
<ul>
<li class="address">
<address>
<p>Cra. 18 # 21N-24, Ed. Panoramika Local 1<br>
Armenia, Quindío. Colombia<br>
630004</p>
</address>
</li>
<li class="email">
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
Copyright © 2019 OptiPlant Consultores SAS
</div>
<a href="#optiplant" class="scrollup">Desplazamiento</a>
</footer>
</div>
</div>
<script src="vistas/main/scripts/variables.js"></script>
<script src="vistas/main/scripts/comunicaciones.js"></script>
<script src="vistas/main/scripts/funciones.js"></script>
<script src="vistas/main/scripts/gestionDOM.js"></script>
<script src="vistas/main/scripts/ready.js"></script></div>
<script src="variables.js"></script>
<script src="ready.js"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8db4a8250c912fa1',t:'MTczMDM4ODMxNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gfad3iugmyth" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ldc3roZAAAAAOM2l-g9HWfKYPWBMgFnkTYnGvOv&co=aHR0cHM6Ly9vcGMuY29tLmNvOjQ0Mw..&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&size=invisible&cb=averiy9sj3fj"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>