CINXE.COM

<!DOCTYPE html> <html lang="tr"> <head> <base href="https://zamran.com/"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="//www.googletagmanager.com/"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//googleads.g.doubleclick.net"> <link rel="dns-prefetch" href="//stats.g.doubleclick.net"> <link rel="dns-prefetch" href="//td.doubleclick.net"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//www.google.com.tr"> <link rel="dns-prefetch" href="//www.google.com"> <link rel="preload" href="assets/frontend/css/vendor/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/slider.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/icons.min.css?v=1.1" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/animation.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/gallery.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <title>Web Tabanl谋脰zel Yaz谋l谋m - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul </title> <meta name="description" content="Size daha fazla g眉venlik sa臒layan teknolojileri kullanarak farkl谋 ama莽lar i莽in uygulamalar geli艧tiriyoruz."> <meta name="keywords" content="Web uygulama,web tabanl谋 uygulama,Masa眉st眉 program,programlama,muhasebe program,eticaret program,masa眉st眉 yaz谋l谋m,web programlama,web tabanl谋 programlama"> <meta name="author" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m"> <meta name="publisher" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m" /> <meta name="language" content="Turkish"> <meta name="content-language" content="tr-TR" /> <meta http-equiv="content-language" content="tr"> <meta name="abstract" content="abstract" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="googlebot" content="All, Index, Follow" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="rating" content="General" /> <meta name="revisit-after" content="1 days" /> <meta name="distribution" content="global" /> <meta name="yandex-verification" content="43321997643cc74e" /> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-483411710"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-483411710'); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.zamran.com", "logo": "https://www.zamran.com/assets/uploads/logo/logo.webp" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@type": "ListItem", "@id": "https://zamran.com", "url": "https://zamran.com", "name": "Zamran Software" } }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "name": "Zamran Software", "image": "https://www.zamran.com/assets/uploads/logo/logo.webp", "@id": "", "url": "https://zamran.com", "telephone": "05322829486", "priceRange": "3000 - 15000", "address": { "@type": "PostalAddress", "streetAddress": "陌莽erenk枚y Mah. Do臒anay Sok. No:6 D:4 Ata艧ehir", "addressLocality": "陌stanbul", "postalCode": "34310", "addressCountry": "TR" }, "geo": { "@type": "GeoCoordinates", "latitude": 40.9873959, "longitude": 28.707781 }, "sameAs": ["https://www.facebook.com/zamransoftware", "https://www.instagram.com/zamransoftware", "https://www.youtube.com/taygunuzunay", "https://www.linkedn.com/zamransoftware", "https://www.zamran.com"] } </script> <meta property="og:title" content="Web Tabanl谋脰zel Yaz谋l谋m - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul "> <meta property="og:description" content="Size daha fazla g眉venlik sa臒layan teknolojileri kullanarak farkl谋 ama莽lar i莽in uygulamalar geli艧tiriyoruz."> <meta property="og:url" content="https://zamran.com/web-tabanli-ozel-yazilim"> <meta property="og:image" content="assets/uploads/logo/logo.webp" /> <meta name="twitter:card" content="Size daha fazla g眉venlik sa臒layan teknolojileri kullanarak farkl谋 ama莽lar i莽in uygulamalar geli艧tiriyoruz."> <meta name="twitter:title" content="Web Tabanl谋脰zel Yaz谋l谋m - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul " /> <meta name="twitter:description" content="Size daha fazla g眉venlik sa臒layan teknolojileri kullanarak farkl谋 ama莽lar i莽in uygulamalar geli艧tiriyoruz." /> <meta name="twitter:url" content="https://zamran.com/web-tabanli-ozel-yazilim" /> <meta name="twitter:image" content="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" /> <link rel="shortcut icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="apple-touch-icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="stylesheet" href="assets/frontend/css/vendor/bootstrap.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/slider.min.css"> <style> :root { --h1-font: Gilroy, sans-serif; --h1-size: 5rem; --h1-weight: 900; --h2-font: Poppins, sans-serif; --h2-size: 3rem; --h2-weight: 600; --p-font: Poppins, sans-serif; --p-size: 1rem; --p-weight: 400; --header-bg-color: #111; --nav-brand-height: 64px; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #111; --footer-brand-height: 80px; --primary-color: #fd9e0e; --secondary-color: #fd9e0e; --white-color: #f9f9f9; --black-color: #040402; --dark-grey-color: #191919; --primary-t-color: #2f323a; --secondary-t-color: #f5f5f5; --primary-p-color: #6f6f6f; --secondary-p-color: #8e8e8e; --primary-b-color: #f5f5f5; --primary-l-color: rgba(0, 0, 0, .25); --secondary-l-color: rgba(255, 255, 255, 0.25); --valid-color: #007a4d; --invalid-color: #fd9e0e; --primary-bg-color: #f5f5f5; --primary-bg-color-2: #eee; --primary-bg-color-3: #e5e5e5; --secondary-bg-color: #040402; --secondary-bg-color-2: #111; --secondary-bg-color-3: #191919; --card-bg-color: #f5f5f5; --footer-bg-color: #111 } .primary-button, .primary-button:visited, .primary-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--primary-color); border-radius: 2px; color: var(--primary-b-color); font-weight: 400 } .primary-button:hover, .primary-button:focus { background-color: var(--primary-color); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); color: var(--primary-b-color) } .dark-button, .dark-button:visited, .dark-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--hero-bg-color); border-radius: 0; color: var(--white-color); font-weight: 400 } .dark-button:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 0; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .dark-button:after { content: ''; position: absolute; z-index: -1; top: 2px; left: 2px; bottom: 0; right: 0; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 0; background-color: inherit } .dark-button.inherit:after { background-color: inherit } .dark-button:hover, .dark-button:focus, .dark-button:hover:after, .dark-button:focus:after { background-color: var(--primary-color) !important; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; color: var(--white-color) !important } footer .dark-button { background-color: var(--footer-bg-color) } .effect-static-text { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .effect-static-text i { -webkit-text-fill-color: var(--primary-color) } .effect-motion-text, .effect-motion-hover:hover { background-image: linear-gradient(to right, var(--primary-color) 20%, var(--primary-t-color) 40%, var(--primary-t-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } .effect-motion-text i, .effect-motion-hover:hover i { -webkit-text-fill-color: var(--primary-color) } .effect-static-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .effect-motion-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } html { overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100% } body { width: 100%; height: 100%; background-color: #060605; font-family: var(--p-font); color: #fd9e10; } body .body-mode-dark, body .odd { color: #f0f0f0; } body.body-mode-dark { background-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } ol, ul { padding-left: 20px } ol { list-style: decimal } ul { list-style: disc } ul ul { list-style: circle } pre, code { display: block; margin: 1rem 0; color: var(--primary-color) } blockquote, q { display: block; margin: 2rem 0; quotes: none; quotes: none; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd blockquote, .odd q, .body-mode-dark blockquote, .body-mode-dark q { border-color: var(--secondary-p-color) } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } blockquote p, q p { margin: 0 } .text-center:not(.text-md-left):not(.text-md-right) blockquote { width: fit-content; margin-left: auto; margin-right: auto } figure { margin-bottom: 1.5rem } figcaption { margin-bottom: 1.5rem; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd figcaption, .body-mode-dark figcaption { border-left: 5px solid var(--secondary-bg-color-3) } table { border-collapse: collapse; border-spacing: 0px; table-layout: fixed } ::selection { background: rgba(166, 175, 189, 0.3) } ::-moz-selection { background: rgba(166, 175, 189, 0.3) } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } a:not(.btn), a:link:not(.btn), a:visited:not(.btn), a:hover:not(.btn), a:active:not(.btn) { font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color); text-decoration: none } a:not([href]), a:not([href]):hover, a:not([href]) i, a:not([href]) i:hover { color: var(--primary-b-color) } p { margin: 1.5rem 0; font-size: var(--p-size); font-weight: var(--p-weight); line-height: 1.5 } p:first-child { margin-top: 0 } p:last-child { margin-bottom: 0 } h1, .slide-content .title { margin-top: 0; margin-bottom: 1.5rem; font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h1 em, .slide-content .title em { font-weight: 300; display: block; font-size: var(--h2-size) } h2 { margin: 1.5rem 0; font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } h2.featured { position: relative; width: fit-content; margin: auto } .text-md-left h2.featured { margin-left: 0 } .text-md-right h2.featured { margin-right: 0 } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured { display: flex; justify-content: center } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured:before { left: auto; right: auto } h2.featured:before { content: ''; position: absolute; top: -22px; left: 0; width: 50px; height: 5px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .odd h2, .body-mode-dark h2 { color: var(--white-color) } h2.super { margin-bottom: 1.5rem; font-size: 4rem; font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h3 { margin: 1.5rem 0; font-size: 2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h3, .body-mode-dark h3 { color: var(--white-color) } h4 { margin: 1.5rem 0; font-size: 1.3rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h4, .body-mode-dark h4 { color: var(--secondary-t-color) } h5 { margin: 1.5rem 0; font-size: 1.2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h5, .body-mode-dark h5 { color: var(--white-color) } h6 { margin: 1.5rem 0; font-size: 1rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h6, .body-mode-dark h6 { color: var(--white-color) } b, strong { font-weight: 700 } li { margin: .5rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5 } img { max-width: 100%; height: auto; vertical-align: middle } ::placeholder { color: var(--primary-t-color); opacity: .5 } .odd ::placeholder, .body-mode-dark ::placeholder { color: var(--secondary-t-color); opacity: .5 } table { border-collapse: separate; border-spacing: 0px; table-layout: fixed } table td { padding: 10px 0 } table th { padding: 10px 0 } dt { margin: 15px 0 } address { margin-bottom: 1rem } form { width: 100% } form label { width: 100% } form label.checkbox { width: initial } input, select { width: 100%; height: 44px; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-style: solid; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } textarea { width: 100%; height: auto; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } input:focus, textarea:focus, select:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } input { border-color: var(--primary-l-color); color: var(--primary-t-color) } .odd input, .body-mode-dark input { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd input:focus, .body-mode-dark input:focus { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input[type="radio"] { height: initial } input[type="submit"] { border: 1px solid; padding: 2.5px 10px; display: block; width: fit-content; max-width: 200px; text-align: center; color: var(--primary-color) } input[type="submit"]:hover { background-color: var(--primary-color); color: var(--primary-b-color); border-color: var(--primary-color) } input[type=checkbox] { width: 20px; height: 20px } textarea { height: 100px; resize: none; border-color: var(--primary-l-color); color: var(--primary-t-color) } textarea:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd textarea, .body-mode-dark textarea { height: 100px; resize: none; border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .odd textarea:focus, .body-mode-dark textarea:focus { border-color: var(--secondary-t-color); color: var(--secondary-t-color) } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; line-height: 1.2; border-color: var(--primary-l-color); color: var(--primary-t-color) } select:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } select option { color: #2f323a } hr { margin: 35px 0; border-top: 1px dashed var(--primary-l-color) } .odd hr, .body-mode-dark hr { margin: 35px 15px; border-top: 1px dashed var(--secondary-l-color) } table { width: 100% } tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--primary-l-color) } .odd tr:not(:last-child), .body-mode-dark tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--secondary-l-color) } td { padding: 10px 0 } section { position: relative; width: 100%; padding: 130px 0; background-size: cover; background-attachment: fixed; background-position: center } section.footer { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama1 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama2 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.hero { background-color: var(--hero-bg-color) } section.section-1 { background-color: var(--section-1-bg-color); background-image: var(--section-1-bg-image) } section.section-2 { background-color: var(--section-2-bg-color); background-image: var(--section-2-bg-image) } section.section-3 { background-color: var(--section-3-bg-color); background-image: var(--section-3-bg-image) } section.section-4 { background-color: var(--section-4-bg-color); background-image: var(--section-4-bg-image) } section.section-5 { background-color: var(--section-5-bg-color); background-image: var(--section-5-bg-image) } section.section-6 { background-color: var(--section-6-bg-color); background-image: var(--section-6-bg-image) } section.section-7 { background-color: var(--section-7-bg-color); background-image: var(--section-7-bg-image) } section.section-8 { background-color: var(--section-8-bg-color); background-image: var(--section-8-bg-image) } section.section-9 { background-color: var(--section-9-bg-color); background-image: var(--section-9-bg-image) } section.section-10 { background-color: var(--section-10-bg-color); background-image: var(--section-10-bg-image) } section.section-11 { background-color: var(--section-11-bg-color); background-image: var(--section-11-bg-image) } section.section-12 { background-color: var(--section-12-bg-color); background-image: var(--section-12-bg-image) } section.section-13 { background-color: var(--section-13-bg-color); background-image: var(--section-13-bg-image) } section.section-14 { background-color: var(--section-14-bg-color); background-image: var(--section-14-bg-image) } section.section-15 { background-color: var(--section-15-bg-color); background-image: var(--section-15-bg-image) } section.section-vs-0 { padding: 0 } section.section-vs-10 { padding: 10px 0 } section.section-vs-20 { padding: 20px 0 } section.section-vs-30 { padding: 30px 0 } section.section-vs-40 { padding: 40px 0 } section.section-vs-50 { padding: 50px 0 } section.section-vs-60 { padding: 60px 0 } section.section-vs-70 { padding: 70px 0 } section.section-vs-80 { padding: 80px 0 } section.section-vs-90 { padding: 90px 0 } section.section-vs-100 { padding: 100px 0 } section.section-vs-110 { padding: 110px 0 } section.section-vs-120 { padding: 120px 0 } section.section-vs-130 { padding: 130px 0 } section.section-vs-140 { padding: 140px 0 } section.section-vs-150 { padding: 150px 0 } section.section-vs-160 { padding: 160px 0 } section.section-vs-170 { padding: 170px 0 } section.section-vs-180 { padding: 180px 0 } section.section-vs-190 { padding: 190px 0 } section.section-vs-200 { padding: 200px 0 } section.featured { position: relative } section.featured:after { content: ''; position: absolute; z-index: 2; bottom: -50px; left: 50%; left: calc(50% - 2.5px); width: 5px; height: 100px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } section.featured.right:before { content: ''; position: absolute; z-index: 1; top: 100%; right: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.right:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.left:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; border-bottom: 1px dashed var(--primary-l-color) } section.featured.right .odd:before { content: ''; position: absolute; z-index: 2; top: calc(100% - 1px); right: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 100%; border-bottom: 1px dashed var(--secondary-l-color) } section.odd.featured.all:before { border-bottom: 1px dashed var(--secondary-l-color) } main { padding: 0 } aside { padding: 0 } .container { max-width: 1170px; padding: 0 } .container.header { max-width: 1200px } .container.header.full { max-width: 100% } .container.header.full-grid { max-width: 100%; margin: 0 5px } .container.header.smaller { max-width: 940px } .container.disabled { width: auto; max-width: 100% } .container.disabled .content-inner { padding: 0 } .container.full { max-width: 100% } .container.full .col-12 { padding: 0 } .container.full-grid { padding: 0; max-width: calc(100% - 30px); margin: 0 15px } .container.smaller { max-width: 970px } .row { margin-left: 0; margin-right: 0 } .vh-100 { height: 100vh } .vh-75 { height: 75vh } .clearfix { display: block; content: ""; clear: both } .overflow-holder { overflow: hidden; margin-top: -25px; margin-bottom: -25px; padding-top: 25px; padding-bottom: 25px } .intro { margin-bottom: 50px } .intro h1:first-child, .intro h2:first-child, .intro h3:first-child { margin-top: 0 } .blog-listing .items { margin-bottom: 30px } .blog-listing .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item.sticky .card:before { top: -10px; right: 0; bottom: 0; left: -10px; position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .post-holder { list-style: none; width: 100%; border-left: 5px solid var(--primary-bg-color-3); background-color: var(--primary-bg-color-2); padding: 25px; margin-top: 35px } .odd .post-holder, .body-mode-dark .post-holder { border-left: 5px solid var(--primary-color); background-color: var(--secondary-bg-color-3) } .posted-on a:not(.btn) { font-weight: 600 } .sidebar .item { margin-bottom: 50px } .sidebar .item:last-child { margin-bottom: 0 } .sidebar .item h4 { margin-top: 0 } .odd .sidebar .item h4, .body-mode-dark .sidebar .item h4 { color: var(--white-color) } .sidebar ol, .sidebar ul { list-style: none; padding: 0 } .sidebar ol ol, .sidebar ul ul { padding: 15px } .sidebar ul.children { padding: 0 } .sidebar .sub-menu { padding: 0 } .sidebar ul li:not(.nav-item):not(.list-group-item) { position: relative; padding-left: 0 } .sidebar ul ul li:not(.nav-item):not(.list-group-item) { padding-left: 20px } .sidebar li:hover:before { background-color: var(--primary-color) } .sidebar ul li a:not(.btn) { color: inherit; overflow-wrap: break-word } .sidebar ul li a:not(.btn):hover { color: var(--primary-color) } .sidebar .title { width: 100%; margin-top: 0; list-style: none } .list-group .list-group-item .icon { color: var(--primary-color); margin-right: 15px; display: flex; align-items: center; justify-content: center } .highlights .items .item { margin-bottom: 1.5rem } .highlights .items .item:last-child { margin-bottom: 0 } .highlights .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers .items .item { margin-bottom: 30px } .offers .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers.secondary .items .item h4 { margin-top: 0 } .counter.skills .items .item { padding: 35px 0 10px } .counter .radial { position: relative; width: 120px; display: inline-block; text-align: center } .counter .radial canvas { height: 80px; vertical-align: middle; visibility: hidden } .counter.preloader .radial canvas, .counter.skills .radial canvas { height: auto; visibility: visible } .counter .radial span { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; line-height: 40px; font-family: 'Gilroy', sans-serif; font-size: 2rem; font-weight: 700 } .counter.funfacts .radial span { font-size: 2.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .counter .radial span i { font-style: normal; font-size: 1rem; font-weight: 700 } .plans .items .item { margin-bottom: 30px } .plans .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .plans .items .item .btn { margin-top: 25px } .plans .items .item .card:hover .btn { background: none; border: 1px solid var(--secondary-l-color) } .plans .items .item .card:hover .btn:after, .plans .items .item .card:hover .btn:before { content: none } .plans .items .item .card:hover * { border-color: var(--secondary-l-color) } .price { margin-bottom: 25px; font-size: 42px; font-weight: 600; border: 1px solid var(--primary-l-color); border-radius: 100px; color: var(--primary-color) } .odd .price { border-color: var(--secondary-l-color) } .price i { font-size: 24px; font-style: normal; font-weight: 100 } .invert, .odd.logos img { filter: brightness(0) invert(1) } .showcase.masonry .card { background-color: var(--white-color); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) } .body-mode-dark.showcase.masonry .card { background-color: var(--secondary-bg-color-3) } .showcase.masonry .card p { color: var(--primary-p-color) } .body-mode-dark.showcase.masonry .card p { color: var(--secondary-p-color) } .showcase.portfolio .card .image-over:before { background-color: transparent } .showcase .items .item .card.no-image .image-over:before { background-color: var(--white-color) } .showcase.portfolio .card .card-caption { opacity: 0 } .showcase.portfolio .card:hover .card-caption { opacity: 1 } .showcase .card { height: auto; background-color: transparent } .showcase .card .image-over { overflow: hidden } .showcase .card .image-over:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .2s ease-out 0; -o-transition: all .2s ease-out 0; -moz-transition: all .2s ease-out 0; transition: all .2s ease-out 0 } .showcase .card .image-over img { position: relative; z-index: -1; height: auto; min-height: 460px; object-fit: fill; object-position: center } .showcase .card-caption { position: absolute; width: 100%; bottom: 0 } .showcase .no-image .card-caption { position: relative } .showcase .card-caption *, .showcase .card-caption :not(.btn) { color: #f5f5f5 } .showcase .card-caption .card-body p { color: var(--secondary-p-color) } .showcase:not(.news) .card-caption a:not(.btn) { margin: 0; color: var(--primary-color) } .showcase .no-image .card-caption *, .showcase .no-image .card-caption :not(.btn) { color: var(--primary-t-color) } .body-mode-dark.showcase .no-image .card-caption *, .body-mode-dark .showcase .no-image .card-caption :not(.btn) { color: var(--secondary-t-color) } .showcase .no-image .card-caption .card-body p { color: var(--primary-p-color) } .showcase .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .no-image .card-footer { border-color: rgba(0, 0, 0, 0.15) } .body-mode-dark.showcase .no-image .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .card:hover .image-over img { transform: none } .showcase .card:hover .image-over:before { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); opacity: .75 } .showcase .card:hover .image-over .mask-radius-full { opacity: 0 } .showcase .card:hover .image-over img { filter: blur(3px) } .showcase .card:hover .image-over .play-video-full { width: 100%; height: 100%; font-size: 100px } .showcase .card:hover .image-over .play-video-full:after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); opacity: .75 } .filter-section .items { overflow: initial !important } .filter-section .btn-group { margin: 0 0 35px; display: block } .filter-section .btn-group .btn { display: inline-flex; align-items: center; margin: 0 10px; padding: 10px; font-size: 1.2rem; font-weight: 600; color: var(--primary-p-color) } .filter-section .btn-group .btn.focus { outline: none; box-shadow: none } .filter-section .btn-group .btn:hover { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn:hover { color: var(--white-color) } .filter-section .btn-group .btn.active { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn.active { color: var(--white-color) } .filter-section .btn-group .btn:before { content: ''; position: absolute; bottom: 2.5px; right: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn:after { content: ''; position: absolute; bottom: 2.5px; left: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn.active:before, .filter-section .btn-group .btn.active:after { width: 50% } .filter-section .btn-group .btn i { margin: 0 10px } .filter-section .items .item { z-index: 1 } .subscribe .items .item { padding: 0 10px } .subscribe .btn { height: 50px } .form .message { position: absolute; top: 0; left: 15px; width: 100%; height: 100%; padding: 35px; z-index: 3; display: flex; align-items: center; justify-content: center; text-align: center; transform: scale(0); border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .form .message .icon { margin: auto; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message h3 { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message .done { display: none } .form .message.active { transform: scale(1) } .form-group-margin { margin: 0 7.5px } .map { padding: 0; height: 500px } .map iframe { width: 100%; height: 500px; border: none } header { position: relative; z-index: 5 } .navbar-holder { position: relative; z-index: -100; min-height: auto; pointer-events: none; background-color: var(--section-1-bg-color) } header .navbar-sticky { top: 0; background-color: var(--header-bg-color); -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); -webkit-transition: all .15s ease-out 0 !important; -o-transition: all .15s ease-out 0 !important; -moz-transition: all .15s ease-out 0 !important; transition: all .15s ease-out 0 !important } header .navbar-sticky.hidden { -webkit-transform: translate3d(0, -101%, 0) !important; -ms-transform: translate3d(0, -101%, 0) !important; -moz-transform: translate3d(0, -101%, 0) !important; transform: translate3d(0, -101%, 0) !important } header .navbar-sticky.visible { -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } header .navbar-expand { position: fixed; top: 0; z-index: 2; width: 100%; padding: 10px 25px; pointer-events: initial } header .navbar-expand.navbar-vs-0 { padding-top: 0; padding-bottom: 0 } header .navbar-expand.navbar-vs-5 { padding-top: 5px; padding-bottom: 5px } header .navbar-expand.navbar-vs-10 { padding-top: 10px; padding-bottom: 10px } header .navbar-expand.navbar-vs-15 { padding-top: 15px; padding-bottom: 15px } header .navbar-expand.navbar-vs-20 { padding-top: 20px; padding-bottom: 20px } header .navbar-expand.navbar-vs-25 { padding-top: 25px; padding-bottom: 25px } header .navbar-expand.navbar-vs-30 { padding-top: 30px; padding-bottom: 30px } header .navbar-expand.navbar-vs-35 { padding-top: 35px; padding-bottom: 35px } header .navbar-expand.navbar-vs-40 { padding-top: 40px; padding-bottom: 40px } header .navbar-expand.navbar-vs-45 { padding-top: 45px; padding-bottom: 45px } header .navbar-expand.navbar-vs-50 { padding-top: 50px; padding-bottom: 50px } header .navbar-expand.relative { position: relative } header .navbar-expand .navbar-nav { display: contents } header .navbar-expand .navbar-nav.toggle { display: none } header .navbar-expand .navbar-nav.toggle i { font-size: 20px } header .navbar-expand .navbar-brand { padding: 0; font-size: 1.5rem; font-weight: 600; line-height: 0; color: var(--nav-item-color) } header .navbar-expand:not(.navbar-sticky) .navbar-brand { color: var(--top-nav-item-color) } header .navbar-expand .navbar-brand i { font-style: initial; font-weight: 700; font-size: 1.8rem; color: var(--primary-color) } header .navbar-expand .navbar-brand i.leverage-2-0 { margin: 0 0 0 5px; font-family: var(--h1-font); font-size: 12px } header .navbar-expand .navbar-brand img { height: var(--nav-brand-height) } .navbar-expand .navbar-nav .nav-item { margin: 0; display: contents; vertical-align: middle } .navbar-expand .navbar-nav ul .nav-item { display: block } .navbar-expand .navbar-nav .nav-item a:not(.btn) { display: flex; align-items: center; font-size: 1rem; font-weight: 500 } .navbar-expand .navbar-nav .nav-link:not(.btn) { padding-right: 1rem; padding-left: 0; color: var(--nav-item-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .nav-link:not(.btn) { color: var(--top-nav-item-color) } .navbar-expand .navbar-nav .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-expand .navbar-nav .nav-link.active:not(.btn):not(.title) { color: var(--primary-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { display: flex; align-items: center; justify-content: space-between; padding: .35rem 1rem; font-weight: 400; color: var(--primary-p-color) } .theme-mode-dark .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .theme-mode-dark .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { color: var(--secondary-p-color) } .navbar-expand .navbar-nav .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); opacity: .8 } .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-nav i.icon-arrow-down { position: relative; top: 1.5px; margin: 0 0 0 .3rem; font-size: 12px; font-weight: 600 } .navbar-nav i.icon-arrow-right { position: relative; left: 5px; top: 0; margin: 0 0 0 .3rem; font-size: 10px; font-weight: 600 } .navbar-expand .icons i { font-weight: 400 } .dropdown .dropdown-menu { background-color: var(--primary-bg-color-2); width: max-content; min-width: 120px; display: block; visibility: hidden; opacity: 0; border: none; border-radius: 2px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .theme-mode-dark .dropdown .dropdown-menu { background-color: var(--secondary-bg-color-3) } .dropdown:hover>.dropdown-menu { visibility: unset; opacity: 1; margin: 0; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .dropdown-menu .dropdown-menu { position: absolute; top: -8px; left: 100% } .dropdown-item.active, .dropdown-item:hover, .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; box-shadow: none; outline: none } .menu .items { margin-left: -5px; width: calc(100% + 10px) } .menu .navbar-nav { font-size: 1.5rem; font-weight: 400; line-height: 1 } .menu .nav-item { margin: 0 } .menu .dropdown .dropdown-menu { display: none; width: 100%; visibility: visible; opacity: 1; background: none; box-shadow: none; border: none; text-align: center; padding: 0 0 0 20px; margin: 0 0 15px; list-style: none; color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu.show { display: block } .menu .dropdown-menu .dropdown-menu { position: relative; top: initial; left: initial } .menu .dropdown .dropdown-menu .left, .menu .dropdown .dropdown-menu .right { width: 50% } .menu .nav-link:not(.btn) { font-size: 1rem; font-weight: 400; border: 1px solid var(--primary-l-color); color: var(--primary-p-color); display: inline-block; width: calc(100% - 12px); vertical-align: top; padding: 10px 5px; margin: 0 5px; border-radius: 4px } .theme-mode-dark .menu .nav-link:not(.btn) { border: 1px solid var(--secondary-l-color); color: var(--secondary-p-color) } .menu .nav-link:not(.btn):hover, .theme-mode-dark .menu .nav-link:not(.btn):hover { color: var(--primary-color) } .menu .dropdown .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); border: none; opacity: .8 } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link.title { color: var(--secondary-t-color) } .menu .dropdown .dropdown-menu .nav-item .nav-link { font-size: 1rem; font-weight: 400; background: none; color: var(--primary-p-color); display: flex; justify-content: space-between; width: calc(100% - 12px); vertical-align: top; padding: 0; margin: 0 5px 10px; border-radius: 4px; text-align: left } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-item .nav-link { color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu .nav-link:hover, .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link:hover { color: var(--primary-color) } .menu .dropdown:first-child { margin-top: 0 } .menu .nav-link:first-child { padding-left: 0; padding-right: 0; display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 600; border: none; color: var(--primary-t-color) } .theme-mode-dark .menu .nav-link:first-child { margin-bottom: 0; font-weight: 600; border: none; color: var(--secondary-t-color) } .menu .dropdown-menu .dropdown>.nav-link:first-child { font-size: 1rem; font-weight: 600 } .menu .navbar-nav i.icon-arrow-down { font-size: 18px } .slider-h-auto { width: 100%; height: auto; display: flex; align-items: center } .slider-h-auto .swiper-wrapper, .slider-h-auto .swiper-slide { min-height: 75vh } .slider-h-auto.no-slider .inner { top: 0; padding-top: 100px; padding-bottom: 100px } .slider-h-100 { width: 100%; height: 100vh } .slider-h-100.slider-h-auto { min-height: 100vh } .slider-h-85 { width: 100%; height: 85vh } .slider-h-75 { width: 100%; height: 75vh } .slider-h-75.slider-h-auto { min-height: 75vh } .slider-h-70 { width: 100%; height: 70vh } .slider-h-65 { width: 100%; height: 65vh } .slider-h-60 { width: 100%; height: 60vh } .slider-h-50 { width: 100%; height: 50vh } .slider-h-50.slider-h-auto { min-height: 50vh } .slider-h-25 { width: 100%; height: 25vh } .hero.slider-parallax { position: fixed; top: 0; min-height: auto; -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .slider-parallax-holder { position: relative; z-index: -100; min-height: 100vh; pointer-events: none } .mid-slider { overflow: visible; padding: 0 15px } .mid-slider-simple { padding: 0 15px } .mid-slider-simple .card:not(.no-hover):hover { transform: initial } .full-slider { cursor: w-resize } .full-slider .inner, .no-slider .inner { top: 1rem; max-width: 1200px; padding: 0; margin: auto } .full-slider.full-grid .inner, .no-slider.full-grid .inner { max-width: calc(100% - 60px) } .full-slider.smaller .inner, .no-slider.smaller .inner { max-width: 940px } .no-slider.slider-h-75 .inner { top: 10px } .full-slider .inner .center, .no-slider .inner .center { width: 100%; padding: 2rem 0 } .full-slider .inner .left, .no-slider .inner .left { width: 60%; padding: 2rem 0 } .full-slider .inner .right, .no-slider .inner .right { width: auto; padding: 2rem 0 } .full-slider.featured .inner .left:before, .no-slider.featured .inner .left:before { content: ''; position: absolute; z-index: -1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .left:after, .no-slider.featured .inner .left:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:before, .no-slider.featured .inner .right:before { content: ''; position: absolute; z-index: -1; top: 5%; bottom: 0; right: 0; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:after, .no-slider.featured .inner .right:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider .inner .left.off:before, .full-slider .inner .left.off:after, .full-slider .inner .right.off:before, .full-slider .inner .right.off:after { content: none } .full-slider .inner .left.init:before, .full-slider .inner .left.init:after, .no-slider .inner .left.init:before, .no-slider .inner .left.init:after, .full-slider .inner .right.init:before, .full-slider .inner .right.init:after, .no-slider .inner .right.init:before, .no-slider .inner .right.init:after { opacity: 1 } .full-slider .slide-content .center .description, .no-slider .slide-content .center .description { max-width: 900px; margin-bottom: 2rem; font-size: 1.5rem } .full-slider .slide-content .center .description p, .no-slider .slide-content .center .description p { font-size: 1.5rem } .full-slider .slide-content .left .description, .no-slider .slide-content .left .description, .full-slider .slide-content .right .description, .no-slider .slide-content .right .description { max-width: 500px; margin-bottom: 2rem; font-size: 1.2rem } .full-slider .slide-content .left .description p, .no-slider .slide-content .left .description p, .full-slider .slide-content .right .description p, .no-slider .slide-content .right .description p { font-size: 1.2rem } .full-slider.featured .inner .right .description { right: 15%; position: relative } .full-slider .slide-content .inner .description a, .no-slider .slide-content .inner .description a { font-size: 1.2rem } .full-slider .slide-content .center .description a, .no-slider .slide-content .center .description a { font-size: 1.5rem } .full-slider .swiper-button-next { right: 1.5rem } .full-slider .swiper-button-prev { left: 1.5rem } .full-slider .swiper-button-next:focus, .full-slider .swiper-button-prev:focus { outline: none } .full-slider .swiper-button-next, .full-slider .swiper-button-prev { top: calc(50% + 60px); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25; padding: 2rem 1.5rem; transition-timing-function: ease-in; transition: .2s } .full-slider .swiper-button-next:hover, .full-slider .swiper-button-prev:hover { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%) } .full-slider .swiper-button-next:after, .full-slider .swiper-button-prev:after { font-size: 3rem } .slide-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .slide-content { position: relative; z-index: 3; width: 100% } .swiper-slide .aos-animate { display: none } .swiper-slide.swiper-slide-active .aos-animate { display: block } .swiper-slide .fit-image.aos-init { opacity: 1 } .swiper-slide .fit-image.aos-animate { visibility: hidden; display: block } .swiper-slide.swiper-slide-active .fit-image.aos-animate { visibility: visible; display: block; transform: translateZ(0) scale(1.2); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: 3s; transition-property: opacity, transform } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 35px; position: relative } .full-slider.swiper-container-horizontal>.swiper-pagination-bullets { position: absolute !important; top: initial !important; bottom: 5vh !important } .swiper-pagination-bullet { width: 40px !important; height: 5px !important; border-radius: 0 !important; background-color: var(--primary-p-color) !important; border: none !important; opacity: .25 !important } .swiper-pagination-bullet:hover { opacity: 1 !important } .swiper-pagination-bullet-active { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; opacity: 1 !important } .swiper-pagination-bullet-active:hover { background-color: var(--primary-color) !important } .pagination { width: fit-content; margin: 35px auto; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition: all .3s cubic-bezier(.25, .8, .25, 1) } .pagination .page-item { margin: 0 } .pagination .page-item:focus { outline: none; box-shadow: none } .pagination .page-item .page-link { width: 50px; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; background-color: var(--primary-bg-color); border-radius: 2px; border: 1px solid; border-color: var(--primary-bg-color-2); color: var(--primary-t-color) } .body-mode-dark .pagination .page-item .page-link { background-color: var(--secondary-bg-color-2); border-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } .pagination .page-item.active .page-link { background-color: var(--primary-bg-color); border-color: var(--primary-color); color: var(--primary-color) } .body-mode-dark .pagination .page-item.active .page-link { background-color: var(--secondary-bg-color-2) } .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-bg-color) } .body-mode-dark .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) } .pagination .page-item .page-link:focus { outline: none; box-shadow: none } .preloader { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--hero-bg-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .preloader.ready { z-index: -100; opacity: 0 } .icon { width: auto; height: 44px; line-height: 44px; text-align: center; font-size: 44px; display: block; margin: auto } .icon.smaller { width: 24px; height: 24px; line-height: 24px; font-size: 24px } .icon.bigger { width: 7rem; height: 7rem; margin: 0; font-size: 6.5rem; line-height: 7rem; font-weight: 700 } .icon.circle { border-radius: 100px; font-size: 28px } .bricklayer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .bricklayer-column-sizer { width: 33.3333%; display: none } .columns-1 .bricklayer-column-sizer { width: 100% } .columns-2 .bricklayer-column-sizer { width: 50% } .columns-3 .bricklayer-column-sizer { width: 33.3333% } .columns-4 .bricklayer-column-sizer { width: 25% } .columns-5 .bricklayer-column-sizer { width: 20% } .columns-6 .bricklayer-column-sizer { width: 16.6666% } .bricklayer-column { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px } .bricklayer .item { margin: 0 0 30px } .card-columns { margin: 0 15px; column-gap: 30px } .card-columns .card { margin-bottom: 30px } .card { position: relative; z-index: 1; width: 100%; padding: 35px; border: none; border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .card.no-hover { background-color: transparent; box-shadow: none } .odd:not(.custom) .card:not(.no-hover):not(:hover) { background-color: var(--dark-grey-color) } .card-white .card { background-color: var(--white-color) } .card p { margin-top: 0; white-space: pre-wrap } .card-img-top { border-radius: 0 } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 35px 30px } .card-body h3, .card-body h4, .card-body h5, .card-body h6 { margin-top: 0 } .card-footer { border-radius: 0; background: none; padding: 30px 0; margin: 0 30px; border-top: 1px solid var(--primary-l-color) } .card-footer a { margin: 0 10px } .card-footer a:not(.btn) { line-height: 1.2; text-align: left; color: var(--primary-p-color) } .card-footer i { margin: 0 10px 2.5px 0 } .card.simple { box-shadow: none; background: none; padding: 0 2rem } .card.simple:hover { background: none } .card:not(.no-hover):hover { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transform: translateY(-7.5px) } .sticky.card:not(.no-hover) { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .masonry .card:not(.no-hover):hover { transform: translateY(0) } .items .item:first-child .card.featured:hover:before, .items .item:last-child .card.featured:hover:before { width: 100%; height: 100%; opacity: .5 } .card:not(.no-hover):hover:before, .card:not(.no-hover):hover:after { opacity: 0 } .card:hover .image-person img { transform: scale(1.1) } .card:not(.no-hover):hover h3, .card:not(.no-hover):hover h4, .card:not(.no-hover):hover p { color: #f5f5f5 } .card:not(.no-hover):hover span, .card.stycky:not(.no-hover) span { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover a, .card.sticky:not(.no-hover) a { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover i, .card.sticky:not(.no-hover) i { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover .icon, .card.sticky:not(.no-hover) .icon { background-color: transparent; color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:hover .card-footer, .card.sticky .card-footer { color: #f5f5f5; border-color: rgba(255, 255, 255, 0.25) } .card:hover .btn-icon { color: #f5f5f5 } .card:hover .share-list i { color: #f5f5f5 } .card.featured:before { position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .items .item:not(:first-child):not(:last-child) .card.featured:before { display: none } .items .item:first-child .card.featured:before { top: -10px; right: 0; bottom: 0; left: -10px } .items .item:last-child .card.featured:before { right: -10px; bottom: -10px } .card.featured:after { position: absolute; z-index: -1; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; border: none; background-color: inherit } .odd:not(.custom) .card.featured:after { background-color: inherit } .card.featured:hover:after { background-color: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .badge { font-weight: 500 } .badge.circle { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; background-color: var(--primary-bg-color-3) } .body-mode-dark .badge.circle { border: 1px solid var(--secondary-l-color); background: none } .badge.tag { margin: 0 5px 10px 0; padding: .45rem 1rem; border-radius: 2px; font-size: 1rem; font-weight: 400; color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .badge.tag, .body-mode-dark .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .badge.tag:hover, .badge.tag.active { color: var(--primary-color); border-color: var(--primary-color) } .role { display: block; padding: 0 0 1.5rem; border-bottom: 1px solid var(--primary-l-color) } .odd .role { border-bottom: 1px solid var(--secondary-l-color) } .breadcrumb { margin: 0; background: none; justify-content: center; color: inherit } .breadcrumb-item { font-size: 1rem; font-weight: 400 } .breadcrumb-item a:not(.btn) { color: inherit } .breadcrumb-item a:hover { color: var(--primary-color) } .breadcrumb-item+.breadcrumb-item::before { font-weight: 400 } .breadcrumb-item.active { color: var(--primary-color) } .breadcrumb-item.active:hover { color: var(--primary-color) } .share-list { display: -webkit-inline-box } .share-list .nav-link i { margin: 0 1rem; font-size: 22px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .share-list li:first-child i { margin-left: 0 } .image-over { overflow: hidden; border-radius: 2px } .image-person img { transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s } .person { width: 100%; max-width: 100px; border-radius: 100% } .square-image { margin: auto } .square-image .icon { position: absolute; z-index: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image img { opacity: .75; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image:hover img { opacity: .5; filter: none } .square-image:hover .icon { transform: scale(1.2) } .mask-radius { content: ''; position: absolute; z-index: 1; right: 15px; bottom: 0; width: 58%; height: 58%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); border-radius: 100% 0 0 0; opacity: .25 } .mask-radius-full { content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25 } .play-video { position: absolute; z-index: 2; right: 15%; bottom: 15%; padding: 1.75rem 1.5rem 1.75rem 2rem; border-radius: 100%; font-size: 3rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-size: 200% auto; color: var(--primary-b-color) } .play-video-full { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; width: auto; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 4rem; color: var(--primary-b-color); -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .full-image[data-mask="90"] { opacity: .1 } .full-image[data-mask="80"] { opacity: .2 } .full-image[data-mask="70"] { opacity: .3 } .full-image[data-mask="60"] { opacity: .4 } .full-image[data-mask="50"] { opacity: .5 } .full-image[data-mask="40"] { opacity: .6 } .full-image[data-mask="30"] { opacity: .7 } .full-image[data-mask="20"] { opacity: .8 } .full-image[data-mask="10"] { opacity: .9 } .full-image[data-mask="0"] { opacity: 1 } .full-image { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center } .hero-image { position: absolute; right: 10%; bottom: 0; width: auto; height: 85% } .hero-image-left { position: absolute; left: 10%; bottom: 0; width: auto; height: 85% } .fit-image { width: 100%; height: 100%; object-fit: cover; object-position: center } .fit-image.w-85 { width: 85% } .fit-image.top { object-position: top } .fit-image.bottom { object-position: bottom } .btn { width: max-content; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: .5rem 1.25rem; border-width: 0; border-radius: 2px } .btn.smaller, .btn.smaller:active, .btn.smaller:focus { width: fit-content; box-sizing: content-box; margin: 0 5px; padding: 7.5px 12.5px; display: inline-block } .btn.w-100 { max-width: 100% } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn:hover, .btn:focus { outline: none; box-shadow: none } .btn i { margin-right: .5rem } .btn i.left { margin-right: 0; margin-left: .5rem } .btn-icon { position: relative; bottom: -5px; font-size: 24px; cursor: pointer; color: var(--primary-p-color) } .odd .btn-icon { color: var(--secondary-p-color) } .widget-author .author { display: flex; align-items: center; justify-content: start } .widget-author .author h4 { margin: 0 } .widget-author .author img { width: 100%; height: 100%; max-width: 100px; margin-right: 20px } .widget-author .biography { margin: 12.5px 0 2.5px } .widget-categories .list-group-flush .list-group-item:first-child { padding-top: 0; border-top-width: 0 } .widget-share-this li { margin: 0 } .widget-share-this a { padding: 0 } .widget-gallery .gallery { margin-left: -15px; margin-right: -15px } .widget-gallery .gallery img { border-radius: 4px } .widget-services li { display: flex; align-items: start } .widget-services .list-group-flush .list-group-item:first-child { border-top-width: 1px } .widget-services .list-group-flush .list-group-item:last-child { border-bottom-width: 1px } .widget-services li a { display: flex; align-items: start } .widget-carousel .mid-slider-simple { padding: 0 } .sidebar .widget-carousel .item { margin-bottom: 0 } .widget-carousel .card { padding: 25px 5px; background-color: var(--primary-bg-color-3); box-shadow: none } .body-mode-dark .widget-carousel .card { background-color: var(--secondary-bg-color-3); box-shadow: none } .widget-carousel .card p { color: var(--primary-p-color) } .widget-carousel .card .icon { margin: 0 auto 1.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .widget-carousel .card img.icon { width: 100%; max-width: 90px; height: auto; border-radius: 100% } .grecaptcha-badge { bottom: 100px !important; box-shadow: none !important; visibility: hidden; z-index: -100 } .form-control { width: 100%; height: 50px; background: no-repeat; box-shadow: none; padding: 10px 15px; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px; line-height: 1.2 } .odd .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .form-control:disabled, .form-control[readonly] { background-color: inherit; opacity: .75; cursor: no-drop } .form-control:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } .form-control.valid { border-color: var(--valid-color) } .form-control.invalid { border-color: var(--invalid-color) } textarea.form-control { width: 100%; min-height: 170px } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-radius: 2px } .input-group { margin: 10px 0 } .input-group .icon-arrow-down { position: absolute; top: calc(50% - 8px); right: 5%; color: var(--primary-t-color) } .odd .input-group .icon-arrow-down { color: var(--secondary-l-color) } button:disabled { cursor: no-drop } .form-alert { margin: 1rem 0; display: block; color: var(--invalid-color) } .form-alert.valid { color: var(--valid-color) } .form-alert.invalid { color: var(--invalid-color) } .multi-step-form { min-height: 575px } .multi-step-form fieldset { width: 100%; position: relative } .multi-step-form fieldset:not(:first-of-type) { display: none } .multi-step-form input { width: 100% } .multi-step-form input[type=checkbox] { width: 18px; height: 18px } .multi-step-form .mask-radius { width: calc(58% + 15px); right: 0 } .multi-step-form .step-images { min-height: 575px } .multi-step-form .content-images .step-image .fit-image { min-height: 575px } .progressbar { margin-bottom: 25px; padding: 0; overflow: hidden; counter-reset: step } .progressbar:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; right: 0; top: 25px; z-index: 0 } .odd .progressbar:after { background-color: var(--secondary-bg-color-3) } .progressbar.complete:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto } .progressbar li.active:before, .progressbar li.active:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite; color: var(--primary-bg-color) } .odd .progressbar li.active:before, .progressbar li.active:after { color: var(--secondary-bg-color) } .progressbar li { list-style-type: none; font-size: 1rem; font-weight: 500; text-align: center; width: 33.3333%; float: left; position: relative; color: var(--primary-t-color) } form[data-steps="1"] .progressbar { display: none } form[data-steps="1"] .progressbar li { width: 100% } form[data-steps="2"] .progressbar li { width: 50% } form[data-steps="3"] .progressbar li { width: 33.3333% } form[data-steps="4"] .progressbar li { width: 25% } .odd .progressbar li { color: var(--secondary-t-color) } .progressbar li:before { position: relative; z-index: 2; content: counter(step); counter-increment: step; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 1.2rem; font-weight: 600; text-align: center; color: var(--primary-t-color); background-color: var(--primary-bg-color-3); border-radius: 100px; margin: 0 auto 10px } .odd .progressbar li:before { color: var(--secondary-t-color); background-color: var(--secondary-bg-color-3) } .progressbar li:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; left: -50%; top: 17px; z-index: 1 } .odd .progressbar li:after { background-color: var(--secondary-bg-color-3) } .list-group-item { margin: 0; background: none; font-size: 1rem; padding-right: 0; padding-left: 0; border-color: var(--primary-l-color) } .odd .list-group-item, .body-mode-dark .list-group-item { border-color: var(--secondary-l-color) } .list-group-item a:hover { color: var(--primary-color) } .list-group-item img { border-radius: 4px; background-color: var(--primary-bg-color-3); transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .body-mode-dark .list-group-item img { background-color: var(--secondary-bg-color-3) } .list-group-item a:not(.btn) { color: inherit } .list-group-item .icon { font-size: 34px; text-align: left } .gallery { position: relative; overflow: hidden } .content .gallery { margin: 35px 0 0 } .gallery .item:not(:last-child) { margin-bottom: 30px } .gallery img { border-radius: 2px; transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery .fit-image { width: 100%; height: 100% } .gallery img:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } .gallery a:hover img { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery.featured { transform: scale(1) } .gallery.featured a:first-child:before { content: ''; position: absolute; z-index: -1; top: -30px; left: -15px; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } .gallery.featured a:last-child:before { content: ''; position: absolute; z-index: -1; right: -15px; bottom: 0; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer { position: relative; background-color: var(--footer-bg-color) } footer .brand .logo { font-size: 2.2rem; font-weight: 700; line-height: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } footer .brand .logo img { width: auto; height: var(--footer-brand-height) } footer .brand a:hover { text-decoration: none } footer .branding p { line-height: 1.85 } footer .title { margin-top: 0 } footer .contacts { position: relative; top: 2.5rem; left: 2.5rem } footer .contacts .nav-item { position: relative; z-index: 1 } footer .contacts:before { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-top: 4px solid; border-right: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:after { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-left: 4px solid; border-bottom: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:hover:before, footer .contacts:hover:after { border-color: var(--primary-color) } footer .contacts li { margin: 0; font-size: 1.2rem } footer .nav-item { margin: 0 } footer .nav-item .nav-link { display: block; word-break: break-all; font-weight: 400; line-height: 1.4; color: inherit } footer.odd .nav-item .nav-link { color: var(--secondary-p-color) } footer .nav-item .nav-link:hover { color: var(--primary-color); outline: none } .footer-widget .badge.tag { color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .footer-widget .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .footer-widget .badge.tag:hover { color: var(--primary-color); border: 1px solid var(--primary-color) } footer .copyright { background-color: rgba(0, 0, 0, 0.05) } footer .odd.copyright, footer.odd .copyright { background-color: rgba(0, 0, 0, 0.25) } footer .odd.alt.copyright { background-color: rgba(255, 255, 255, 0.03) } footer .copyright p { font-size: 14px; line-height: 1.8 } footer .copyright a:not(.btn) { font-size: 14px } .modal-open { overflow-y: hidden; overflow-x: hidden } .modal-dialog-slideout { min-height: 100%; margin: 0 0 0 auto } .modal.fade .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(100%, 0)scale(1); transform: translate(100%, 0)scale(1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); height: 100% } .modal.fade.show .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: flex; align-items: start; -webkit-box-align: start; height: 100% } .modal-content { border: none; border-radius: 0; overflow-x: hidden; background-color: var(--primary-bg-color-2) } .theme-mode-dark .modal-content { background-color: var(--secondary-bg-color-3) } .modal-content.full { height: 100% } .modal-header { align-items: center; padding: 25px; border: none; font-weight: 600; color: var(--primary-t-color); border-radius: 0 } .theme-mode-dark .modal-header { color: var(--secondary-t-color) } .modal-header .modal-title { line-height: 0 } .modal-header .icon-close { font-size: 24px; cursor: pointer } .modal-body { width: 100%; display: flex; align-items: center; padding: 25px 25px 75px } .theme-mode-dark .modal-body h2 { color: var(--white-color) } .theme-mode-dark .modal-body .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .spinner-grow { color: var(--primary-color) } .scroll-to-top { display: none; position: fixed; z-index: 5; right: 25px; bottom: 25px; opacity: .75; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .scroll-to-top:hover { opacity: 1 } .scroll-to-top i { width: 48px; height: 48px; line-height: 48px; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; background-color: var(--primary-bg-color-2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .theme-mode-dark.scroll-to-top i, .theme-mode-dark .scroll-to-top i { background-color: var(--secondary-bg-color-2) } .scroll-to-top i:hover, .scroll-to-top i:focus { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } @-webkit-keyframes effect { to { background-position: -200% center } } @keyframes effect { to { background-position: -200% center } } @media(max-width: 1199px) { body header .navbar-expand .navbar-nav.toggle { display: flex } body header .navbar-expand .navbar-nav.contacts, body header .navbar-expand .navbar-nav.items, body header .navbar-expand .navbar-nav.icons .social { display: none } body .full-slider.featured .inner .left:before, body .full-slider.featured .inner .left:after, body .no-slider.featured .inner .left:before, body .no-slider.featured .inner .left:after, body .full-slider.featured .inner .right:before, body .full-slider.featured .inner .right:after, body .no-slider.featured .inner .right:before, body .no-slider.featured .inner .right:after { content: none } body .full-slider.featured .inner .left .title, body .no-slider.featured .inner .left .title, body .full-slider.featured .inner .right .title, body .no-slider.featured .inner .right .title { max-width: 100% } .full-slider.featured .inner .right .description { right: initial; position: inherit } body .full-slider .inner button { margin: auto } body .full-slider .swiper-button-next { right: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-prev { left: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-next:after, body .full-slider .swiper-button-prev:after { font-size: 2rem } body .full-slider .inner, body .no-slider .inner { padding: 0 20px } body .container { padding: 0 0px; max-width: 100% } body .container .card.featured:before { content: none } body .container.header.full-grid { margin: 0 } body .container.full-grid { padding: 0; max-width: calc(100% - 20px); margin: 0 10px } body .bricklayer-column-sizer { width: 33.3333% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 33.3333% } body .card-columns { column-count: 3 } body .card-footer { margin: 0 } body .play-video { right: 40px; bottom: 30px; font-size: 2.5rem } body .gallery.featured a:first-child:before, body .gallery.featured a:last-child:before { content: none } } @media(max-width: 991px) { body h1, body .slide-content .title, body h2.super { font-size: 4rem } body h2 { font-size: 2.5rem } body .slider-h-100 { height: calc(100vh - 50px) } body .slider-h-100.alt { height: calc(85vh - 50px) } body aside { margin-top: 60px } body footer .title { margin-top: 2rem } body .bricklayer-column-sizer { width: 50% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 50% } body .card-columns { column-count: 2 } body .modal-body { align-items: start } } @media(max-width: 767px) { body h1, body .slide-content .title, body h2.super { font-size: 2.5rem } body .text-md-left h2.featured, body .text-md-right h2.featured { margin: auto } body h2.featured:before { content: none } body .intro .btn { margin-top: 30px } body .highlights:not(.image-right):not(.image-center) .intro { margin-top: 50px } body .highlights:not(.image-left) .items .item:last-child { margin-bottom: 50px } body .offers .items .item { margin-bottom: 0; margin-bottom: 30px } body .blog-grid:not(.masonry) .items .item { margin-bottom: 0; margin-bottom: 30px } body header .navbar-expand .navbar-nav a { padding: 10px 15px; font-size: 0 } body header .navbar-expand .navbar-nav.action .btn i { font-size: initial; margin: 0 } body .navbar-brand { margin: 0 } body .full-slider .slide-content .inner .description, body .no-slider .slide-content .inner .description { max-width: 100%; font-size: 1.2rem } body .full-slider .slide-content .inner .description p, body .no-slider .slide-content .inner .description p { font-size: 1.2rem } body .full-slider .slide-content .inner .left, body .no-slider .slide-content .inner .left, body .full-slider .slide-content .inner .right, body .no-slider .slide-content .inner .right { width: 100% } body .full-slider .slide-content .inner .left a.btn-primary-color:after, body .no-slider .slide-content .inner .left button.btn-primary-color:after, body .full-slider .slide-content .inner .right a.btn-primary-color:after, body .no-slider .slide-content .inner .right button.btn-primary-color:after { content: none } body .full-slider .hero-image, body .no-slider .hero-image { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image-left, body .no-slider .hero-image-left { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image.alt, body .no-slider .hero-image.alt { top: 22% } body .full-slider .hero-image-left.alt, body .no-slider .hero-image-left.alt { top: 22% } .slide-content { width: 100%; height: 100% } .slide-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--hero-bg-color); opacity: 0 } .slide-content[data-mask-768="0"]:before { opacity: 0 } .slide-content[data-mask-768="10"]:before { opacity: .1 } .slide-content[data-mask-768="20"]:before { opacity: .2 } .slide-content[data-mask-768="30"]:before { opacity: .3 } .slide-content[data-mask-768="40"]:before { opacity: .4 } .slide-content[data-mask-768="50"]:before { opacity: .5 } .slide-content[data-mask-768="60"]:before { opacity: .6 } .slide-content[data-mask-768="70"]:before { opacity: .7 } .slide-content[data-mask-768="80"]:before { opacity: .8 } .slide-content[data-mask-768="90"]:before { opacity: .9 } body section { padding: 90px 0 } body section.section-vsr-0 { padding: 0 } body section.section-vsr-10 { padding: 10px 0 } body section.section-vsr-20 { padding: 20px 0 } body section.section-vsr-30 { padding: 30px 0 } body section.section-vsr-40 { padding: 40px 0 } body section.section-vsr-50 { padding: 50px 0 } body section.section-vsr-60 { padding: 60px 0 } body section.section-vsr-70 { padding: 70px 0 } body section.section-vsr-80 { padding: 80px 0 } body section.section-vsr-90 { padding: 90px 0 } body section.section-vsr-100 { padding: 100px 0 } body section.section-vsr-110 { padding: 110px 0 } body section.section-vsr-120 { padding: 120px 0 } body section.section-vsr-130 { padding: 130px 0 } body section.section-vsr-140 { padding: 140px 0 } body section.section-vsr-150 { padding: 150px 0 } body section.section-vsr-160 { padding: 160px 0 } body section.section-vsr-170 { padding: 170px 0 } body section.section-vsr-180 { padding: 180px 0 } body section.section-vsr-190 { padding: 190px 0 } body section.section-vsr-200 { padding: 200px 0 } body section.bg-image-1, body section.bg-image-2 { background-image: none } body section.featured:after { height: 60px; bottom: -30px } body .list-group-item img { margin-right: 90px } body .icon.bigger { width: 5rem; height: 5rem; margin: 0; font-size: 4.5rem; line-height: 5rem; font-weight: 700 } body .filter-section .btn-group .btn { font-size: 1rem } body .form .message { width: calc(100% - 30px) } body .step-prev, body .step-next, body .send { width: calc(50% - 12px) } body footer .contacts { left: 0; margin-bottom: 30px } body footer .contacts:after { left: 0; width: 100% } body footer .contacts:before { left: 0; width: 100% } } @media (max-width: 576px) { header .navbar-expand .navbar-brand img { height: auto; max-height: var(--nav-brand-height) } body .bricklayer-column-sizer { width: 100% } body .columns-1 .bricklayer-column-sizer, body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 100% } body .card-columns { column-count: 1 } } @media(max-width: 374px) { body h1, body .slide-content .title, body h2.super { font-size: 3rem } } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .bg-white { background-color: #fff } .text-black { color: #ffffff !important } .text-white { color: #fff !important } .btn-icon { color: #fd9e0e !important } .float { position: fixed; width: 60px; height: 50px; bottom: 30px; left: 30px; color: #FFF; text-align: center; font-size: 30px; z-index: 100 } </style> <link rel="stylesheet" href="assets/frontend/css/vendor/icons.min.css?v=1.1"> <link rel="stylesheet" href="assets/frontend/css/vendor/animation.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/gallery.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/cookie-notice.min.css"> <link rel="canonical" href="https://zamran.com//web-tabanli-ozel-yazilim" /> <style> :root { --header-bg-color: #111111; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #000000; --section-1-bg-color: #f5f5f5; --section-2-bg-color: #111111; --section-3-bg-color: #f5f5f5; --footer-bg-color: #191919; } </style> <script> (self.SWG_BASIC = self.SWG_BASIC || []).push(basicSubscriptions => { basicSubscriptions.init({ type: "NewsArticle", isPartOfType: ["Product"], isPartOfProductId: "CAowteKpCw:openaccess", clientOptions: { theme: "light", lang: "tr" }, }); }); </script> <meta name="google-site-verification" content="-z9lykbrRh_N29ccXN-or0d9rEiRNEfZc8w4B3dzZ1k" />  </head> <body> <header id="header"> <nav class="navbar navbar-expand"> <div class="container header"> <a class="navbar-brand" href="https://zamran.com/"><img loading="lazy" data-src="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" width="80px" height="69px" alt="Zamran Software SEO Ajans谋 ve Web Tasar谋m"></a> <div class="ml-auto"></div> <ul class="navbar-nav items"> <li class="nav-item"><a href="https://zamran.com/" class="nav-link">Anasayfa </a></li> <li class="nav-item"><a href="hakkimizda" class="nav-link">Hakk谋m谋zda </a></li> <li class="nav-item"><a href="hizmetlerimiz" class="nav-link">Hizmetlerimiz </a></li> <li class="nav-item"><a href="bizden-haberler" class="nav-link">Haberler </a></li> <li class="nav-item"><a href="https://www.mapsorder.com/" class="nav-link">Haritalar SEO </a></li> <li class="nav-item"><a href="portfolyo" class="nav-link">Portfolyo</a></li> <li class="nav-item"><a href="https://zamran.com/referans.pdf" target="_blank" class="nav-link">Referanslar</a></li> <li class="nav-item"><a href="iletisim" class="nav-link">陌leti艧im</a></li> </ul> <ul class="navbar-nav icons"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#search"> <i class="icon-magnifier"></i> </a> </li> <li class="nav-item"> <a href="https://zamran.com/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/tr.webp" width="24" height="24" alt="tr"> </a> </li> <li class="nav-item"> <a href="https://zamran.com/de/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/de.webp" width="24" height="15" alt="de"> </a> </li> </ul> <ul class="navbar-nav toggle"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#menu"> <i class="icon-menu m-0"></i> </a> </li> </ul> <ul class="navbar-nav action"> <li class="nav-item ml-3"> <a href="https://zamran.com/referans.pdf" target="_blank" class="btn ml-lg-auto dark-button"><i class="icon-rocket"></i>Referanslar</a> </li> </ul> </div> </nav> </header> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2786366095027890" crossorigin="anonymous"></script> <section id="slider" class="hero p-0 odd featured"> <div class="swiper-container no-slider slider-h-75"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center"> <img src="assets/uploads/background/4e669-web-tasarim-hizmetler.webp" class="full-image"alt="Web Tabanl谋脰zel Yaz谋l谋m data-mask="30"> <div class="slide-content row text-center"> <div class="col-12 mx-auto inner"> <h1 data-aos="zoom-out-up" data-aos-delay="400" class="title effect-static-text">Web Tabanl谋脰zel Yaz谋l谋m </h1> <nav data-aos="zoom-out-up" data-aos-delay="800" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://zamran.com/">Anasayfa</a></li> <li class="breadcrumb-item"><a href="hizmetlerimiz">Hizmetlerimiz</a></li> <li class="breadcrumb-item active" aria-current="page">Web Tabanl谋脰zel Yaz谋l谋m </li> </ol> </nav> </div> </div> </div> </div> </div> </section> <section id="content" class="section-1 single"> <div class="container"> <div class="row">  <main class="col-12 col-lg-8 p-0"> <div class="row"> <div class="col-12 align-self-center"> <h2 class="featured mt-0 ml-0">Web Tabanl谋脰zel Yaz谋l谋m</h2> <h2><span style="color:#000000"><span style="font-size:16px"><strong>Zamran Software ile Web Tabanl谋 Özel Yaz谋l谋m Hizmetleri: Ayr谋nt谋l谋陌nceleme</strong></span></span></h2> <p><span style="color:#000000"><span style="font-size:16px"><strong>Zamran Software</strong>, 10 y谋l谋 a艧k谋n deneyimiyle her sektörden firman谋n özel ihtiyaçlar谋n谋 kar艧谋layan web tabanl谋 yaz谋l谋mlar geli艧tirmektedir. 陌nternet üzerinden kolayca eri艧ilebilen ve kullan谋labilen yaz谋l谋mlar谋m谋z ile i艧 ak谋艧lar谋n谋z谋 optimize etmenizi, verimlili臒inizi art谋rman谋z谋 ve zamandan tasarruf etmenizi sa臒l谋yoruz.</span></span></p> <p><span style="color:#000000"><span style="font-size:16px"><img alt="Zamran Web Tabanl谋脰zel Yaz谋l谋m" src="https://zamran.com/assets/uploads/icerik/web-tabanli-ozel-yazilim%20(1).webp" style="height:600px; width:100%" /></span></span></p> <h3><span style="color:#000000"><span style="font-size:16px"><strong>Zamran Software ile Neler Yapabilirsiniz?</strong></span></span></h3> <ul> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>Otel Yönetim Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Otel rezervasyonlar谋n谋 yönetin:</strong> Zamran Software'in otel yönetim sistemi ile misafirlerinizin rezervasyonlar谋n谋 kolayca takip edebilir, oda müsaitliklerini kontrol edebilir ve otomatik rezervasyon onaylar谋 gönderebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Misafirlerinizi takip edin:</strong> Misafirlerinizin giri艧-ç谋k谋艧 tarihlerini, ileti艧im bilgilerini ve özel isteklerini sistemde kay谋t edebilir ve kolayca takip edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Gelirlerinizi optimize edin:</strong> Farkl谋 oda tipleri için farkl谋 fiyatlar belirleyebilir, promosyonlar olu艧turabilir ve gelirlerinizi detayl谋 raporlarla analiz edebilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>陌艧 Ak谋艧 ve Otomasyon Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Rutin i艧 süreçlerinizi otomatikle艧tirin:</strong> Fatura kesme, e-posta gönderme, rapor haz谋rlama gibi rutin i艧 süreçlerinizi otomatikle艧tirerek zamandan ve emekten tasarruf edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>陌艧 ak谋艧lar谋n谋z谋 daha verimli hale getirin:</strong> Otomasyon ile i艧 ak谋艧lar谋n谋zdaki hatalar谋 ve gecikmeleri en aza indirebilir, üretkenli臒inizi ve verimlili臒inizi önemli ölçüde art谋rabilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Zamandan ve paradan tasarruf edin:</strong> Otomasyon ile manuel i艧 gücü ihtiyac谋n谋 azaltabilir, i艧letme maliyetlerinizi dü艧ürebilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>Araç Yönetim Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Filonuzu takip edin:</strong> Araçlar谋n谋z谋n konumunu, h谋z谋n谋 ve rotasyonunu gerçek zamanl谋 olarak takip edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Araçlar谋n谋z谋n bak谋m ve onar谋m takvimlerini yönetin:</strong> Araçlar谋n谋z谋n bak谋m ve onar谋m tarihlerini sistemde kay谋t edebilir, hat谋rlatmalar alabilir ve onar谋m masraflar谋n谋 takip edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Yak谋t tüketimini optimize edin:</strong> Araçlar谋n谋z谋n yak谋t tüketimini takip edebilir, en verimli rotalar谋 belirleyebilir ve yak谋t tasarrufu sa臒layabilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>Vip Transfer Yönetim Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Vip transfer hizmetlerinizi yönetin:</strong> Vip transfer taleplerini sistemde kay谋t edebilir, sürücülere görev atayabilir ve mü艧terilerinizle an谋nda ileti艧im kurabilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Rezervasyonlar谋 takip edin:</strong> Vip transfer rezervasyonlar谋n谋 sistemde takip edebilir, onaylayabilir ve iptal edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Mü艧terilerinizle ileti艧im kurun:</strong> Mü艧terilerinizle e-posta, SMS veya telefon arac谋l谋臒谋yla ileti艧im kurabilir, rezervasyon bilgilerini ve transfer detaylar谋n谋 iletebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Sürücülerinizi koordine edin:</strong> Sürücülerinizin konumunu takip edebilir, onlarla anl谋k ileti艧im kurabilir ve görevlerini koordine edebilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>Depo ve Stok Takip Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Depo ve stoklar谋n谋z谋 takip edin:</strong> Ürünlerinizi barkod okuyucu ile sisteme kay谋t edebilir, stok seviyelerini takip edebilir ve stok uyar谋lar谋 alabilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Envanter yönetimi:</strong> Ürün giri艧 ve ç谋k谋艧lar谋n谋 takip edebilir, stok raporlar谋 olu艧turabilir ve stok maliyetlerini optimize edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Barkod okuyucu ve envanter yönetimi:</strong> Barkod okuyucu ile ürünlerinizi h谋zl谋 ve kolay bir 艧ekilde sisteme kay谋t edebilir, envanter yönetimi araçlar谋 ile stoklar谋n谋z谋 kontrol alt谋nda tutabilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>Acenta Yönetim Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Seyahat acentelerinizi yönetin:</strong> Turlar谋 ve paketleri sistemde kay谋t edebilir, fiyatland谋rma yapabilir ve sat谋艧lar谋 takip edebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Mü艧terilerinizle ileti艧im kurun:</strong> Mü艧terilerinizle e-posta, SMS veya telefon arac谋l谋臒谋yla ileti艧im kurabilir, tur ve paket bilgilerini iletebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Rezervasyonlar谋 yönetin:</strong> Turlar ve paketler için rezervasyonlar谋 sistemde kay谋t edebilir, takip eder ve organize edebilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><u><strong>陌艧 Takip Sistemleri:</strong></u></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px"><strong>Projelerinizi ve görevlerinizi takip edin:</strong> Projelerinizi ve görevlerinizi sistemde kay谋t edebilir, a艧amalar谋 takip edebilir ve ekibinizle anl谋k ileti艧im kurabilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Zaman谋n谋z谋 daha verimli kullan谋n:</strong> Görevlerinize zaman s谋n谋r谋 belirleyebilir, öncelik s谋ralamas谋 yapabilir ve zaman谋n谋z谋 daha verimli kullanabilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Raporlar olu艧turun:</strong> Projelerinizin ve görevlerinizin ilerlemesi hakk谋nda raporlar olu艧turabilir, ba艧ar谋lar谋n谋z谋 ve eksiklerinizi analiz edebilirsiniz.</span></span></li> </ul> </li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Ve dahas谋:</strong></span></span> <ul> <li><span style="color:#000000"><span style="font-size:16px">CRM (Mü艧teri 陌li艧kileri Yönetimi)</span></span></li> <li><span style="color:#000000"><span style="font-size:16px">ERP (Kurumsal Kaynak Planlama)</span></span></li> <li><span style="color:#000000"><span style="font-size:16px">E-Ticaret</span></span></li> <li><span style="color:#000000"><span style="font-size:16px">Muhasebe ve Finans</span></span></li> <li><span style="color:#000000"><span style="font-size:16px">E臒itim ve Ö臒retim</span></span></li> </ul> </li> </ul> <p><img alt="Zamran Web Tabanl谋 Uygulama " src="https://zamran.com/assets/uploads/icerik/zamran-Web-tabanli-programlama.webp" style="height:500px; width:100%" /></p> <ul> <li> <h2><span style="color:#000000"><span style="font-size:16px"><strong>Zamran Software ile Web Tabanl谋 Yaz谋l谋m Hizmetlerinin Faydalar谋:</strong></span></span></h2> </li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Kolay eri艧im:</strong> Yaz谋l谋mlar谋m谋za internet üzerinden her yerden ve her cihazdan eri艧ebilirsiniz.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Güvenlik:</strong> Verileriniz en yüksek güvenlik standartlar谋 ile korunur.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Ölçeklenebilirlik:</strong> Yaz谋l谋mlar谋m谋z, i艧letmenizin büyümesine ayak uyduracak 艧ekilde ölçeklendirilebilir.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Kullan谋c谋 dostu:</strong> Yaz谋l谋mlar谋m谋z, kullan谋m谋 kolay ve anla艧谋l谋r arayüzlere sahiptir.</span></span></li> <li><span style="color:#000000"><span style="font-size:16px"><strong>Destek:</strong> Uzman ekibimiz, yaz谋l谋m kullan谋m谋yla ilgili her türlü sorunuzu yan谋tlamaya ve size yard谋mc谋 olmaya haz谋rd谋r.</span></span></li> <li> <p><span style="font-size:16px"><strong><span style="color:#000000">Zamran Software ile Web Tabanl谋 Özel Yaz谋l谋m Hizmetleri için Hemen </span><a href="https://zamran.com/iletisim"><span style="color:#000000">Bize Ula艧谋n</span></a><span style="color:#000000">!</span></strong></span></p> <blockquote> <p><span style="font-size:20px"><span style="color:#000000">Zamran Software, web tabanl谋 özel yaz谋l谋m geli艧tirme konusunda uzman bir firmad谋r. 陌htiyaçlar谋n谋z谋 dinlemek, analiz etmek ve size en uygun yaz谋l谋m çözümünü sunmak için buraday谋z.</span></span></p> </blockquote> <p> </p> </li> </ul> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "HowTo", "name": "Web Tabanl谋脰zel Yaz谋l谋m Hizmeti Nas谋l Al谋n谋r?", "step": [ { "@type": "HowToStep", "name": "陌htiya莽 Analizi", "text": "陌艧 gereksinimlerinizi belirleyin ve web tabanl谋 yaz谋l谋m谋n hangi 枚zellikleri sa臒lamas谋 gerekti臒ini tan谋mlay谋n. Kullan谋c谋 ihtiya莽lar谋n谋 ve i艧 s眉re莽lerini anlay谋n." }, { "@type": "HowToStep", "name": "Tasar谋m ve Planlama", "text": "Projenin tasar谋m谋n谋 ve planlamas谋n谋 yap谋n. Aray眉z tasar谋m谋, veritaban谋 yap谋s谋, kullan谋lacak teknolojiler ve geli艧tirme s眉reci gibi unsurlar谋 i莽eren detayl谋 bir plan olu艧turun." }, { "@type": "HowToStep", "name": "Geli艧tirme", "text": "Tasar谋m ve plana g枚re yaz谋l谋m谋 geli艧tirin. Web tabanl谋 uygulaman谋n t眉m bile艧enlerini olu艧turun ve i艧levselli臒i sa臒layacak kodlar谋 yaz谋n." }, { "@type": "HowToStep", "name": "Test Etme ve Kalite Kontrol眉", "text": "Geli艧tirilen yaz谋l谋m谋 test edin. Farkl谋 senaryolar谋 sim眉le ederek yaz谋l谋m谋n i艧levselli臒ini ve g眉venilirli臒ini kontrol edin. Hata ay谋klama ve d眉zeltme i艧lemleri yap谋n." }, { "@type": "HowToStep", "name": "Da臒谋t谋m ve Entegrasyon", "text": "Yaz谋l谋m谋 canl谋 ortama da臒谋t谋n ve i艧letmeye al谋n. Varolan sistemlerle entegrasyonu sa臒lay谋n ve kullan谋c谋lar谋n yaz谋l谋ma eri艧imini m眉mk眉n k谋l谋n." }, { "@type": "HowToStep", "name": "E臒itim ve Destek", "text": "Kullan谋c谋lara e臒itim ve destek sa臒lay谋n. Yaz谋l谋m谋n nas谋l kullan谋laca臒谋na dair e臒itimler d眉zenleyin ve teknik destek hizmetleri sunun." }, { "@type": "HowToStep", "name": "S眉rekli 陌yile艧tirme", "text": "Yaz谋l谋m谋 s眉rekli olarak izleyin ve g眉ncelleyin. Kullan谋c谋 geri bildirimlerini de臒erlendirerek iyile艧tirme alanlar谋n谋 belirleyin ve yaz谋l谋m谋 s眉rekli olarak geli艧tirin." } ] } </script> </div> </div> </main>  <aside class="col-12 col-lg-4 pl-lg-5 p-0 float-right sidebar"> <div class="row"> <div class="col-12 align-self-center text-left">   <div class="item widget-services"> <h4>Hizmetlerimiz</h4> <ul class="list-group list-group-flush widget-services"> <li class="list-group-item"> <a href="kurumsal-web-tasarim"> <i class="icon icon-globe"></i> <h5>Kurumsal Web Tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="e-ticaret-sitesi-tasarimi"> <i class="icon icon-basket"></i> <h5>E-Ticaret Sitesi Tasar谋m谋</h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi"> <i class="icon icon-graph"></i> <h5>Seo Dan谋艧manl谋臒谋 </h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri"> <i class="icon icon-chart"></i> <h5>SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri</h5> </a> </li> <li class="list-group-item"> <a href="web-tasarim"> <i class="icon icon-organization"></i> <h5>Web tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="harita-pinleme-harita-seo"> <i class="icon icon-layers"></i> <h5>Harita Pinleme - Harita SEO</h5> </a> </li> <li class="list-group-item"> <a href="seo-nedir"> <i class="icon icon-graph"></i> <h5>Seo Nedir ? </h5> </a> </li> </ul> </div> </div> </div> </aside> </div> </div> </section> <footer class="odd"> <section id="footer" class="footer"> <div class="container"> <div class="row items footer-widget"> <div class="col-12 col-lg-3 p-0"> <div class="row"> <div class="branding col-12 p-3 text-center text-lg-left item"> <div class="brand"> <a href="https://zamran.com/" class="logo"> <img loading="lazy" data-src="assets/uploads/hakkimizda/1aea7-zamran-logo-beyaz.webp" width="100%" height="100%" alt="Alt Hakk谋m谋zda"></a> </div> <p>Seo Dan谋艧manl谋臒谋 ve Web Tasar谋m hizmeti verdi臒imiz firmam谋z da sizlere kaliteli ve 枚zg眉n 莽al谋艧malar yapmaktay谋z. Seo ajanslar谋 i莽erisinde sizlere kan谋tlar ve veriler ile 莽al谋艧malar谋m谋z谋 belgelemekteyiz. Zamran software web tasar谋m hizmetleri olarak 枚nceli臒imiz sizlersiniz.</p> <ul class="navbar-nav social share-list mt-0 ml-auto"> <li class="nav-item"> <a href="https://instagram.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-instagram ml-0"></i></a> </li> <li class="nav-item"> <a href="https://facebook.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-facebook"></i></a> </li> <li class="nav-item"> <a href="https://www.linkedin.com/company/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-linkedin"></i></a> </li> <li class="nav-item"> <a href="https://twitter.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-twitter"></i></a> </li> <li class="nav-item"> <a href="https://www.youtube.com/watch?v=pYeGKzpBUEQ" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-youtube"></i></a> </li> </ul> <br> <a href="https://zamran.com/hizmet-sartlari" target="_blank">Hizmet 艦artlar谋</a> <br> <a href="https://zamran.com/gizlilik-politikasi" target="_blank">Gizlilik Politikas谋</a> <br> <a href="https://zamran.com/cerez-politikasi" target="_blank">脟erez Politikas谋</a> <br> <a href="https://zamran.com/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi" target="_blank">Ki艧isel Verilerin Korunmas谋 Ve 陌艧lenmesi Politikas谋</a> <br> <a href="https://zamran.com/zamran-software-seo-hizmet-sozlesmesi" target="_blank">Zamran Software Seo Hizmet S枚zle艧mesi</a> </div> </div> </div> <div class="col-12 col-lg-9 p-0"> <div class="row"> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">陌leti艧im Bilgilerimiz</h4> <ul class="navbar-nav">  <li class="nav-item"> <a href="tel:905322829486" class="nav-link"> <i class="icon-phone mr-2"></i> 0532 282 94 86 </a> </li> <li class="nav-item"> <a href="tel:908505325932" class="nav-link"> <i class="icon-phone mr-2"></i> 0850 532 59 32 </a> </li> <li class="nav-item"> <a href="mailto:info@zamran.com" class="nav-link"> <i class="icon-envelope mr-2"></i> info@zamran.com </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="icon-location-pin mr-2"></i> 陌莽erenk枚y Mah. <br> Do臒anay Sok.<br> No:6 D:4 <br> Ata艧ehir/陌STANBUL </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Hizmetlerimiz</h4> <ul class="navbar-nav"> <li class="nav-item"> <a href="kurumsal-web-tasarim" alt="Kurumsal Web Tasar谋m" class="nav-link">Kurumsal Web Tasar谋m </a> </li> <li class="nav-item"> <a href="e-ticaret-sitesi-tasarimi" alt="E-Ticaret Sitesi Tasar谋m谋" class="nav-link">E-Ticaret Sitesi Tasar谋m谋 </a> </li> <li class="nav-item"> <a href="seo-danismanligi" alt="Seo Dan谋艧manl谋臒谋 " class="nav-link">Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="web-tabanli-ozel-yazilim" alt="Web Tabanl谋脰zel Yaz谋l谋m" class="nav-link">Web Tabanl谋脰zel Yaz谋l谋m </a> </li> <li class="nav-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri" alt="SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri" class="nav-link">SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri </a> </li> <li class="nav-item"> <a href="istanbul-web-sitesi-yapimi" alt="陌stanbul Web Sitesi Yap谋m谋 " class="nav-link">陌stanbul Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="web-tasarim" alt="Web tasar谋m" class="nav-link">Web tasar谋m </a> </li> <li class="nav-item"> <a href="harita-pinleme-harita-seo" alt="Harita Pinleme - Harita SEO" class="nav-link">Harita Pinleme - Harita SEO </a> </li> <li class="nav-item"> <a href="vip-transfer-web-sitesi-yapimi" alt="Vip Transfer Web Sitesi Yap谋m谋" class="nav-link">Vip Transfer Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-sitesi-yapimi" alt="Ata艧ehir Web Sitesi Yap谋m谋" class="nav-link">Ata艧ehir Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="hazir-vip-transfer-web-sitesi" alt="Haz谋r Vip Transfer Web Sitesi" class="nav-link">Haz谋r Vip Transfer Web Sitesi </a> </li> <li class="nav-item"> <a href="istanbul-web-tasarim" alt="陌stanbul Web Tasar谋m" class="nav-link">陌stanbul Web Tasar谋m </a> </li> <li class="nav-item"> <a href="istanbul-seo-danismanligi" alt="陌stanbul Seo Dan谋艧manl谋臒谋" class="nav-link">陌stanbul Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="avcilar-seo-danismanligi" alt="Avc谋lar SEO Dan谋艧manl谋臒谋" class="nav-link">Avc谋lar SEO Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="kadikoy-seo-danismanligi" alt="Kad谋k枚y Seo Dan谋艧manl谋臒谋" class="nav-link">Kad谋k枚y Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="atasehir-google-seo" alt="Ata艧ehir Google SEO" class="nav-link">Ata艧ehir Google SEO </a> </li> <li class="nav-item"> <a href="atasehir-reklam-ajansi" alt="Ata艧ehir Reklam Ajans谋" class="nav-link">Ata艧ehir Reklam Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-seo-ajansi" alt="Ata艧ehir SEO Ajans谋" class="nav-link">Ata艧ehir SEO Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-tasarim" alt="Ata艧ehir Web Tasar谋m" class="nav-link">Ata艧ehir Web Tasar谋m </a> </li> <li class="nav-item"> <a href="atasehir-seo-hizmeti" alt="Ata艧ehir SEO Hizmeti" class="nav-link">Ata艧ehir SEO Hizmeti </a> </li> <li class="nav-item"> <a href="gungoren-seo-danismanligi" alt="G眉ng枚ren SEO Dan谋艧manl谋臒谋" class="nav-link">G眉ng枚ren SEO Dan谋艧manl谋臒谋 </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Etiketler</h4> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">Web uygulama</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">web tabanl谋 uygulama</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">Masa眉st眉 program</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">programlama</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">muhasebe program</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">eticaret program</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">masa眉st眉 yaz谋l谋m</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">web programlama</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">web tabanl谋 programlama</a> </div> </div> </div> </div> </div> </section> <section id="copyright" class="p-3 copyright"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 p-3 text-center text-lg-left">  <img loading="lazy" data-src="assets/uploads/sertifika.webp" width="553" height="55" alt="Zamran Sertifika"></a> </div> <div class="col-12 col-md-6 p-3 text-center text-lg-right"> <p>Zamran Software 2014-2024 漏 T眉m Haklar谋 Sakl谋d谋r </p> <a href="https://edex.adobe.com/community/member/PLCl3VXKS" target="_blank">Adobe Profil </a> </div> </div> </div> </section> </footer> <div id="search" class="p-0 modal fade" role="dialog" aria-labelledby="search" aria-hidden="true"> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Arama <i class="icon-close"></i> </div> <div class="modal-body"> <form class="row" action="ara" method="get"> <div class="col-12 p-0 align-self-center"> <div class="row"> <div class="col-12 p-0 pb-3"> <h2>Ne ar谋yorsun?</h2> <p>Web tasar谋m ve seo dan谋艧manl谋臒谋 hizmetlerimiz yada haberlerimiz ile ilgili arama yapabilirsiniz</p> </div> </div> <div class="row"> <div class="col-12 p-0 input-group"> <input type="text" name="search" class="form-control" placeholder="Anahtar Kelimeleri Girin"> </div> </div> <div class="row"> <div class="col-12 p-0 input-group align-self-center"> <button class="btn primary-button"><i class="icon-magnifier"></i>Ara</button> </div> </div> </div> </form> </div> </div> </div> </div> <div id="menu" class="p-0 modal fade" role="dialog" aria-labelledby="menu" aria-hidden="true"> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Menu <i class="icon-close"></i> </div> <div class="menu modal-body"> <div class="row w-100"> <div class="items p-0 col-12 text-center"></div> <div class="contacts p-0 col-12 text-center"></div> </div> </div> </div> </div> </div> <div id="scroll-to-top" class="scroll-to-top"> <a href="#header" class="smooth-anchor"> <i class="icon-arrow-up"></i> </a> </div> <a href="https://api.whatsapp.com/send?phone=905322829486" class="float" target="_blank" rel="noopener"> <img loading="lazy" data-src="assets/frontend/images/whatsapp.webp" width="60" height="60" alt="Whatsapp 陌leti艧im"> </a> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha512-k2WPPrSgRFI6cTaHHhJdc8kAXaRM4JBFEDo1pPGGlYiOyv4vnA0Pp0G5XMYYxgAPmtmv/IIaQA6n5fLAyJaFMA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" integrity="sha512-ahmSZKApTDNd3gVuqL5TQ3MBTj8tL5p2tYV05Xxzcfu6/ecvt1A0j6tfudSGBVuteSoTRMqMljbfdU0g2eDNUA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inview/1.0.0/jquery.inview.min.js" integrity="sha512-dy8Q+KMsxJmEgLqvZA7kk/Pcaij/OhCK1LPj+oGuxfd/tcbbqrDSGOtiXNfzKbMun+ZBnQsTWUnhuXhVkISDOA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/frontend/js/vendor/popper.min.js"></script> <script src="assets/frontend/js/vendor/bootstrap.min.js"></script> <script src="assets/frontend/js/vendor/ponyfill.min.js" defer></script> <script src="assets/frontend/js/vendor/slider.min.js"></script> <script src="assets/frontend/js/vendor/animation.min.js"></script> <script src="assets/frontend/js/vendor/progress-radial.min.js"></script> <script src="assets/frontend/js/vendor/bricklayer.min.js"></script> <script src="assets/frontend/js/vendor/gallery.min.js"></script> <script src="assets/frontend/js/vendor/shuffle.min.js"></script> <script src="assets/frontend/js/vendor/particles.min.js"></script> <script src="assets/frontend/js/main.js"></script> <script> $('#aboneol').on('submit', function(form) { form.preventDefault(); $.post('web/aboneol', $('#aboneol').serialize(), function(data) { if (data == 'ok') { alert('Ba艧ar谋yla Abone Oldunuz, Te艧ekk眉r Ederiz.'); $('#name').val(''); $('#email').val(''); } else alert('Abone Olamad谋n谋z, Daha Sonra Tekrar Deneyiniz.'); }); }); $('#iletisimkayit').on('submit', function(form) { form.preventDefault(); $.post('web/iletisimkayit', $('#iletisimkayit').serialize(), function(data) { if (data == 'ok') { $('#sonuc').html('<div class="col-md-12"><div class="alert alert-success"><strong>Mesaj Ba艧ar谋yla G枚nderildi.</strong></div></div>'); $('#iletisimkayit input#name').val(''); $('#iletisimkayit input#email').val(''); $('#telefon').val(''); $('#domain').val(''); $('#mesajiniz').val(''); setTimeout(function() { $('div#sonuc').empty(); }, 3000); } else $('#sonuc').html(data); }); }); $(document).ready(function() { if ('loading' in HTMLImageElement.prototype) { const images = document.querySelectorAll('img[loading="lazy"]'); images.forEach(img => { img.src = img.dataset.src; }); } else { const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js'; document.body.appendChild(script); } }); </script> </body> </html>

CINXE.COM

Web Tabanl谋 脰zel Yaz谋l谋m - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul

Web Tabanl谋脰zel Yaz谋l谋m - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul