Sayfa Düzeni
body {
font-family: 'Inter', sans-serif;
background-color: #f4f4f4;
margin: 0;
}
/* Genel konteyner stilini iyileştirme */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0px;
display: flex;
flex-direction: column;
/* Tüm öğeleri alt alta sıralar */
gap: 20px;
}
/* Yeni eklenen form konteyneri için stil */
.form-container {
background-color: white;
padding: 40px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.map-container,
.contact-info-container {
background-color: #f9f9f9;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.map-container {
height: 450px;
/* Harita için sabit yükseklik */
}
.map-container iframe {
width: 100%;
height: 100%;
border-radius: 8px;
border: 0;
}
/* İletişim Bilgileri Stilleri */
.contact-info-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-info h3,
.form-container .zcwf_title {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 24px;
color: #333;
margin-bottom: 20px;
text-align: center;
}
.contact-info p {
font-family: 'Inter', sans-serif;
font-size: 16px;
color: #555;
margin: 10px 0;
line-height: 1.5;
}
.social-icons {
margin-top: 20px;
display: flex;
gap: 15px;
}
.social-icons a img {
transition: transform 0.3s ease, filter 0.3s ease;
}
.social-icons a:hover img {
transform: scale(1.1);
filter: grayscale(100%) brightness(0.4) sepia(1) hue-rotate(180deg) saturate(4);
}
/* Form Stilleri */
.form-container label {
font-family: 'Inter', sans-serif;
font-size: 14px;
color: #555;
font-weight: 500;
display: block;
margin-bottom: 8px;
}
.form-container input[type=text],
.form-container textarea,
.form-container select {
width: 100%;
padding: 12px 15px;
border: 1px solid #ccc;
border-radius: 8px;
font-family: 'Inter', sans-serif;
font-size: 14px;
color: #333;
transition: all 0.3s ease;
box-sizing: border-box;
}
.form-container input[type=text]:focus,
.form-container textarea:focus,
.form-container select:focus {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
outline: none;
}
.form-container input::placeholder {
color: #999;
}
.zcwf_row {
margin-bottom: 20px;
}
.zcwf_button {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 16px;
padding: 12px 25px;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
color: white;
}
.formsubmit.zcwf_button {
background: linear-gradient(90deg, #0279FF 0%, #00A3F3 100%);
box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
}
.formsubmit.zcwf_button:hover {
box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
transform: translateY(-2px);
}
input[name="reset"] {
background-color: #e0e0e0;
color: #555;
margin-left: 10px;
}
input[name="reset"]:hover {
background-color: #d0d0d0;
}
.zcwf_row a {
color: #007bff;
text-decoration: none;
font-family: 'Inter', sans-serif;
font-size: 14px;
}
.zcwf_row a:hover {
text-decoration: underline;
}
function addAriaSelected3593771000062886001() {
var optionElem = event.target;
var previousSelectedOption = optionElem.querySelector('[aria-selected=true]');
if (previousSelectedOption) {
previousSelectedOption.removeAttribute('aria-selected');
}
optionElem.querySelectorAll('option')[optionElem.selectedIndex].ariaSelected = 'true';
}
function reloadImg3593771000062886001() {
var captcha = document.getElementById('imgid3593771000062886001');
if (captcha.src.indexOf('&d') !== -1) {
captcha.src = captcha.src.substring(0, captcha.src.indexOf('&d')) + '&d' + new Date().getTime();
} else {
captcha.src = captcha.src + '&d' + new Date().getTime();
}
}
function historyBack3593771000062886001() {
document.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');
reloadImg3593771000062886001();
window.removeEventListener('focus', historyBack3593771000062886001);
}
function validateEmail3593771000062886001() {
var form = document.forms['WebToLeads3593771000062886001'];
var emailFld = form.querySelectorAll('[ftype=email]');
var i;
for (i = 0; i < emailFld.length; i++) {
var emailVal = emailFld[i].value;
if ((emailVal.replace(/^\s+|\s+$/g, '')).length != 0) {
var atpos = emailVal.indexOf('@');
var dotpos = emailVal.lastIndexOf('.');
if (atpos < 1 || dotpos = emailVal.length) {
alert('Please enter a valid email address. ');
emailFld[i].focus();
return false;
}
}
}
return true;
}
function checkMandatory3593771000062886001() {
var mndFileds = new Array('First Name', 'Last Name', 'Email', 'LEADCF3');
var fldLangVal = new Array('First\x20Name', 'Last\x20Name', 'Email', 'Country');
for (i = 0; i < mndFileds.length; i++) {
var fieldObj = document.forms['WebToLeads3593771000062886001'][mndFileds[i]];
if (fieldObj) {
if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length == 0) {
if (fieldObj.type == 'file') {
alert('Please select a file to upload.');
fieldObj.focus();
return false;
}
alert(fldLangVal[i] + ' cannot be empty.');
fieldObj.focus();
return false;
} else if (fieldObj.nodeName == 'SELECT') {
if (fieldObj.options[fieldObj.selectedIndex].value == '-None-') {
alert(fldLangVal[i] + ' cannot be none.');
fieldObj.focus();
return false;
}
} else if (fieldObj.type == 'checkbox') {
if (fieldObj.checked == false) {
alert('Please accept\x20' + fldLangVal[i]);
fieldObj.focus();
return false;
}
}
try {
if (fieldObj.name == 'Last Name') {
name = fieldObj.value;
}
} catch (e) { }
}
}
if (!validateEmail3593771000062886001()) {
return false;
}
var urlparams = new URLSearchParams(window.location.search);
if (urlparams.has('service') && (urlparams.get('service') === 'smarturl')) {
var webform = document.getElementById('webform3593771000062886001');
var service = urlparams.get('service');
var smarturlfield = document.createElement('input');
smarturlfield.setAttribute('type', 'hidden');
smarturlfield.setAttribute('value', service);
smarturlfield.setAttribute('name', 'service');
webform.appendChild(smarturlfield);
}
document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);
window.addEventListener('focus', historyBack3593771000062886001);
}
function tooltipShow3593771000062886001(el) {
var tooltip = el.nextElementSibling;
var tooltipDisplay = tooltip.style.display;
if (tooltipDisplay == 'none') {
var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');
for (i = 0; i < allTooltip.length; i++) {
allTooltip[i].style.display = 'none';
}
tooltip.style.display = 'block';
} else {
tooltip.style.display = 'none';
}
}