CINXE.COM

<!DOCTYPE html> <html lang="tr-TR"> <head> <link rel="alternate" href="https://zamran.com/" hreflang="tr" /> <base href="https://zamran.com/"> <meta charset="utf-8"><meta name="google-adsense-account" content="ca-pub-2786366095027890"> <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'"> <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": "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> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "SEO nedir?", "acceptedAnswer": { "@type": "Answer", "text": "SEO (Arama Motoru Optimizasyonu), temel olarak bakıldığında bir çeşit PR çalışması gibi düşünülebilir, web sitesinin arama motorları üzerindeki varlığını iyileştirme ve içeriklerinin daha görünür olması işlemidir.." } }, { "@type": "Question", "name": "Web Tasarım Nedir?", "acceptedAnswer": { "@type": "Answer", "text": "Web Tasarım diğer bir deyiş ile web site yapımı online olarak giriş yapılabilen görsel estetiğin ve metinsel dilin bir arada sunulduğu bir sayfa oluşturma işlemidir. Yazılı yada basılı yayınlardan farkı internet üzerinde yapılıp tasarlanması ve kullanılmasıdır." } }] } </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 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> <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" /> <title>Zamran Web Tasarım | SEO Ajansı | Web Tasarım İstanbul </title> <meta name="description" content="Zamran Software SEO Ajansı ve Web Tasarım olarak, Profesyonel web tasarım ve SEO danışmanlığı alanında tüm kurumsal ihtiyaçlarınız için hizmetinizdeyiz."> <meta name="keywords" content="Web Tasarım, Seo ajansı, Web Tasarım Ajansı, Web Sitesi Yapımı, Web Design, Kurumsal Web Tasarım, E-ticaret Web Tasarım, E-Ticaret,Web Sitesi Yapımı, İstanbul Web Tasarım, Seo Danışmanlığı, Web Tasarım Ofisi, Seo hizmetleri, Google Seo, Search Console Optimization,"> <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 property="og:title" content="Zamran Web Tasarım | SEO Ajansı | Web Tasarım İstanbul "> <meta property="og:description" content="Zamran Software SEO Ajansı ve Web Tasarım olarak, Profesyonel web tasarım ve SEO danışmanlığı alanında tüm kurumsal ihtiyaçlarınız için hizmetinizdeyiz."> <meta property="og:url" content="https://zamran.com/"> <meta property="og:image" content="assets/uploads/logo/logo.webp" /> <meta name="twitter:card" content="Zamran Software SEO Ajansı ve Web Tasarım olarak, Profesyonel web tasarım ve SEO danışmanlığı alanında tüm kurumsal ihtiyaçlarınız için hizmetinizdeyiz."> <meta name="twitter:title" content="Zamran Web Tasarım | SEO Ajansı | Web Tasarım İstanbul " /> <meta name="twitter:description" content="Zamran Software SEO Ajansı ve Web Tasarım olarak, Profesyonel web tasarım ve SEO danışmanlığı alanında tüm kurumsal ihtiyaçlarınız için hizmetinizdeyiz." /> <meta name="twitter:url" content="https://zamran.com/" /> <meta name="twitter:image" content="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" /> <link rel="canonical" href="https://zamran.com" /> <link rel="shortcut icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="apple-touch-icon" href="assets/uploads/logo/a0507-logoa.webp"> <noscript> <link rel="stylesheet" href="assets/frontend/css/vendor/bootstrap.min.css"> </noscript> <noscript> <link rel="stylesheet" href="assets/frontend/css/vendor/slider.min.css"> </noscript> <style> @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: 0; 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: 100%; padding-top: 100px; } .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 10px; 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> <noscript> <link rel="stylesheet" href="assets/frontend/css/vendor/icons.min.css?v=1.1"> </noscript> <noscript> <link rel="stylesheet" href="assets/frontend/css/vendor/animation.min.css"> </noscript> <noscript> <link rel="stylesheet" href="assets/frontend/css/vendor/gallery.min.css"> </noscript> <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 } :root { --header-bg-color: #040402; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #040402; --section-1-bg-color: #040402; --section-2-bg-color: #040402; --section-3-bg-color: #040402; --section-4-bg-color: #040402; --section-5-bg-color: #040402; --section-6-bg-color: #040402; --section-7-bg-color: #040402; --footer-bg-color: #040402; } </style> <meta name="google-site-verification" content="-z9lykbrRh_N29ccXN-or0d9rEiRNEfZc8w4B3dzZ1k" /><meta name="msvalidate.01" content="6FA8D117CA8817852D22427610576C29" />  </head></head> <body class="theme-mode-dark"> <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> <section id="slider" class="hero p-0 odd featured all"> <div class="swiper-container no-slider animation slider-h-100"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center"> <img loading="lazy" data-src="assets/uploads/slider/e1f21-web-tasarim-zamran-software.webp" class="hero-image" alt="Zamran Software"> <div class="slide-content row"> <div class=" col-12 d-flex inner"> <div class="left align-self-center text-center text-md-left"> <h1 class="title effect-static-text">Zamran Software </h1> <p class="description">Web tasarım'da kararsızlıktan kurtulun ve markanıza hayat verecek yaratıcı hizmetlerimizi keşfedin.<br> <br>“Sanat; düşünebilen, gerçeği görebilen, toplumu anlayabilen insanların işidir.” - Lev Tolstoy</p> <a href="hizmetlerimiz" class="btn ml-auto mr-auto ml-md-0 mt-4 btn dark-button"><i class="icon-cup"></i> Hizmetlerimiz </a> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div></section><section id="features" class="section-1 odd offers featured all"> <div class="container"> <div class="row justify-content-center text-center items"> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-globe"></i> <h4>Kurumsal Web Tasarım</h4> <p>Kurumsal web tasarım, bir kuruluşun internet sitesini yapılandırmak için kullanılan tasarım yöntemleri ve uygulamalarını içermelidir.</p> <a href="kurumsal-web-tasarim"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-basket"></i> <h4>E-Ticaret Sitesi Tasarımı</h4> <p>Profesyonel kadromuz sayesinde özelliklerle ve işlevlerle dolu inanılmaz bir çevrimiçi mağaza ile satışlarınızı artırın.</p> <a href="e-ticaret-sitesi-tasarimi"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-graph"></i> <h4>Seo Danışmanlığı </h4> <p>Seo ajansı olarak hizmet veren zamran software iş ortaklarına katmış olduğu fayda sayesinde görünür olamalarını sağlamakta.</p> <a href="seo-danismanligi"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-layers"></i> <h4>Web Tabanlı Özel Yazılım</h4> <p>Size daha fazla güvenlik sağlayan teknolojileri kullanarak farklı amaçlar için uygulamalar geliştiriyoruz.</p> <a href="web-tabanli-ozel-yazilim"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-chart"></i> <h4>SEO Danışmanlığı ve Analiz Hizmetleri</h4> <p>Zamran Software, web sitenizin arama motorlarında üst sıralarda yer almasını ve ziyaretçi çekmesini sağlamak için SEO Danışmanlığı ve Analiz Hizmetleri sunuyoruz. </p> <a href="seo-danismanligi-ve-analiz-hizmetleri"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-organization"></i> <h4>Web tasarım</h4> <p>Web tasarım denildiğin de zamran software bu alanda yetkinliğini ve kalitesini yapmış olduğu projeler de çalışma ortakları sayesinde kanıtlamıştır.Kaliteli Web Tasarım Hizmeti</p> <a href="web-tasarim"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-layers"></i> <h4>Harita Pinleme - Harita SEO</h4> <p>Harita pinleme çalışması, Google Haritalar’da işletmenizin sıralamasını yükseltmek ve daha fazla anahtar kelimede bulunabilir olmasını sağlamak için yapılan özel bir SEO çalışmasıdır.</p> <a href="harita-pinleme-harita-seo"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card no-hover"> <i class="icon icon-graph"></i> <h4>Seo Nedir ? </h4> <p>SEO (Arama Motoru Optimizasyonu), her gün daha fazla sayıda web sitesinden ve rakiplerinizden ayrışmak için akıllıca bir yol olarak kabul görmektedir. SEO, arama motorları tarafından taranıp çeşitli arama terimlerine olan organik sıralama </p> <a href="seo-nedir"><i class="btn-icon icon-arrow-right-circle"></i></a> </div> </div> </div> </div></section> <section id="portfolio" class="section-2 odd offers secondary featured all"> <div class="container"> <div class="row intro"> <div class="col-12 col-md-9 align-self-center text-center text-md-left"> <h2 class="featured">Portfolyo</h2> <p>Yaptığımız işlere ve detaylarına buradan ulaşabilirsiniz.</p> </div> <div class="col-12 col-md-3 align-self-end"> <a href="portfolyo" class="btn mx-auto mr-md-0 ml-md-auto primary-button text-black"><i class="icon-grid"></i>Tümünü Gör </a> </div> </div> <div class="row justify-content-center text-center items"> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Bolder Fashion</h4> <p>Web tasarım - "Nehir Textile" firmasının "Bolder Fashion" adlı sitesi Detaylar referanslar bölümünde</p> <div class="gallery"> <a href="assets/uploads/portfolyo/b514f-bolder-fashion-web-site-yapimi.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/b514f-bolder-fashion-web-site-yapimi.webp" width="100%" height="100%" alt="Bolder Fashion"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Etan Belgelendirme</h4> <p>Web tasarım - Etan Group Firması ile ilgili detaylar için referanslar bölümüne bakabilirsiniz. </p> <div class="gallery"> <a href="assets/uploads/portfolyo/c3604-daa0a-etanbelgelendirme-min.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/c3604-daa0a-etanbelgelendirme-min.webp" width="100%" height="100%" alt="Etan Belgelendirme"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Route in İstanbul</h4> <p>Web tasarım - Route in İstanbul Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/7717f-web-tasarim-route-in-istanbul.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/7717f-web-tasarim-route-in-istanbul.webp" width="100%" height="100%" alt="Route in İstanbul"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Teknik Testere A.Ş</h4> <p>Web tasarım - Teknik Testere A.Ş Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/58731-teknik-testere-web-sitesi-yapimi.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/58731-teknik-testere-web-sitesi-yapimi.webp" width="100%" height="100%" alt="Teknik Testere A.Ş"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>König Tools</h4> <p>Web tasarım - Konig Machine & Konig Tools Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/a5527-konig-tools-machine-web-design.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/a5527-konig-tools-machine-web-design.webp" width="100%" height="100%" alt="König Tools"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Bora Kompresör</h4> <p>Web tasarım - Bora Kompresör Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/4395e-03471-web-tasarim-bora-kompresor.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/4395e-03471-web-tasarim-bora-kompresor.webp" width="100%" height="100%" alt="Bora Kompresör"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Pompa Pazarı- Nor Tekoloji </h4> <p>Web tasarım - Nor teknolojik tesisat sistemleri firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/99061-web-design-pompapazari.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/99061-web-design-pompapazari.webp" width="100%" height="100%" alt="Pompa Pazarı- Nor Tekoloji "> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Prague Transfer</h4> <p>Web tasarım - Prague Transfer Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/6b20e-7328e-pragueviptransfer-transfer-webdesign.png.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/6b20e-7328e-pragueviptransfer-transfer-webdesign.png.webp" width="100%" height="100%" alt="Prague Transfer"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Vip Transfer 24/7 </h4> <p>Web tasarım - Vip Transfer 24/7 Firması ile ilgili detaylar için referanslar bölümüne bakınız</p> <div class="gallery"> <a href="assets/uploads/portfolyo/ab966-vip-transfer-webdesign.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/ab966-vip-transfer-webdesign.webp" width="100%" height="100%" alt="Vip Transfer 24/7 "> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Doc.Dr.Burak Erden</h4> <p>Web tasarım - Doc.Dr.Burak Erden web sitesinin yapımı için bizleri seçti. Detayları referanslarımızdan görebilirsiniz.</p> <div class="gallery"> <a href="assets/uploads/portfolyo/e0dbc-web-tasarim-burak-erden-3-.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/e0dbc-web-tasarim-burak-erden-3-.webp" width="100%" height="100%" alt="Doc.Dr.Burak Erden"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Black8 Vip Transfer</h4> <p>Black8 Vip Transfer web site yapımı ve Seo hizmeti için bizleri seçti. Detayları referanslarımızdan görebilirsiniz.</p> <div class="gallery"> <a href="assets/uploads/portfolyo/91f24-black8viptransfer-web-tasarim-1-.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/91f24-black8viptransfer-web-tasarim-1-.webp" width="100%" height="100%" alt="Black8 Vip Transfer"> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 item"> <div class="card featured"> <h4>Biass Aksesuar</h4> <p>Biass Aksesuar firması Web Tasarım ve Seo Danışmanlığı için bizleri seçti. Detayları referanslarımızdan görebilirsiniz.</p> <div class="gallery"> <a href="assets/uploads/portfolyo/4b9a5-biass-aksesuar-web-tasarim-ve-seo-1-.webp"> <img loading="lazy" data-src="assets/uploads/portfolyo/4b9a5-biass-aksesuar-web-tasarim-ve-seo-1-.webp" width="100%" height="100%" alt="Biass Aksesuar"> </a> </div> </div> </div> </div> </div></section><section id="get" class="section-3 hero odd p-0 featured all"> <div class="swiper-container no-slider animation slider-h-75"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center"> <img type="jpg" class="full-image" alt="Seo Ajansı | Zamran Software | İstanbul" loading="lazy" data-src="assets/frontend/videos/colors.webp" autoplay muted loop></img> <div class="slide-content row"> <div class="col-12 d-flex inner"> <div class="center align-self-center text-center"> <h2 class="title effect-static-text">Geleceğe ayak uydurmaya hazır mısın?</h2> <p class="description ml-auto mr-auto">Yaratıcılık ile hareket ediyoruz. Daha iyi sonuçlar elde etmenize ve kendinizi pazarda sağlamlaştırmanıza yardımcı olacak yenilikçi şeyler yaratıyoruz.</p> <a href="#contact" class="smooth-anchor ml-auto mr-auto mt-5 btn primary-button"><i class="icon-rocket"></i>Bize ulaşın </a> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div></section><section id="news" class="section-5 odd carousel showcase news featured all"> <div class="overflow-holder"> <div class="container"> <div class="row intro"> <div class="col-12 col-md-9 align-self-center text-center text-md-left"> <h2 class="featured">Bizden Haberler </h2> <p>Güncel haberler ve yeni tamamlanan projelerle ilgili detaylara buradan ulaşabilirsiniz.</p> </div> <div class="col-12 col-md-3 align-self-end"> <a href="bizden-haberler" class="btn mx-auto mr-md-0 ml-md-auto primary-button text-black"><i class="icon-grid"></i>Tümünü Gör </a> </div> </div> <div class="swiper-container mid-slider items"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/af7a9-google-harita-pinleme-zamran-software.webp" width="100%" height="100%" alt="Google Harita Pinleme Hizmeti: İşletmenizi Daha Görünür Hale Getirin"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="google-harita-pinleme-hizmeti-isletmenizi-daha-gorunur-hale-getirin"> <h4 class="m-0">Google Harita Pinleme Hizmeti: İşletmenizi Daha Görünür Hale Getirin</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="google-harita-pinleme-hizmeti-isletmenizi-daha-gorunur-hale-getirin" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="google-harita-pinleme-hizmeti-isletmenizi-daha-gorunur-hale-getirin" class="d-lg-flex align-items-center"><i class="icon-clock"></i>2 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/39f21-uyap-vatandas-ne-ise-fayda-nasil.webp" width="100%" height="100%" alt="MacOS'ta Uyap ve E-İmza Kullanımı: Adım Adım Rehber"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="macos-ta-uyap-ve-e-imza-kullanimi-adim-adim-rehber"> <h4 class="m-0">MacOS'ta Uyap ve E-İmza Kullanımı: Adım Adım Rehber</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="macos-ta-uyap-ve-e-imza-kullanimi-adim-adim-rehber" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="macos-ta-uyap-ve-e-imza-kullanimi-adim-adim-rehber" class="d-lg-flex align-items-center"><i class="icon-clock"></i>3 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/7753a-0001805087001-1.webp" width="100%" height="100%" alt="SEO Stratejisi Nasıl Oluşturulur ?"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="seo-stratejisi-nasil-olusturulur"> <h4 class="m-0">SEO Stratejisi Nasıl Oluşturulur ?</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="seo-stratejisi-nasil-olusturulur" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="seo-stratejisi-nasil-olusturulur" class="d-lg-flex align-items-center"><i class="icon-clock"></i>5 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/cb90a-whatsapp-kapak.jpg" width="100%" height="100%" alt="WhatsApp'ın Yenilikçi Özelliği: Çift Tıklama ile Mesajlara Hızlı Tepki Verme"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="whatsapp-in-yenilikci-ozelligi-cift-tiklama-ile-mesajlara-hizli-tepki-verme"> <h4 class="m-0">WhatsApp'ın Yenilikçi Özelliği: Çift Tıklama ile Mesajlara Hızlı Tepki Verme</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="whatsapp-in-yenilikci-ozelligi-cift-tiklama-ile-mesajlara-hizli-tepki-verme" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="whatsapp-in-yenilikci-ozelligi-cift-tiklama-ile-mesajlara-hizli-tepki-verme" class="d-lg-flex align-items-center"><i class="icon-clock"></i>5 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/8fbb5-dijital-pazarlama-arka-plan.webp" width="100%" height="100%" alt="Endüstriyel Şirketler için Dijital Pazarlama: Neden Zamran Software Seçmelisiniz?"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="endustriyel-sirketler-icin-dijital-pazarlama-neden-zamran-software-secmelisiniz"> <h4 class="m-0">Endüstriyel Şirketler için Dijital Pazarlama: Neden Zamran Software Seçmelisiniz?</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="endustriyel-sirketler-icin-dijital-pazarlama-neden-zamran-software-secmelisiniz" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="endustriyel-sirketler-icin-dijital-pazarlama-neden-zamran-software-secmelisiniz" class="d-lg-flex align-items-center"><i class="icon-clock"></i>7 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/7b650-google-search-console.webp" width="100%" height="100%" alt="Google Analytics 4 ile Google Search Console Bağlantısı"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="google-analytics-4-ile-google-search-console-baglantisi"> <h4 class="m-0">Google Analytics 4 ile Google Search Console Bağlantısı</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="google-analytics-4-ile-google-search-console-baglantisi" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="google-analytics-4-ile-google-search-console-baglantisi" class="d-lg-flex align-items-center"><i class="icon-clock"></i>8 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/a37a8-renk-psikolojisi-web-tasarim.webp" width="100%" height="100%" alt="Web Tasarımında Renk Psikolojisinin Gücü"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="web-tasariminda-renk-psikolojisinin-gucu"> <h4 class="m-0">Web Tasarımında Renk Psikolojisinin Gücü</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="web-tasariminda-renk-psikolojisinin-gucu" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="web-tasariminda-renk-psikolojisinin-gucu" class="d-lg-flex align-items-center"><i class="icon-clock"></i>9 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/4d9e8-kurumsal-mail-nasil-yazilir.webp" width="100%" height="100%" alt="Örneklerle Profesyonel E-posta Yazma İpuçları"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="orneklerle-profesyonel-e-posta-yazma-ipuclari"> <h4 class="m-0">Örneklerle Profesyonel E-posta Yazma İpuçları</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="orneklerle-profesyonel-e-posta-yazma-ipuclari" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="orneklerle-profesyonel-e-posta-yazma-ipuclari" class="d-lg-flex align-items-center"><i class="icon-clock"></i>9 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/ebef4-sari-not-defteri-goerselli-not-de.webp" width="100%" height="100%" alt="Sıfırdan Web Sitesi Nasıl Yapılır ?"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="sifirdan-web-sitesi-nasil-yapilir"> <h4 class="m-0">Sıfırdan Web Sitesi Nasıl Yapılır ?</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="sifirdan-web-sitesi-nasil-yapilir" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="sifirdan-web-sitesi-nasil-yapilir" class="d-lg-flex align-items-center"><i class="icon-clock"></i>9 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/7ea76-site-ici-seo-site-disi-seo-taktikleri.jpg" width="100%" height="100%" alt="Site İçi ve Site Dışı SEO: B2B Başarısı için Doğru Denge"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="site-ici-ve-site-disi-seo-b2b-basarisi-icin-dogru-denge"> <h4 class="m-0">Site İçi ve Site Dışı SEO: B2B Başarısı için Doğru Denge</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="site-ici-ve-site-disi-seo-b2b-basarisi-icin-dogru-denge" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="site-ici-ve-site-disi-seo-b2b-basarisi-icin-dogru-denge" class="d-lg-flex align-items-center"><i class="icon-clock"></i>10 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/3a54b-seo-ve-web-tasarimi-anlamak.webp" width="100%" height="100%" alt="SEO uyumlu web geliştirmenin 5 temel unsuru"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="seo-uyumlu-web-gelistirmenin-5-temel-unsuru"> <h4 class="m-0">SEO uyumlu web geliştirmenin 5 temel unsuru</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="seo-uyumlu-web-gelistirmenin-5-temel-unsuru" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="seo-uyumlu-web-gelistirmenin-5-temel-unsuru" class="d-lg-flex align-items-center"><i class="icon-clock"></i>10 ay önce</a> </div> </div> </div> </div> <div class="swiper-slide slide-center item"> <div class="row card p-0 text-center"> <div class="image-over"> <img loading="lazy" data-src="assets/uploads/haberler/6aee1-wp-web-guvenli-mi.webp" width="100%" height="100%" alt="WP Web Ne Kadar Güvenli ?"> </div> <div class="card-caption col-12 p-0"> <div class="card-body"> <a href="wp-web-ne-kadar-guvenli"> <h4 class="m-0">WP Web Ne Kadar Güvenli ?</h4> </a> </div> <div class="card-footer d-lg-flex align-items-center justify-content-center"> <a href="wp-web-ne-kadar-guvenli" class="d-lg-flex align-items-center"><i class="icon-user"></i>Taygun Uzunay </a> <a href="wp-web-ne-kadar-guvenli" class="d-lg-flex align-items-center"><i class="icon-clock"></i>10 ay önce</a> </div> </div> </div> </div> </div>  </div> </div> </div></section><section id="subscribe" class="section-6 odd subscribe featured all"> <div class="container smaller"> <div class="row text-center intro"> <div class="col-12"> <h2>Haberdar Olun!</h2> <p class="text-max-800">Bültenimize abone olun ve içeriklerimizi yakından takip edin.</p> </div> </div> <div class="row"> <div class="col-12 p-0"> <form id="aboneol" class="row m-auto items"> <div class="col-12 col-lg-5 m-lg-0 input-group align-self-center item"> <input type="text" name="name" id="name" class="form-control field-name" placeholder="İsminiz" required> </div> <div class="col-12 col-lg-5 m-lg-0 input-group align-self-center item"> <input type="email" name="email" id="email" class="form-control field-email" placeholder="E-Mail Adresiniz" required> </div> <div class="col-12 col-lg-2 m-lg-0 input-group align-self-center item"> <button type="submit" class="btn primary-button w-100 text-black">Kayıt Ol</button> </div> <div class="col-12 text-center"> <span class="form-alert mt-5 mb-0"></span> </div> </form> </div> </div> </div></section><section id="contact" class="section-7 odd form featured all"> <div class="container"> <form id="iletisimkayit" class="multi-step-form"> <div class="row"> <div class="col-12 col-md-6 align-self-start text-center text-md-left"> <div class="row intro form-content"> <div class="col-12 p-0"> <div class="step-title"> <h2 class="featured alt">Mesaj Gönder</h2> <p> Yarına kadar beklemeyin. Bugün danışmanlarımızdan biriyle konuşun ve işinizden nasıl yararlanmaya başlayacağınızı öğrenin.</p> </div> </div> </div> <div class="row text-center form-content"> <div class="col-md-6"> <input type="text" name="name" id="name" placeholder="Adınız" class="form-control"> </div> <div class="col-md-6"> <input type="email" name="email" id="email" placeholder="E-Mail" class="form-control"> </div> <div class="col-md-6 mt-20"> <input type="text" name="telefon" id="telefon" placeholder="Telefon" class="form-control"> </div> <div class="col-md-6 mt-20"> <input type="text" name="domain" id="domain" placeholder="Alan Adı" class="form-control"> </div> <div class="col-md-12 mt-20"> <textarea name="mesajiniz" id="mesajiniz" rows="10" class="form-control" placeholder="Mesajınız"></textarea> </div> <div id="sonuc" class="mt-20"></div> <div class="col-md-12 mt-20"> <button type="submit" class="step-next btn primary-button text-black">Gönder <i class="icon-arrow-right-circle left"></i></button> </div> </div> </div> <div class="content-images col-12 col-md-6 pl-md-5 d-none d-md-block"> <div class="gallery"> <a class="step-image" data-poster="assets/uploads/iletisim/05400-zamran-web-tasarim-iletisim.webp" href="https://www.youtube.com/watch?v=pYeGKzpBUEQ"> <i class="play-video icon-control-play"></i> <div class="mask-radius"></div> <img loading="lazy" data-src="assets/uploads/iletisim/05400-zamran-web-tasarim-iletisim.webp" class="fit-image" alt="Zamran Web Tasarım | SEO Ajansı | Web Tasarım İstanbul "> </a> </div> </div> </div> </form> <div class="section-content relative"> <div class="row mt-4" id="row-1381689266"> <div id="col-1335299657" class="col small-8 large-8"> <div class="col-inner"> <div style="overflow: auto;height: 200px;"> <h2><span style="color: fd9e10;"><strong>Web Sitesi Tasarım Ajansı</strong></span></h2> <p><span style="color: #fd9e10; font-size: 100%;">Web sitesi yapımı çalışmaları teknolojinin bu denli geliştiği günümüzde firmalar için oldukça önem arz eden bir konudur. Kaliteli bir web tasarım işlemi için mutlaka bizlerden bilgi almalısınız. Bunun en <a href="https://tr.wikipedia.org/wiki/Web_grafik_tasar%C4%B1m%C4%B1">temel</a> nedenlerinin başında kuşkusuz web sitesi çalışmaları sayesinde firma ve işletmelerin çok daha kolay bir şekilde potansiyel müşterilerine ulaşmalarını sağlamasıdır. Kurumsal web site çalışmalarının sağladığı başlıca faydalar arasında şunları sıralamak mümkündür:</span></p> <ul> <li><span style="color: #fd9e10; font-size: 100%;">Herhangi bir ürün ya da hizmet çok kolay bir şekilde pazarlanabilmektedir<br></span></li> <li><span style="color: #fd9e10; font-size: 100%;">Faaliye konu olan web sitesi sayesin de dijital imajınız da üst seviyelere gelmektedir.<br></span></li> <li><span style="color: #fd9e10; font-size: 100%;">Firmalar marka imajını geleneksel reklam çalışmaları ile değil teknolojinin sağladığı avantajları kullanarak yapmaktadırlar</span></li> <li><span style="color: #fd9e10; font-size: 100%;">Web sitesi firmanın dijital bir kartviziti haline gelmiştir. Potalsiyel müşterilere ulaşmanızı sağlar. Kalite konusunda rakiplerinizden ayırır</span></li> <li><span style="color: #fd9e10; font-size: 100%;">Hedef kitleye yönelik çalışmalar sayesinde daha verimli kurumsak tanıtım ve müşteri odaklı çalışmalar yapılabilmektedir.</span></li> </ul> <h2><strong>Kurumsal Web Tasarım Ajansı</strong></h2> <p>Kurumsal <span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span> çalışmaları bir markanın dijital dünyadaki imajını yansıtmanın en iyi yollarından birisidir. Arama motorları ve sosyal medyanın günümüz dünyasında hayatımızın en önemli parçalarından biri haline gelmesi ile birlikte kurumsal web sitesi tasarım çalışmaları da firmalar için oldukça önemli bir durum haline gelmiştir.</p> <p>Bu yüzden kullanıcıların ilişkili arama sorgularına karşılık firmanız ya da markanızın ürün veya hizmetlerinin sıralanması için kaliteli bir kurumsal website tasarıma sahip olmalısınız. Sadece kurumsal web sitesine sahip olmak dijital dünyadaki rekabetin yanında yeterli olmamakla birlikte bunu sürekli geliştirmeli ve size uygun website tasarım ajansından da web yönetim hizmeti alabilirsiniz.</p> <h2><strong>Website Tasarım Firmaları</strong></h2> <p><span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span> her ne kadar basit ve herkesin yapabileceği şekilde gösterilse de esasen bu durum o kadar basit değildir. Kurumsal Web tasarım firmalarının yaptığı kurumsal web siteleri çok daha etkili bir tasarıma sahip olmakla birlikte aynı zamanda arama motorlarının da kolay bir şekilde tanıyacağı şekilde tasarlanır.</p> <p>Sadece bununla kalmayıp sürekli gelişen ve farklı boyutlarda üretilen akıllı cihazlara uygun olacak şekilde tasarlanır. İnternet sitesi tasarım firmaları yardımı ile yapacağınız kurumsal site tasarım çalışmaları şu özellikleri sizlere sunar:</p> <ul> <li>Hedef kitleye uygun göz alıcı, etkili web sitesi görsel tasarımı</li> <li>Firma veya marka imajınızı ortaya koyan görsellik ve işlevsellik</li> <li>Markaya özel web sitesi modülleri</li> <li>SEO odaklı <span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span></li> <li>Farklı cihaz boyutlarına göre otomatik olarak ayarlanabilen responsive tasarımlar</li> </ul> <h2><strong>Profesyonel Web Tasarım Fiyatları </strong></h2> <p><span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span> sorgularının hemen peşi sıra gelen arama sorgularının başında hiç şüphesiz ki profesyonel web sitesi fiyatları gelmektedir. Web sitesi kurmak her bir firma için dijitalleşme yolundaki en önemli adımdır. Bundan dolayı bu çalışma sürecine olabildiğinde özen gösterilmeli ve ona uygun bütçe ayırarak çalışmalar gerçekleştirmelidir. Bu noktada profesyonel web sitesi fiyatları hakkında net bir fiyat vermek oldukça zordur. Bunun birden fazla sebebi vardır. Profesyonel web sitesi fiyatlarını etkileyen başlıca faktörleri şu şekilde sıralayabiliriz:</p> <h3><strong>1.    </strong><strong>Profesyonel web sitesi türü:</strong></h3> <p>E-ticaret sitesi, kurumsal <span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span> ya da blog tarzı şeklinde web birçok farklı amaç ve işlevde web sitesi bulunmaktadır. Her biri birbirinden farklı özellikler ve amaçlar taşıyan bu profesyonel web sitesi fiyatları da elbette ki farklı olacaktır. Bundan dolayı profesyonel web sitesi fiyatlarının etkileyen başlıca özellik web sitesinin türüdür.</p> <h3><strong>2.    </strong><strong>Web site özellikleri: </strong></h3> <p>Profesyonel web sitesinin türünü belirledikten sonraki en önemli iş bu site içerisinde istenilen özelliklerin ne olacağıdır. Web sitenin türüne göre içerisinde sahip olacağı özellikler de farklılık gösterecektir. Örneğin bir e-ticaret sitesi kurmak istediğinizde içerisinde eklemeniz gereken özellikler şu şekildedir:</p> <ul> <li>Ödeme entegrasyonu</li> <li>Güvenlik</li> <li>Kargo entegrasyonu</li> <li>Ürün takip</li> <li>Stok takip</li> </ul> <p>Bu ve benzeri daha birçok özellikleri eğeleyebileceğiniz gibi diğer eklenebilecek özellikler de profesyonel web sitesi fiyatlarını etkileyebilecek özelliklerdir.</p> <h2><strong>Website Tasarım Fiyatları</strong></h2> <p><span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span> fiyatları için net bir rakam vermenin mümkün olmadığını yukarıda belirttik. Bunula birlikte İnternet sitesi tasarım fiyatlarının farklılık gösterdiği durumlar şu şekilde sıralanabilir:</p> <h3><strong>1.    </strong><strong>Kurumsal Web Tasarım Fiyatları:</strong></h3> <p>Marka veya büyük işletmelerin genellikle kurmak istedikleri kurumsal site tasarım için website tasarım fiyatları tamamen tasarım inceliklerine ve görsel maliyetlere göre belirlenir. Kurumsal sitelerin yapıları istenilen özellik türüne göre değişiklik göstermektedir.</p> <h3><strong>2.    </strong><strong>E-ticaret Site Tasarım Fiyatları:</strong></h3> <p>Sanal dünyanın ve lojistik hizmetlerinin getirmiş olduğu kolaylıklardan yararlanarak ticaret yapmak isteyenlerin kurmak istediği e-ticaret  <span style="color: #fd9e10; font-size: 100%;">Web sitesi tasarımı</span>için fiyatlar diğer sitelere göre daha farklılık gösterir. Siteler bulunan modüller ve e-ticaret sitesinin entegre edilmesi istenen platformlar fiyatlarda değişkenliğe yol açmaktadır.</p> <h3><strong>3.    </strong><strong>Blog Website Tasarım Fiyatları:</strong></h3> <p>Blog Website Tasarım genellikle vizyoner ve kreatif bakış açısı ile internet dünyasına katkı sağlamak isteyen kişilerin tercihe ettiği bir website tasarım türü olup diğerlerine nazaran basit ancak kendi içerisinde yine önemli özelliklere ve modüllere sahip bir web site türüdür. Blog siteleri blog yazarını yada blog'a konu olan metinleri en iyi şekilde yansıtmalıdır. Bu blog site tasarım fiyatları da bu özelliklere ve modüllere göre çeşitlilik gösterir.</p> <h3><strong>3.    </strong><strong>Web Tabanlı Özel Uygulama Tasarımı Fiyatları:</strong></h3> <p>İşletmeniz de yapmakta olduğunuz işleri kolaylaştırmak amacıyla yapılan projelerdir. Ön muhasebe uygulamaları, Otomasyon sistemleri, Araç takip ve İş takip sistemleri gibi özel internet tabanlı projelerdir. Konu olan projeye göre tamamen farklılık gösterebilmektedir.</p> <h2><strong>Web Tasarım Ajansı </strong></h2> <p>İster bireysel isterseniz de işletmenizi yansaıtacak bir çalışma isteyin profesyonel bir web sitesi için genellikle web site tasarım ajansları tercih edilir. Website tasarım ajansı web site için ihtiyacınız olan her türlü hizmetleri sizlere sunmakla birlikte aynı zamanda bu konu hakkında detaylı bilgi vererek ayrıca sizin de bu internet sitesi tasarım dünyasına giriş yapmanızı sağlarlar. İşinizi, fikirlerinizi, ürünlerinizi, hizmetlerinizi ya da her türlü eserlerinizi dijital dünyaya taşıyarak dijitalleşmek istiyorsanız bu noktada internet sitesi tasarım ajansı ihtiyacınız olan önemli bir mecradır. Web site yapımı profesyonel ellerde yapılması gereken bir işlemdir. Web ajansının sizlere sağlayacağı başlıca avantajlar arasında şunlar bulunmaktadır:</p> <ul> <li>Nereden başlayacağını bilmeyen kişi ya da kurumlar için gerekli çalışmaları başlatır</li> <li>SEO çalışmalarıyla yada seo hizmeti ile işletmenizi daima ön planda tutmanıza yardımcı olur</li> <li>Sizlere farklı bakış açıları sunarak sizler için en iyisini düşünür</li> <li>Web sitesi tasarım ajansı ile çalıştığınız süre boyunca dijitalleşme süreciniz profesyonel ve eksiksiz bir şekilde devam eder</li> <li>Sadece tasarım bakımından değil işlevsellik bakımından da sizlere birçok ayrıcalık sağlar</li> </ul> <h2><strong>Profesyonel Web Tasarım</strong></h2> <p>Dijitalleşmek ve gerek yerelde gerekse dünya genelinde farklı kullanıcılara seslenip potansiyel müşterilerine ve hedef kitlesine seslenmek isteyen firma ya da kişilerin başlangıç noktası profesyonel web sitesidir. Profesyonel web sitesi ile birlikte ürünlerinizi ve hizmetlerinizi en iyi şekilde pazarlayabilir ve hedef kitlenize çok kolay bir şekilde ulaşabilirsiniz.</p> <p>Bununla birlikte profesyonel web sitesi içerisinde yapacağınız özelliklere ve modüllere göre fikir ve düşüncelerinizi de tek bir yerden tüm dünya ile paylaşmış olursunuz. Profesyonel web sitesi kurarak daha sonra bu sitede yapacağınız anahtar kelime çalışmaları ile çok daha geniş kitlelere ulaşabilirsiniz.</p> <h2><strong>Web Tasarım Yapan Firmaları </strong></h2> <p>Web sitesi kuran firmalar her geçen gün sayıca artsa da nitelik konusunda çok iyi seçimler yapmalısınız. Neden mi? Dijitalleşme süreci oldukça kaliteli yapılması ve yönetilmesi gereken bir organizasyondur. Bundan dolayı her web sitesi kuran firmalara gitmeden önce detaylı bir şekilde araştırma yapmalı ve ona göre seçimler yapmalısınız.</p> <p>Web sitesi kuran firmaları araştırırken daha önce yaptıkları çalışmaları, ortaya koydukları projeleri ve bu projelerin ne seviyelerde olduğuna detaylı bir şekilde bakmalısınız. Aksi durumda profesyonel web sitesi kurarken buraya yapacağınız yatırımlarınızın sonradan boşa gittiğini görebilirsiniz. Bu durumda hem zaman kaybı hem de maddi kayıplar ile kötü bir deneyim yaşarsınız. Web sitesi kuran firmaları araştırırken şunlara mutlaka dikkat etmelisiniz:</p> <ul> <li>Web site firmasının daha önceden yaptığı projeler ve web sitelerin genel görünümü</li> <li>Halihazırda yönettikleri web sitelerinin mevcut durumu</li> <li>Web sitesi kuran firmaların kurdukları web sitelerinin arama motorlarında ne şekilde ve hangi sırada çıktığı</li> </ul> <p>Bunlar ve benzeri önemli noktalara dikkat ederek web sitesi kuran firmaları inceleyebilir, ihtiyaç ve isteklerinize göre tercih edebilirsiniz.</p> <h2><strong>Kurumsal Web Tasarım</strong></h2> <p>Bir firma ya da işletmenin dijitalleşmesi için ihtiyacı olan en önemli araç kurumsal web sitesidir. Kurumsal web sitesi ile birlikte firmanın dijital kimliği de ortaya çıkmakla birlikte müşteri portföyü ve hedef kitlesi de büyümüş olur. Bundan dolayı büyümek ve dünyaya açılmak isteyen özel ya da tüzel kişiliklerin kurumsal web sitesi ile bunu çok daha kolay ve erişilebilir bir şekilde yapacağını rahatlıkla söyleyebiliriz.</p> <h2><strong>SEO Danışmanlığı</strong></h2> <p>SEO Danışmanlığı sayesinde işletmenizi yada kişisel sayfalarınızı arama motorlarınca sevilen bir hale getirip insanların daha fazla ulaşmalarını sağlamanız mümkündür. Bu işlemler sizleri öne taşımada ki en büyük adımı atmaktadır.</p> <h2><strong>Web Tabanlı Özel Yazılım</strong></h2> <p>Web tabanlı özel uygulamalar sizlerin işlerinizi kolaylaştırmak ve işinizi yönetmenizi sağlamak için size özel olarak yapılır. Örn bir turizm ajansınız var ve müşterilerinizi takip etmek giriş çıkış tarihlerini kaçırmamak istiyorsanız bu hizmetimizden yararlanabilirsiniz</p> <h2><strong>Zamran Software</strong></h2> <p>Web tasarım hizmetleri denilince zamran akla ilk gelen firmalardan olmuştur.Zamran web hizmet ajansı, web tasarımı hizmetleri konusunda hem kaliteli hemde öncü kuruşlardan biridir. Web tasarım ajansları arasında hem liderliğini kanıtlamış, hemde en favori ajanslar arasına girmeyi başarmıştır.Biliyoruz ki; web sitesi tasarımı ve web sitesi yapımı konuları müşterilerimizin online itibarı, sanal dünya ya kapılarını açtıkları vitrinleridir. Web tasarım ajansları da bu mağazaları düzenleyen ustaları, danışmanları ve rehbeleri olmaktadır. Web tasarım işi açıkçası tecrübe ve uzmanlık isteyen bir sektördür. İyi bir web tasarım ajansı ile çalışmak sizlere büyük ölçüde yarar sağlayacaktır. Google arama motoru optimizasyonu danışmanlığı yani SEO danışmanlığı gibi bir çok alan web tasarım ajanslarının işidir.Zamran Software, firması kurulduğu günden bu yana müşteri memnuniyetini ön planda tutmuş Web Tasarım ve SEO Danışmanlığı şirketi olmaktan ziyade müşterilerine bir yol gösterici tavır sergilemiştir. Düzenli yazdığımız web tasarım ve seo danışmanlığı makaleleri sayesinde hem sektördeki diğer web tasarım ajanslarına yol gösterici olmuş hemde müşterilerine bu alanlarda kaliteli içerikler iletmiştir.Web tasarım ajansları çalıştıkları kurumu iyi analiz edip kurumun verdiği hizmetleri iyi anlamadıkları sürece o web tasarım hizmetinin kuruma faydası minimum düzeyde kalmaktadır. Zamran ajans hem türkiye genelinde hemde yurt dışında verdiği hizmetlerde müşterilerini iyi analiz edip sektörel analizini yaptıktan sonra seo projeleri ve web sitesi yapımı. hizmeti vermektedir. Web tasarım alanında sektörel analizde bulunmayan web tasarım ajans'larınca yapılan hizmetler de müşteriler olumsuz etkilenmekte ve google arama motoru optimizasyonların da ( seo çalışması ) problemler yaşamaktadır. KOBİ ve KOBİ+ segmentinde olan tüm kurumlarımızın web sitesi tasarımı hizmetlerinde kaliteli hizmet anlayışımız ve kendimizi sürekli geliştiren, yenileyen, web tasarım ve seo danışmanlığı'nın sürekli değişen dinamiklerini takip ederek kalite odaklı hizmet anlayışımış bulunmaktadır. Modern web tasarım da SEO ( Google arama motoru optimizasyonu ) trendlerini takip ederek bu işleri web sitei yapımı hizmetimiz ile birleştirmekteyiz. Ülkemizde hayata geçirilecek web tasarım projelerinizde zamran software ailesinden mutlaka web tasarım danışmanlığı ve seo danışmanlığı desteği ve teklifi almalısınız. Uzun yıllardan bu yana web dizayn ve web hizmetleri alanın da sizler için en doğru hizmeti vermeye devam ediyoruz: >> web tasarım>> web dizaynı>> web tasarım ajansları >> web tasarım şirketleri>> web yazılım geliştirme >> web tasarım hizmetleri>> seo danışmanlığı ajansları>> seo ajansları>> seo danışmanlığı ajansları web tasarım alanında bir projeyi geliştirme sürecinde hem iddialı hemde kaliteli hizmet anlayışı ile ilerlemekteyiz. Web tasarım projelerimizde kaliteli web yazılım geliştirme hemde projesyonel web tasarım ekibimizin bulunması sayesinde türkiye de sektöründe öncü web tasarım ajansları içerisinde olmanın mutluluğuyla devam etmekteyiz. Web tasarım projelerinizin yapımında Zamran Ajans ile birlikte prestijli ve kaliteli hizmet almanın mutluluğu yaşayacaksınız. Çalıştığımız kurumlar bir sonraki işlerinde ve çevrelerinde Zamran Ajans'ı tekrar tercih ve tavsiye etmektedir. Zamran Ajans kendi sektöründe sadece kaliteyi hedefleyen, en iyi yaptığı iş olan web tasarım hizmetleri ve seo danışmanlık hizmeti işlerini yapıp bu alanda kalitesini, motivasyonunu ve konsantrasyonunu bozmadan devam etmektedir.web tasarım fiyat teklifi almak için randevu alınız. bizden fiyat almadan bir web tasarım projesine başlamanızı önemeyiz...</p><a href="https://zamran.com/referans.pdf">Web site yapımı referansları</a> </div> </div> </div> </div> </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:0 850 532 59 32 <br> <br> 0 532 282 94 86" class="nav-link"> <i class="icon-phone mr-2"></i> 0 850 532 59 32 <br> <br> 0 532 282 94 86 </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 Tasarım</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Seo ajansı</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Web Tasarım Ajansı</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Web Sitesi Yapımı</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Web Design</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Kurumsal Web Tasarım</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> E-ticaret Web Tasarım</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> E-Ticaret</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul">Web Sitesi Yapımı</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> İstanbul Web Tasarım</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Seo Danışmanlığı</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Web Tasarım Ofisi</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Seo hizmetleri</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Google Seo</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"> Search Console Optimization</a> <a href="javascript:;" class="badge tag" alt="Web Tasarım Ajansı | Zamran Software | İstanbul"></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>