CINXE.COM

<!DOCTYPE html> <html lang="tr"> <head> <base href="https://zamran.com/"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="//www.googletagmanager.com/"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//googleads.g.doubleclick.net"> <link rel="dns-prefetch" href="//stats.g.doubleclick.net"> <link rel="dns-prefetch" href="//td.doubleclick.net"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//www.google.com.tr"> <link rel="dns-prefetch" href="//www.google.com"> <link rel="preload" href="assets/frontend/css/vendor/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/slider.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/icons.min.css?v=1.1" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/animation.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/gallery.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <title>E-Ticaret Sitesi Tasar谋m谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul </title> <meta name="description" content="Profesyonel kadromuz sayesinde 枚zelliklerle ve i艧levlerle dolu inan谋lmaz bir 莽evrimi莽i ma臒aza ile sat谋艧lar谋n谋z谋 art谋r谋n."> <meta name="keywords" content="website yap谋m谋,eticaret,e-ticaret sitesi,seo,pazaryeri,entegrasyon,opencart,internet sitesi yap谋m谋"> <meta name="author" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m"> <meta name="publisher" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m" /> <meta name="language" content="Turkish"> <meta name="content-language" content="tr-TR" /> <meta http-equiv="content-language" content="tr"> <meta name="abstract" content="abstract" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="googlebot" content="All, Index, Follow" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="rating" content="General" /> <meta name="revisit-after" content="1 days" /> <meta name="distribution" content="global" /> <meta name="yandex-verification" content="43321997643cc74e" /> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-483411710"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-483411710'); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.zamran.com", "logo": "https://www.zamran.com/assets/uploads/logo/logo.webp" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@type": "ListItem", "@id": "https://zamran.com", "url": "https://zamran.com", "name": "Zamran Software" } }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "name": "Zamran Software", "image": "https://www.zamran.com/assets/uploads/logo/logo.webp", "@id": "", "url": "https://zamran.com", "telephone": "05322829486", "priceRange": "3000 - 15000", "address": { "@type": "PostalAddress", "streetAddress": "陌莽erenk枚y Mah. Do臒anay Sok. No:6 D:4 Ata艧ehir", "addressLocality": "陌stanbul", "postalCode": "34310", "addressCountry": "TR" }, "geo": { "@type": "GeoCoordinates", "latitude": 40.9873959, "longitude": 28.707781 }, "sameAs": ["https://www.facebook.com/zamransoftware", "https://www.instagram.com/zamransoftware", "https://www.youtube.com/taygunuzunay", "https://www.linkedn.com/zamransoftware", "https://www.zamran.com"] } </script> <meta property="og:title" content="E-Ticaret Sitesi Tasar谋m谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul "> <meta property="og:description" content="Profesyonel kadromuz sayesinde 枚zelliklerle ve i艧levlerle dolu inan谋lmaz bir 莽evrimi莽i ma臒aza ile sat谋艧lar谋n谋z谋 art谋r谋n."> <meta property="og:url" content="https://zamran.com/e-ticaret-sitesi-tasarimi"> <meta property="og:image" content="assets/uploads/logo/logo.webp" /> <meta name="twitter:card" content="Profesyonel kadromuz sayesinde 枚zelliklerle ve i艧levlerle dolu inan谋lmaz bir 莽evrimi莽i ma臒aza ile sat谋艧lar谋n谋z谋 art谋r谋n."> <meta name="twitter:title" content="E-Ticaret Sitesi Tasar谋m谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul " /> <meta name="twitter:description" content="Profesyonel kadromuz sayesinde 枚zelliklerle ve i艧levlerle dolu inan谋lmaz bir 莽evrimi莽i ma臒aza ile sat谋艧lar谋n谋z谋 art谋r谋n." /> <meta name="twitter:url" content="https://zamran.com/e-ticaret-sitesi-tasarimi" /> <meta name="twitter:image" content="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" /> <link rel="shortcut icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="apple-touch-icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="stylesheet" href="assets/frontend/css/vendor/bootstrap.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/slider.min.css"> <style> :root { --h1-font: Gilroy, sans-serif; --h1-size: 5rem; --h1-weight: 900; --h2-font: Poppins, sans-serif; --h2-size: 3rem; --h2-weight: 600; --p-font: Poppins, sans-serif; --p-size: 1rem; --p-weight: 400; --header-bg-color: #111; --nav-brand-height: 64px; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #111; --footer-brand-height: 80px; --primary-color: #fd9e0e; --secondary-color: #fd9e0e; --white-color: #f9f9f9; --black-color: #040402; --dark-grey-color: #191919; --primary-t-color: #2f323a; --secondary-t-color: #f5f5f5; --primary-p-color: #6f6f6f; --secondary-p-color: #8e8e8e; --primary-b-color: #f5f5f5; --primary-l-color: rgba(0, 0, 0, .25); --secondary-l-color: rgba(255, 255, 255, 0.25); --valid-color: #007a4d; --invalid-color: #fd9e0e; --primary-bg-color: #f5f5f5; --primary-bg-color-2: #eee; --primary-bg-color-3: #e5e5e5; --secondary-bg-color: #040402; --secondary-bg-color-2: #111; --secondary-bg-color-3: #191919; --card-bg-color: #f5f5f5; --footer-bg-color: #111 } .primary-button, .primary-button:visited, .primary-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--primary-color); border-radius: 2px; color: var(--primary-b-color); font-weight: 400 } .primary-button:hover, .primary-button:focus { background-color: var(--primary-color); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); color: var(--primary-b-color) } .dark-button, .dark-button:visited, .dark-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--hero-bg-color); border-radius: 0; color: var(--white-color); font-weight: 400 } .dark-button:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 0; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .dark-button:after { content: ''; position: absolute; z-index: -1; top: 2px; left: 2px; bottom: 0; right: 0; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 0; background-color: inherit } .dark-button.inherit:after { background-color: inherit } .dark-button:hover, .dark-button:focus, .dark-button:hover:after, .dark-button:focus:after { background-color: var(--primary-color) !important; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; color: var(--white-color) !important } footer .dark-button { background-color: var(--footer-bg-color) } .effect-static-text { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .effect-static-text i { -webkit-text-fill-color: var(--primary-color) } .effect-motion-text, .effect-motion-hover:hover { background-image: linear-gradient(to right, var(--primary-color) 20%, var(--primary-t-color) 40%, var(--primary-t-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } .effect-motion-text i, .effect-motion-hover:hover i { -webkit-text-fill-color: var(--primary-color) } .effect-static-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .effect-motion-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } html { overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100% } body { width: 100%; height: 100%; background-color: #060605; font-family: var(--p-font); color: #fd9e10; } body .body-mode-dark, body .odd { color: #f0f0f0; } body.body-mode-dark { background-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } ol, ul { padding-left: 20px } ol { list-style: decimal } ul { list-style: disc } ul ul { list-style: circle } pre, code { display: block; margin: 1rem 0; color: var(--primary-color) } blockquote, q { display: block; margin: 2rem 0; quotes: none; quotes: none; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd blockquote, .odd q, .body-mode-dark blockquote, .body-mode-dark q { border-color: var(--secondary-p-color) } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } blockquote p, q p { margin: 0 } .text-center:not(.text-md-left):not(.text-md-right) blockquote { width: fit-content; margin-left: auto; margin-right: auto } figure { margin-bottom: 1.5rem } figcaption { margin-bottom: 1.5rem; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd figcaption, .body-mode-dark figcaption { border-left: 5px solid var(--secondary-bg-color-3) } table { border-collapse: collapse; border-spacing: 0px; table-layout: fixed } ::selection { background: rgba(166, 175, 189, 0.3) } ::-moz-selection { background: rgba(166, 175, 189, 0.3) } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } a:not(.btn), a:link:not(.btn), a:visited:not(.btn), a:hover:not(.btn), a:active:not(.btn) { font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color); text-decoration: none } a:not([href]), a:not([href]):hover, a:not([href]) i, a:not([href]) i:hover { color: var(--primary-b-color) } p { margin: 1.5rem 0; font-size: var(--p-size); font-weight: var(--p-weight); line-height: 1.5 } p:first-child { margin-top: 0 } p:last-child { margin-bottom: 0 } h1, .slide-content .title { margin-top: 0; margin-bottom: 1.5rem; font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h1 em, .slide-content .title em { font-weight: 300; display: block; font-size: var(--h2-size) } h2 { margin: 1.5rem 0; font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } h2.featured { position: relative; width: fit-content; margin: auto } .text-md-left h2.featured { margin-left: 0 } .text-md-right h2.featured { margin-right: 0 } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured { display: flex; justify-content: center } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured:before { left: auto; right: auto } h2.featured:before { content: ''; position: absolute; top: -22px; left: 0; width: 50px; height: 5px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .odd h2, .body-mode-dark h2 { color: var(--white-color) } h2.super { margin-bottom: 1.5rem; font-size: 4rem; font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h3 { margin: 1.5rem 0; font-size: 2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h3, .body-mode-dark h3 { color: var(--white-color) } h4 { margin: 1.5rem 0; font-size: 1.3rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h4, .body-mode-dark h4 { color: var(--secondary-t-color) } h5 { margin: 1.5rem 0; font-size: 1.2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h5, .body-mode-dark h5 { color: var(--white-color) } h6 { margin: 1.5rem 0; font-size: 1rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h6, .body-mode-dark h6 { color: var(--white-color) } b, strong { font-weight: 700 } li { margin: .5rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5 } img { max-width: 100%; height: auto; vertical-align: middle } ::placeholder { color: var(--primary-t-color); opacity: .5 } .odd ::placeholder, .body-mode-dark ::placeholder { color: var(--secondary-t-color); opacity: .5 } table { border-collapse: separate; border-spacing: 0px; table-layout: fixed } table td { padding: 10px 0 } table th { padding: 10px 0 } dt { margin: 15px 0 } address { margin-bottom: 1rem } form { width: 100% } form label { width: 100% } form label.checkbox { width: initial } input, select { width: 100%; height: 44px; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-style: solid; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } textarea { width: 100%; height: auto; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } input:focus, textarea:focus, select:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } input { border-color: var(--primary-l-color); color: var(--primary-t-color) } .odd input, .body-mode-dark input { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd input:focus, .body-mode-dark input:focus { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input[type="radio"] { height: initial } input[type="submit"] { border: 1px solid; padding: 2.5px 10px; display: block; width: fit-content; max-width: 200px; text-align: center; color: var(--primary-color) } input[type="submit"]:hover { background-color: var(--primary-color); color: var(--primary-b-color); border-color: var(--primary-color) } input[type=checkbox] { width: 20px; height: 20px } textarea { height: 100px; resize: none; border-color: var(--primary-l-color); color: var(--primary-t-color) } textarea:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd textarea, .body-mode-dark textarea { height: 100px; resize: none; border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .odd textarea:focus, .body-mode-dark textarea:focus { border-color: var(--secondary-t-color); color: var(--secondary-t-color) } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; line-height: 1.2; border-color: var(--primary-l-color); color: var(--primary-t-color) } select:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } select option { color: #2f323a } hr { margin: 35px 0; border-top: 1px dashed var(--primary-l-color) } .odd hr, .body-mode-dark hr { margin: 35px 15px; border-top: 1px dashed var(--secondary-l-color) } table { width: 100% } tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--primary-l-color) } .odd tr:not(:last-child), .body-mode-dark tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--secondary-l-color) } td { padding: 10px 0 } section { position: relative; width: 100%; padding: 130px 0; background-size: cover; background-attachment: fixed; background-position: center } section.footer { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama1 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama2 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.hero { background-color: var(--hero-bg-color) } section.section-1 { background-color: var(--section-1-bg-color); background-image: var(--section-1-bg-image) } section.section-2 { background-color: var(--section-2-bg-color); background-image: var(--section-2-bg-image) } section.section-3 { background-color: var(--section-3-bg-color); background-image: var(--section-3-bg-image) } section.section-4 { background-color: var(--section-4-bg-color); background-image: var(--section-4-bg-image) } section.section-5 { background-color: var(--section-5-bg-color); background-image: var(--section-5-bg-image) } section.section-6 { background-color: var(--section-6-bg-color); background-image: var(--section-6-bg-image) } section.section-7 { background-color: var(--section-7-bg-color); background-image: var(--section-7-bg-image) } section.section-8 { background-color: var(--section-8-bg-color); background-image: var(--section-8-bg-image) } section.section-9 { background-color: var(--section-9-bg-color); background-image: var(--section-9-bg-image) } section.section-10 { background-color: var(--section-10-bg-color); background-image: var(--section-10-bg-image) } section.section-11 { background-color: var(--section-11-bg-color); background-image: var(--section-11-bg-image) } section.section-12 { background-color: var(--section-12-bg-color); background-image: var(--section-12-bg-image) } section.section-13 { background-color: var(--section-13-bg-color); background-image: var(--section-13-bg-image) } section.section-14 { background-color: var(--section-14-bg-color); background-image: var(--section-14-bg-image) } section.section-15 { background-color: var(--section-15-bg-color); background-image: var(--section-15-bg-image) } section.section-vs-0 { padding: 0 } section.section-vs-10 { padding: 10px 0 } section.section-vs-20 { padding: 20px 0 } section.section-vs-30 { padding: 30px 0 } section.section-vs-40 { padding: 40px 0 } section.section-vs-50 { padding: 50px 0 } section.section-vs-60 { padding: 60px 0 } section.section-vs-70 { padding: 70px 0 } section.section-vs-80 { padding: 80px 0 } section.section-vs-90 { padding: 90px 0 } section.section-vs-100 { padding: 100px 0 } section.section-vs-110 { padding: 110px 0 } section.section-vs-120 { padding: 120px 0 } section.section-vs-130 { padding: 130px 0 } section.section-vs-140 { padding: 140px 0 } section.section-vs-150 { padding: 150px 0 } section.section-vs-160 { padding: 160px 0 } section.section-vs-170 { padding: 170px 0 } section.section-vs-180 { padding: 180px 0 } section.section-vs-190 { padding: 190px 0 } section.section-vs-200 { padding: 200px 0 } section.featured { position: relative } section.featured:after { content: ''; position: absolute; z-index: 2; bottom: -50px; left: 50%; left: calc(50% - 2.5px); width: 5px; height: 100px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } section.featured.right:before { content: ''; position: absolute; z-index: 1; top: 100%; right: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.right:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.left:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; border-bottom: 1px dashed var(--primary-l-color) } section.featured.right .odd:before { content: ''; position: absolute; z-index: 2; top: calc(100% - 1px); right: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 100%; border-bottom: 1px dashed var(--secondary-l-color) } section.odd.featured.all:before { border-bottom: 1px dashed var(--secondary-l-color) } main { padding: 0 } aside { padding: 0 } .container { max-width: 1170px; padding: 0 } .container.header { max-width: 1200px } .container.header.full { max-width: 100% } .container.header.full-grid { max-width: 100%; margin: 0 5px } .container.header.smaller { max-width: 940px } .container.disabled { width: auto; max-width: 100% } .container.disabled .content-inner { padding: 0 } .container.full { max-width: 100% } .container.full .col-12 { padding: 0 } .container.full-grid { padding: 0; max-width: calc(100% - 30px); margin: 0 15px } .container.smaller { max-width: 970px } .row { margin-left: 0; margin-right: 0 } .vh-100 { height: 100vh } .vh-75 { height: 75vh } .clearfix { display: block; content: ""; clear: both } .overflow-holder { overflow: hidden; margin-top: -25px; margin-bottom: -25px; padding-top: 25px; padding-bottom: 25px } .intro { margin-bottom: 50px } .intro h1:first-child, .intro h2:first-child, .intro h3:first-child { margin-top: 0 } .blog-listing .items { margin-bottom: 30px } .blog-listing .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item.sticky .card:before { top: -10px; right: 0; bottom: 0; left: -10px; position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .post-holder { list-style: none; width: 100%; border-left: 5px solid var(--primary-bg-color-3); background-color: var(--primary-bg-color-2); padding: 25px; margin-top: 35px } .odd .post-holder, .body-mode-dark .post-holder { border-left: 5px solid var(--primary-color); background-color: var(--secondary-bg-color-3) } .posted-on a:not(.btn) { font-weight: 600 } .sidebar .item { margin-bottom: 50px } .sidebar .item:last-child { margin-bottom: 0 } .sidebar .item h4 { margin-top: 0 } .odd .sidebar .item h4, .body-mode-dark .sidebar .item h4 { color: var(--white-color) } .sidebar ol, .sidebar ul { list-style: none; padding: 0 } .sidebar ol ol, .sidebar ul ul { padding: 15px } .sidebar ul.children { padding: 0 } .sidebar .sub-menu { padding: 0 } .sidebar ul li:not(.nav-item):not(.list-group-item) { position: relative; padding-left: 0 } .sidebar ul ul li:not(.nav-item):not(.list-group-item) { padding-left: 20px } .sidebar li:hover:before { background-color: var(--primary-color) } .sidebar ul li a:not(.btn) { color: inherit; overflow-wrap: break-word } .sidebar ul li a:not(.btn):hover { color: var(--primary-color) } .sidebar .title { width: 100%; margin-top: 0; list-style: none } .list-group .list-group-item .icon { color: var(--primary-color); margin-right: 15px; display: flex; align-items: center; justify-content: center } .highlights .items .item { margin-bottom: 1.5rem } .highlights .items .item:last-child { margin-bottom: 0 } .highlights .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers .items .item { margin-bottom: 30px } .offers .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers.secondary .items .item h4 { margin-top: 0 } .counter.skills .items .item { padding: 35px 0 10px } .counter .radial { position: relative; width: 120px; display: inline-block; text-align: center } .counter .radial canvas { height: 80px; vertical-align: middle; visibility: hidden } .counter.preloader .radial canvas, .counter.skills .radial canvas { height: auto; visibility: visible } .counter .radial span { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; line-height: 40px; font-family: 'Gilroy', sans-serif; font-size: 2rem; font-weight: 700 } .counter.funfacts .radial span { font-size: 2.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .counter .radial span i { font-style: normal; font-size: 1rem; font-weight: 700 } .plans .items .item { margin-bottom: 30px } .plans .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .plans .items .item .btn { margin-top: 25px } .plans .items .item .card:hover .btn { background: none; border: 1px solid var(--secondary-l-color) } .plans .items .item .card:hover .btn:after, .plans .items .item .card:hover .btn:before { content: none } .plans .items .item .card:hover * { border-color: var(--secondary-l-color) } .price { margin-bottom: 25px; font-size: 42px; font-weight: 600; border: 1px solid var(--primary-l-color); border-radius: 100px; color: var(--primary-color) } .odd .price { border-color: var(--secondary-l-color) } .price i { font-size: 24px; font-style: normal; font-weight: 100 } .invert, .odd.logos img { filter: brightness(0) invert(1) } .showcase.masonry .card { background-color: var(--white-color); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) } .body-mode-dark.showcase.masonry .card { background-color: var(--secondary-bg-color-3) } .showcase.masonry .card p { color: var(--primary-p-color) } .body-mode-dark.showcase.masonry .card p { color: var(--secondary-p-color) } .showcase.portfolio .card .image-over:before { background-color: transparent } .showcase .items .item .card.no-image .image-over:before { background-color: var(--white-color) } .showcase.portfolio .card .card-caption { opacity: 0 } .showcase.portfolio .card:hover .card-caption { opacity: 1 } .showcase .card { height: auto; background-color: transparent } .showcase .card .image-over { overflow: hidden } .showcase .card .image-over:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .2s ease-out 0; -o-transition: all .2s ease-out 0; -moz-transition: all .2s ease-out 0; transition: all .2s ease-out 0 } .showcase .card .image-over img { position: relative; z-index: -1; height: auto; min-height: 460px; object-fit: fill; object-position: center } .showcase .card-caption { position: absolute; width: 100%; bottom: 0 } .showcase .no-image .card-caption { position: relative } .showcase .card-caption *, .showcase .card-caption :not(.btn) { color: #f5f5f5 } .showcase .card-caption .card-body p { color: var(--secondary-p-color) } .showcase:not(.news) .card-caption a:not(.btn) { margin: 0; color: var(--primary-color) } .showcase .no-image .card-caption *, .showcase .no-image .card-caption :not(.btn) { color: var(--primary-t-color) } .body-mode-dark.showcase .no-image .card-caption *, .body-mode-dark .showcase .no-image .card-caption :not(.btn) { color: var(--secondary-t-color) } .showcase .no-image .card-caption .card-body p { color: var(--primary-p-color) } .showcase .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .no-image .card-footer { border-color: rgba(0, 0, 0, 0.15) } .body-mode-dark.showcase .no-image .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .card:hover .image-over img { transform: none } .showcase .card:hover .image-over:before { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); opacity: .75 } .showcase .card:hover .image-over .mask-radius-full { opacity: 0 } .showcase .card:hover .image-over img { filter: blur(3px) } .showcase .card:hover .image-over .play-video-full { width: 100%; height: 100%; font-size: 100px } .showcase .card:hover .image-over .play-video-full:after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); opacity: .75 } .filter-section .items { overflow: initial !important } .filter-section .btn-group { margin: 0 0 35px; display: block } .filter-section .btn-group .btn { display: inline-flex; align-items: center; margin: 0 10px; padding: 10px; font-size: 1.2rem; font-weight: 600; color: var(--primary-p-color) } .filter-section .btn-group .btn.focus { outline: none; box-shadow: none } .filter-section .btn-group .btn:hover { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn:hover { color: var(--white-color) } .filter-section .btn-group .btn.active { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn.active { color: var(--white-color) } .filter-section .btn-group .btn:before { content: ''; position: absolute; bottom: 2.5px; right: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn:after { content: ''; position: absolute; bottom: 2.5px; left: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn.active:before, .filter-section .btn-group .btn.active:after { width: 50% } .filter-section .btn-group .btn i { margin: 0 10px } .filter-section .items .item { z-index: 1 } .subscribe .items .item { padding: 0 10px } .subscribe .btn { height: 50px } .form .message { position: absolute; top: 0; left: 15px; width: 100%; height: 100%; padding: 35px; z-index: 3; display: flex; align-items: center; justify-content: center; text-align: center; transform: scale(0); border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .form .message .icon { margin: auto; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message h3 { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message .done { display: none } .form .message.active { transform: scale(1) } .form-group-margin { margin: 0 7.5px } .map { padding: 0; height: 500px } .map iframe { width: 100%; height: 500px; border: none } header { position: relative; z-index: 5 } .navbar-holder { position: relative; z-index: -100; min-height: auto; pointer-events: none; background-color: var(--section-1-bg-color) } header .navbar-sticky { top: 0; background-color: var(--header-bg-color); -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); -webkit-transition: all .15s ease-out 0 !important; -o-transition: all .15s ease-out 0 !important; -moz-transition: all .15s ease-out 0 !important; transition: all .15s ease-out 0 !important } header .navbar-sticky.hidden { -webkit-transform: translate3d(0, -101%, 0) !important; -ms-transform: translate3d(0, -101%, 0) !important; -moz-transform: translate3d(0, -101%, 0) !important; transform: translate3d(0, -101%, 0) !important } header .navbar-sticky.visible { -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } header .navbar-expand { position: fixed; top: 0; z-index: 2; width: 100%; padding: 10px 25px; pointer-events: initial } header .navbar-expand.navbar-vs-0 { padding-top: 0; padding-bottom: 0 } header .navbar-expand.navbar-vs-5 { padding-top: 5px; padding-bottom: 5px } header .navbar-expand.navbar-vs-10 { padding-top: 10px; padding-bottom: 10px } header .navbar-expand.navbar-vs-15 { padding-top: 15px; padding-bottom: 15px } header .navbar-expand.navbar-vs-20 { padding-top: 20px; padding-bottom: 20px } header .navbar-expand.navbar-vs-25 { padding-top: 25px; padding-bottom: 25px } header .navbar-expand.navbar-vs-30 { padding-top: 30px; padding-bottom: 30px } header .navbar-expand.navbar-vs-35 { padding-top: 35px; padding-bottom: 35px } header .navbar-expand.navbar-vs-40 { padding-top: 40px; padding-bottom: 40px } header .navbar-expand.navbar-vs-45 { padding-top: 45px; padding-bottom: 45px } header .navbar-expand.navbar-vs-50 { padding-top: 50px; padding-bottom: 50px } header .navbar-expand.relative { position: relative } header .navbar-expand .navbar-nav { display: contents } header .navbar-expand .navbar-nav.toggle { display: none } header .navbar-expand .navbar-nav.toggle i { font-size: 20px } header .navbar-expand .navbar-brand { padding: 0; font-size: 1.5rem; font-weight: 600; line-height: 0; color: var(--nav-item-color) } header .navbar-expand:not(.navbar-sticky) .navbar-brand { color: var(--top-nav-item-color) } header .navbar-expand .navbar-brand i { font-style: initial; font-weight: 700; font-size: 1.8rem; color: var(--primary-color) } header .navbar-expand .navbar-brand i.leverage-2-0 { margin: 0 0 0 5px; font-family: var(--h1-font); font-size: 12px } header .navbar-expand .navbar-brand img { height: var(--nav-brand-height) } .navbar-expand .navbar-nav .nav-item { margin: 0; display: contents; vertical-align: middle } .navbar-expand .navbar-nav ul .nav-item { display: block } .navbar-expand .navbar-nav .nav-item a:not(.btn) { display: flex; align-items: center; font-size: 1rem; font-weight: 500 } .navbar-expand .navbar-nav .nav-link:not(.btn) { padding-right: 1rem; padding-left: 0; color: var(--nav-item-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .nav-link:not(.btn) { color: var(--top-nav-item-color) } .navbar-expand .navbar-nav .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-expand .navbar-nav .nav-link.active:not(.btn):not(.title) { color: var(--primary-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { display: flex; align-items: center; justify-content: space-between; padding: .35rem 1rem; font-weight: 400; color: var(--primary-p-color) } .theme-mode-dark .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .theme-mode-dark .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { color: var(--secondary-p-color) } .navbar-expand .navbar-nav .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); opacity: .8 } .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-nav i.icon-arrow-down { position: relative; top: 1.5px; margin: 0 0 0 .3rem; font-size: 12px; font-weight: 600 } .navbar-nav i.icon-arrow-right { position: relative; left: 5px; top: 0; margin: 0 0 0 .3rem; font-size: 10px; font-weight: 600 } .navbar-expand .icons i { font-weight: 400 } .dropdown .dropdown-menu { background-color: var(--primary-bg-color-2); width: max-content; min-width: 120px; display: block; visibility: hidden; opacity: 0; border: none; border-radius: 2px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .theme-mode-dark .dropdown .dropdown-menu { background-color: var(--secondary-bg-color-3) } .dropdown:hover>.dropdown-menu { visibility: unset; opacity: 1; margin: 0; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .dropdown-menu .dropdown-menu { position: absolute; top: -8px; left: 100% } .dropdown-item.active, .dropdown-item:hover, .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; box-shadow: none; outline: none } .menu .items { margin-left: -5px; width: calc(100% + 10px) } .menu .navbar-nav { font-size: 1.5rem; font-weight: 400; line-height: 1 } .menu .nav-item { margin: 0 } .menu .dropdown .dropdown-menu { display: none; width: 100%; visibility: visible; opacity: 1; background: none; box-shadow: none; border: none; text-align: center; padding: 0 0 0 20px; margin: 0 0 15px; list-style: none; color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu.show { display: block } .menu .dropdown-menu .dropdown-menu { position: relative; top: initial; left: initial } .menu .dropdown .dropdown-menu .left, .menu .dropdown .dropdown-menu .right { width: 50% } .menu .nav-link:not(.btn) { font-size: 1rem; font-weight: 400; border: 1px solid var(--primary-l-color); color: var(--primary-p-color); display: inline-block; width: calc(100% - 12px); vertical-align: top; padding: 10px 5px; margin: 0 5px; border-radius: 4px } .theme-mode-dark .menu .nav-link:not(.btn) { border: 1px solid var(--secondary-l-color); color: var(--secondary-p-color) } .menu .nav-link:not(.btn):hover, .theme-mode-dark .menu .nav-link:not(.btn):hover { color: var(--primary-color) } .menu .dropdown .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); border: none; opacity: .8 } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link.title { color: var(--secondary-t-color) } .menu .dropdown .dropdown-menu .nav-item .nav-link { font-size: 1rem; font-weight: 400; background: none; color: var(--primary-p-color); display: flex; justify-content: space-between; width: calc(100% - 12px); vertical-align: top; padding: 0; margin: 0 5px 10px; border-radius: 4px; text-align: left } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-item .nav-link { color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu .nav-link:hover, .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link:hover { color: var(--primary-color) } .menu .dropdown:first-child { margin-top: 0 } .menu .nav-link:first-child { padding-left: 0; padding-right: 0; display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 600; border: none; color: var(--primary-t-color) } .theme-mode-dark .menu .nav-link:first-child { margin-bottom: 0; font-weight: 600; border: none; color: var(--secondary-t-color) } .menu .dropdown-menu .dropdown>.nav-link:first-child { font-size: 1rem; font-weight: 600 } .menu .navbar-nav i.icon-arrow-down { font-size: 18px } .slider-h-auto { width: 100%; height: auto; display: flex; align-items: center } .slider-h-auto .swiper-wrapper, .slider-h-auto .swiper-slide { min-height: 75vh } .slider-h-auto.no-slider .inner { top: 0; padding-top: 100px; padding-bottom: 100px } .slider-h-100 { width: 100%; height: 100vh } .slider-h-100.slider-h-auto { min-height: 100vh } .slider-h-85 { width: 100%; height: 85vh } .slider-h-75 { width: 100%; height: 75vh } .slider-h-75.slider-h-auto { min-height: 75vh } .slider-h-70 { width: 100%; height: 70vh } .slider-h-65 { width: 100%; height: 65vh } .slider-h-60 { width: 100%; height: 60vh } .slider-h-50 { width: 100%; height: 50vh } .slider-h-50.slider-h-auto { min-height: 50vh } .slider-h-25 { width: 100%; height: 25vh } .hero.slider-parallax { position: fixed; top: 0; min-height: auto; -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .slider-parallax-holder { position: relative; z-index: -100; min-height: 100vh; pointer-events: none } .mid-slider { overflow: visible; padding: 0 15px } .mid-slider-simple { padding: 0 15px } .mid-slider-simple .card:not(.no-hover):hover { transform: initial } .full-slider { cursor: w-resize } .full-slider .inner, .no-slider .inner { top: 1rem; max-width: 1200px; padding: 0; margin: auto } .full-slider.full-grid .inner, .no-slider.full-grid .inner { max-width: calc(100% - 60px) } .full-slider.smaller .inner, .no-slider.smaller .inner { max-width: 940px } .no-slider.slider-h-75 .inner { top: 10px } .full-slider .inner .center, .no-slider .inner .center { width: 100%; padding: 2rem 0 } .full-slider .inner .left, .no-slider .inner .left { width: 60%; padding: 2rem 0 } .full-slider .inner .right, .no-slider .inner .right { width: auto; padding: 2rem 0 } .full-slider.featured .inner .left:before, .no-slider.featured .inner .left:before { content: ''; position: absolute; z-index: -1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .left:after, .no-slider.featured .inner .left:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:before, .no-slider.featured .inner .right:before { content: ''; position: absolute; z-index: -1; top: 5%; bottom: 0; right: 0; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:after, .no-slider.featured .inner .right:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider .inner .left.off:before, .full-slider .inner .left.off:after, .full-slider .inner .right.off:before, .full-slider .inner .right.off:after { content: none } .full-slider .inner .left.init:before, .full-slider .inner .left.init:after, .no-slider .inner .left.init:before, .no-slider .inner .left.init:after, .full-slider .inner .right.init:before, .full-slider .inner .right.init:after, .no-slider .inner .right.init:before, .no-slider .inner .right.init:after { opacity: 1 } .full-slider .slide-content .center .description, .no-slider .slide-content .center .description { max-width: 900px; margin-bottom: 2rem; font-size: 1.5rem } .full-slider .slide-content .center .description p, .no-slider .slide-content .center .description p { font-size: 1.5rem } .full-slider .slide-content .left .description, .no-slider .slide-content .left .description, .full-slider .slide-content .right .description, .no-slider .slide-content .right .description { max-width: 500px; margin-bottom: 2rem; font-size: 1.2rem } .full-slider .slide-content .left .description p, .no-slider .slide-content .left .description p, .full-slider .slide-content .right .description p, .no-slider .slide-content .right .description p { font-size: 1.2rem } .full-slider.featured .inner .right .description { right: 15%; position: relative } .full-slider .slide-content .inner .description a, .no-slider .slide-content .inner .description a { font-size: 1.2rem } .full-slider .slide-content .center .description a, .no-slider .slide-content .center .description a { font-size: 1.5rem } .full-slider .swiper-button-next { right: 1.5rem } .full-slider .swiper-button-prev { left: 1.5rem } .full-slider .swiper-button-next:focus, .full-slider .swiper-button-prev:focus { outline: none } .full-slider .swiper-button-next, .full-slider .swiper-button-prev { top: calc(50% + 60px); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25; padding: 2rem 1.5rem; transition-timing-function: ease-in; transition: .2s } .full-slider .swiper-button-next:hover, .full-slider .swiper-button-prev:hover { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%) } .full-slider .swiper-button-next:after, .full-slider .swiper-button-prev:after { font-size: 3rem } .slide-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .slide-content { position: relative; z-index: 3; width: 100% } .swiper-slide .aos-animate { display: none } .swiper-slide.swiper-slide-active .aos-animate { display: block } .swiper-slide .fit-image.aos-init { opacity: 1 } .swiper-slide .fit-image.aos-animate { visibility: hidden; display: block } .swiper-slide.swiper-slide-active .fit-image.aos-animate { visibility: visible; display: block; transform: translateZ(0) scale(1.2); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: 3s; transition-property: opacity, transform } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 35px; position: relative } .full-slider.swiper-container-horizontal>.swiper-pagination-bullets { position: absolute !important; top: initial !important; bottom: 5vh !important } .swiper-pagination-bullet { width: 40px !important; height: 5px !important; border-radius: 0 !important; background-color: var(--primary-p-color) !important; border: none !important; opacity: .25 !important } .swiper-pagination-bullet:hover { opacity: 1 !important } .swiper-pagination-bullet-active { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; opacity: 1 !important } .swiper-pagination-bullet-active:hover { background-color: var(--primary-color) !important } .pagination { width: fit-content; margin: 35px auto; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition: all .3s cubic-bezier(.25, .8, .25, 1) } .pagination .page-item { margin: 0 } .pagination .page-item:focus { outline: none; box-shadow: none } .pagination .page-item .page-link { width: 50px; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; background-color: var(--primary-bg-color); border-radius: 2px; border: 1px solid; border-color: var(--primary-bg-color-2); color: var(--primary-t-color) } .body-mode-dark .pagination .page-item .page-link { background-color: var(--secondary-bg-color-2); border-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } .pagination .page-item.active .page-link { background-color: var(--primary-bg-color); border-color: var(--primary-color); color: var(--primary-color) } .body-mode-dark .pagination .page-item.active .page-link { background-color: var(--secondary-bg-color-2) } .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-bg-color) } .body-mode-dark .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) } .pagination .page-item .page-link:focus { outline: none; box-shadow: none } .preloader { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--hero-bg-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .preloader.ready { z-index: -100; opacity: 0 } .icon { width: auto; height: 44px; line-height: 44px; text-align: center; font-size: 44px; display: block; margin: auto } .icon.smaller { width: 24px; height: 24px; line-height: 24px; font-size: 24px } .icon.bigger { width: 7rem; height: 7rem; margin: 0; font-size: 6.5rem; line-height: 7rem; font-weight: 700 } .icon.circle { border-radius: 100px; font-size: 28px } .bricklayer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .bricklayer-column-sizer { width: 33.3333%; display: none } .columns-1 .bricklayer-column-sizer { width: 100% } .columns-2 .bricklayer-column-sizer { width: 50% } .columns-3 .bricklayer-column-sizer { width: 33.3333% } .columns-4 .bricklayer-column-sizer { width: 25% } .columns-5 .bricklayer-column-sizer { width: 20% } .columns-6 .bricklayer-column-sizer { width: 16.6666% } .bricklayer-column { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px } .bricklayer .item { margin: 0 0 30px } .card-columns { margin: 0 15px; column-gap: 30px } .card-columns .card { margin-bottom: 30px } .card { position: relative; z-index: 1; width: 100%; padding: 35px; border: none; border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .card.no-hover { background-color: transparent; box-shadow: none } .odd:not(.custom) .card:not(.no-hover):not(:hover) { background-color: var(--dark-grey-color) } .card-white .card { background-color: var(--white-color) } .card p { margin-top: 0; white-space: pre-wrap } .card-img-top { border-radius: 0 } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 35px 30px } .card-body h3, .card-body h4, .card-body h5, .card-body h6 { margin-top: 0 } .card-footer { border-radius: 0; background: none; padding: 30px 0; margin: 0 30px; border-top: 1px solid var(--primary-l-color) } .card-footer a { margin: 0 10px } .card-footer a:not(.btn) { line-height: 1.2; text-align: left; color: var(--primary-p-color) } .card-footer i { margin: 0 10px 2.5px 0 } .card.simple { box-shadow: none; background: none; padding: 0 2rem } .card.simple:hover { background: none } .card:not(.no-hover):hover { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transform: translateY(-7.5px) } .sticky.card:not(.no-hover) { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .masonry .card:not(.no-hover):hover { transform: translateY(0) } .items .item:first-child .card.featured:hover:before, .items .item:last-child .card.featured:hover:before { width: 100%; height: 100%; opacity: .5 } .card:not(.no-hover):hover:before, .card:not(.no-hover):hover:after { opacity: 0 } .card:hover .image-person img { transform: scale(1.1) } .card:not(.no-hover):hover h3, .card:not(.no-hover):hover h4, .card:not(.no-hover):hover p { color: #f5f5f5 } .card:not(.no-hover):hover span, .card.stycky:not(.no-hover) span { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover a, .card.sticky:not(.no-hover) a { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover i, .card.sticky:not(.no-hover) i { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover .icon, .card.sticky:not(.no-hover) .icon { background-color: transparent; color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:hover .card-footer, .card.sticky .card-footer { color: #f5f5f5; border-color: rgba(255, 255, 255, 0.25) } .card:hover .btn-icon { color: #f5f5f5 } .card:hover .share-list i { color: #f5f5f5 } .card.featured:before { position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .items .item:not(:first-child):not(:last-child) .card.featured:before { display: none } .items .item:first-child .card.featured:before { top: -10px; right: 0; bottom: 0; left: -10px } .items .item:last-child .card.featured:before { right: -10px; bottom: -10px } .card.featured:after { position: absolute; z-index: -1; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; border: none; background-color: inherit } .odd:not(.custom) .card.featured:after { background-color: inherit } .card.featured:hover:after { background-color: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .badge { font-weight: 500 } .badge.circle { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; background-color: var(--primary-bg-color-3) } .body-mode-dark .badge.circle { border: 1px solid var(--secondary-l-color); background: none } .badge.tag { margin: 0 5px 10px 0; padding: .45rem 1rem; border-radius: 2px; font-size: 1rem; font-weight: 400; color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .badge.tag, .body-mode-dark .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .badge.tag:hover, .badge.tag.active { color: var(--primary-color); border-color: var(--primary-color) } .role { display: block; padding: 0 0 1.5rem; border-bottom: 1px solid var(--primary-l-color) } .odd .role { border-bottom: 1px solid var(--secondary-l-color) } .breadcrumb { margin: 0; background: none; justify-content: center; color: inherit } .breadcrumb-item { font-size: 1rem; font-weight: 400 } .breadcrumb-item a:not(.btn) { color: inherit } .breadcrumb-item a:hover { color: var(--primary-color) } .breadcrumb-item+.breadcrumb-item::before { font-weight: 400 } .breadcrumb-item.active { color: var(--primary-color) } .breadcrumb-item.active:hover { color: var(--primary-color) } .share-list { display: -webkit-inline-box } .share-list .nav-link i { margin: 0 1rem; font-size: 22px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .share-list li:first-child i { margin-left: 0 } .image-over { overflow: hidden; border-radius: 2px } .image-person img { transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s } .person { width: 100%; max-width: 100px; border-radius: 100% } .square-image { margin: auto } .square-image .icon { position: absolute; z-index: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image img { opacity: .75; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image:hover img { opacity: .5; filter: none } .square-image:hover .icon { transform: scale(1.2) } .mask-radius { content: ''; position: absolute; z-index: 1; right: 15px; bottom: 0; width: 58%; height: 58%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); border-radius: 100% 0 0 0; opacity: .25 } .mask-radius-full { content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25 } .play-video { position: absolute; z-index: 2; right: 15%; bottom: 15%; padding: 1.75rem 1.5rem 1.75rem 2rem; border-radius: 100%; font-size: 3rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-size: 200% auto; color: var(--primary-b-color) } .play-video-full { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; width: auto; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 4rem; color: var(--primary-b-color); -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .full-image[data-mask="90"] { opacity: .1 } .full-image[data-mask="80"] { opacity: .2 } .full-image[data-mask="70"] { opacity: .3 } .full-image[data-mask="60"] { opacity: .4 } .full-image[data-mask="50"] { opacity: .5 } .full-image[data-mask="40"] { opacity: .6 } .full-image[data-mask="30"] { opacity: .7 } .full-image[data-mask="20"] { opacity: .8 } .full-image[data-mask="10"] { opacity: .9 } .full-image[data-mask="0"] { opacity: 1 } .full-image { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center } .hero-image { position: absolute; right: 10%; bottom: 0; width: auto; height: 85% } .hero-image-left { position: absolute; left: 10%; bottom: 0; width: auto; height: 85% } .fit-image { width: 100%; height: 100%; object-fit: cover; object-position: center } .fit-image.w-85 { width: 85% } .fit-image.top { object-position: top } .fit-image.bottom { object-position: bottom } .btn { width: max-content; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: .5rem 1.25rem; border-width: 0; border-radius: 2px } .btn.smaller, .btn.smaller:active, .btn.smaller:focus { width: fit-content; box-sizing: content-box; margin: 0 5px; padding: 7.5px 12.5px; display: inline-block } .btn.w-100 { max-width: 100% } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn:hover, .btn:focus { outline: none; box-shadow: none } .btn i { margin-right: .5rem } .btn i.left { margin-right: 0; margin-left: .5rem } .btn-icon { position: relative; bottom: -5px; font-size: 24px; cursor: pointer; color: var(--primary-p-color) } .odd .btn-icon { color: var(--secondary-p-color) } .widget-author .author { display: flex; align-items: center; justify-content: start } .widget-author .author h4 { margin: 0 } .widget-author .author img { width: 100%; height: 100%; max-width: 100px; margin-right: 20px } .widget-author .biography { margin: 12.5px 0 2.5px } .widget-categories .list-group-flush .list-group-item:first-child { padding-top: 0; border-top-width: 0 } .widget-share-this li { margin: 0 } .widget-share-this a { padding: 0 } .widget-gallery .gallery { margin-left: -15px; margin-right: -15px } .widget-gallery .gallery img { border-radius: 4px } .widget-services li { display: flex; align-items: start } .widget-services .list-group-flush .list-group-item:first-child { border-top-width: 1px } .widget-services .list-group-flush .list-group-item:last-child { border-bottom-width: 1px } .widget-services li a { display: flex; align-items: start } .widget-carousel .mid-slider-simple { padding: 0 } .sidebar .widget-carousel .item { margin-bottom: 0 } .widget-carousel .card { padding: 25px 5px; background-color: var(--primary-bg-color-3); box-shadow: none } .body-mode-dark .widget-carousel .card { background-color: var(--secondary-bg-color-3); box-shadow: none } .widget-carousel .card p { color: var(--primary-p-color) } .widget-carousel .card .icon { margin: 0 auto 1.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .widget-carousel .card img.icon { width: 100%; max-width: 90px; height: auto; border-radius: 100% } .grecaptcha-badge { bottom: 100px !important; box-shadow: none !important; visibility: hidden; z-index: -100 } .form-control { width: 100%; height: 50px; background: no-repeat; box-shadow: none; padding: 10px 15px; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px; line-height: 1.2 } .odd .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .form-control:disabled, .form-control[readonly] { background-color: inherit; opacity: .75; cursor: no-drop } .form-control:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } .form-control.valid { border-color: var(--valid-color) } .form-control.invalid { border-color: var(--invalid-color) } textarea.form-control { width: 100%; min-height: 170px } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-radius: 2px } .input-group { margin: 10px 0 } .input-group .icon-arrow-down { position: absolute; top: calc(50% - 8px); right: 5%; color: var(--primary-t-color) } .odd .input-group .icon-arrow-down { color: var(--secondary-l-color) } button:disabled { cursor: no-drop } .form-alert { margin: 1rem 0; display: block; color: var(--invalid-color) } .form-alert.valid { color: var(--valid-color) } .form-alert.invalid { color: var(--invalid-color) } .multi-step-form { min-height: 575px } .multi-step-form fieldset { width: 100%; position: relative } .multi-step-form fieldset:not(:first-of-type) { display: none } .multi-step-form input { width: 100% } .multi-step-form input[type=checkbox] { width: 18px; height: 18px } .multi-step-form .mask-radius { width: calc(58% + 15px); right: 0 } .multi-step-form .step-images { min-height: 575px } .multi-step-form .content-images .step-image .fit-image { min-height: 575px } .progressbar { margin-bottom: 25px; padding: 0; overflow: hidden; counter-reset: step } .progressbar:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; right: 0; top: 25px; z-index: 0 } .odd .progressbar:after { background-color: var(--secondary-bg-color-3) } .progressbar.complete:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto } .progressbar li.active:before, .progressbar li.active:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite; color: var(--primary-bg-color) } .odd .progressbar li.active:before, .progressbar li.active:after { color: var(--secondary-bg-color) } .progressbar li { list-style-type: none; font-size: 1rem; font-weight: 500; text-align: center; width: 33.3333%; float: left; position: relative; color: var(--primary-t-color) } form[data-steps="1"] .progressbar { display: none } form[data-steps="1"] .progressbar li { width: 100% } form[data-steps="2"] .progressbar li { width: 50% } form[data-steps="3"] .progressbar li { width: 33.3333% } form[data-steps="4"] .progressbar li { width: 25% } .odd .progressbar li { color: var(--secondary-t-color) } .progressbar li:before { position: relative; z-index: 2; content: counter(step); counter-increment: step; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 1.2rem; font-weight: 600; text-align: center; color: var(--primary-t-color); background-color: var(--primary-bg-color-3); border-radius: 100px; margin: 0 auto 10px } .odd .progressbar li:before { color: var(--secondary-t-color); background-color: var(--secondary-bg-color-3) } .progressbar li:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; left: -50%; top: 17px; z-index: 1 } .odd .progressbar li:after { background-color: var(--secondary-bg-color-3) } .list-group-item { margin: 0; background: none; font-size: 1rem; padding-right: 0; padding-left: 0; border-color: var(--primary-l-color) } .odd .list-group-item, .body-mode-dark .list-group-item { border-color: var(--secondary-l-color) } .list-group-item a:hover { color: var(--primary-color) } .list-group-item img { border-radius: 4px; background-color: var(--primary-bg-color-3); transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .body-mode-dark .list-group-item img { background-color: var(--secondary-bg-color-3) } .list-group-item a:not(.btn) { color: inherit } .list-group-item .icon { font-size: 34px; text-align: left } .gallery { position: relative; overflow: hidden } .content .gallery { margin: 35px 0 0 } .gallery .item:not(:last-child) { margin-bottom: 30px } .gallery img { border-radius: 2px; transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery .fit-image { width: 100%; height: 100% } .gallery img:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } .gallery a:hover img { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery.featured { transform: scale(1) } .gallery.featured a:first-child:before { content: ''; position: absolute; z-index: -1; top: -30px; left: -15px; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } .gallery.featured a:last-child:before { content: ''; position: absolute; z-index: -1; right: -15px; bottom: 0; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer { position: relative; background-color: var(--footer-bg-color) } footer .brand .logo { font-size: 2.2rem; font-weight: 700; line-height: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } footer .brand .logo img { width: auto; height: var(--footer-brand-height) } footer .brand a:hover { text-decoration: none } footer .branding p { line-height: 1.85 } footer .title { margin-top: 0 } footer .contacts { position: relative; top: 2.5rem; left: 2.5rem } footer .contacts .nav-item { position: relative; z-index: 1 } footer .contacts:before { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-top: 4px solid; border-right: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:after { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-left: 4px solid; border-bottom: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:hover:before, footer .contacts:hover:after { border-color: var(--primary-color) } footer .contacts li { margin: 0; font-size: 1.2rem } footer .nav-item { margin: 0 } footer .nav-item .nav-link { display: block; word-break: break-all; font-weight: 400; line-height: 1.4; color: inherit } footer.odd .nav-item .nav-link { color: var(--secondary-p-color) } footer .nav-item .nav-link:hover { color: var(--primary-color); outline: none } .footer-widget .badge.tag { color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .footer-widget .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .footer-widget .badge.tag:hover { color: var(--primary-color); border: 1px solid var(--primary-color) } footer .copyright { background-color: rgba(0, 0, 0, 0.05) } footer .odd.copyright, footer.odd .copyright { background-color: rgba(0, 0, 0, 0.25) } footer .odd.alt.copyright { background-color: rgba(255, 255, 255, 0.03) } footer .copyright p { font-size: 14px; line-height: 1.8 } footer .copyright a:not(.btn) { font-size: 14px } .modal-open { overflow-y: hidden; overflow-x: hidden } .modal-dialog-slideout { min-height: 100%; margin: 0 0 0 auto } .modal.fade .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(100%, 0)scale(1); transform: translate(100%, 0)scale(1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); height: 100% } .modal.fade.show .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: flex; align-items: start; -webkit-box-align: start; height: 100% } .modal-content { border: none; border-radius: 0; overflow-x: hidden; background-color: var(--primary-bg-color-2) } .theme-mode-dark .modal-content { background-color: var(--secondary-bg-color-3) } .modal-content.full { height: 100% } .modal-header { align-items: center; padding: 25px; border: none; font-weight: 600; color: var(--primary-t-color); border-radius: 0 } .theme-mode-dark .modal-header { color: var(--secondary-t-color) } .modal-header .modal-title { line-height: 0 } .modal-header .icon-close { font-size: 24px; cursor: pointer } .modal-body { width: 100%; display: flex; align-items: center; padding: 25px 25px 75px } .theme-mode-dark .modal-body h2 { color: var(--white-color) } .theme-mode-dark .modal-body .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .spinner-grow { color: var(--primary-color) } .scroll-to-top { display: none; position: fixed; z-index: 5; right: 25px; bottom: 25px; opacity: .75; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .scroll-to-top:hover { opacity: 1 } .scroll-to-top i { width: 48px; height: 48px; line-height: 48px; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; background-color: var(--primary-bg-color-2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .theme-mode-dark.scroll-to-top i, .theme-mode-dark .scroll-to-top i { background-color: var(--secondary-bg-color-2) } .scroll-to-top i:hover, .scroll-to-top i:focus { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } @-webkit-keyframes effect { to { background-position: -200% center } } @keyframes effect { to { background-position: -200% center } } @media(max-width: 1199px) { body header .navbar-expand .navbar-nav.toggle { display: flex } body header .navbar-expand .navbar-nav.contacts, body header .navbar-expand .navbar-nav.items, body header .navbar-expand .navbar-nav.icons .social { display: none } body .full-slider.featured .inner .left:before, body .full-slider.featured .inner .left:after, body .no-slider.featured .inner .left:before, body .no-slider.featured .inner .left:after, body .full-slider.featured .inner .right:before, body .full-slider.featured .inner .right:after, body .no-slider.featured .inner .right:before, body .no-slider.featured .inner .right:after { content: none } body .full-slider.featured .inner .left .title, body .no-slider.featured .inner .left .title, body .full-slider.featured .inner .right .title, body .no-slider.featured .inner .right .title { max-width: 100% } .full-slider.featured .inner .right .description { right: initial; position: inherit } body .full-slider .inner button { margin: auto } body .full-slider .swiper-button-next { right: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-prev { left: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-next:after, body .full-slider .swiper-button-prev:after { font-size: 2rem } body .full-slider .inner, body .no-slider .inner { padding: 0 20px } body .container { padding: 0 0px; max-width: 100% } body .container .card.featured:before { content: none } body .container.header.full-grid { margin: 0 } body .container.full-grid { padding: 0; max-width: calc(100% - 20px); margin: 0 10px } body .bricklayer-column-sizer { width: 33.3333% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 33.3333% } body .card-columns { column-count: 3 } body .card-footer { margin: 0 } body .play-video { right: 40px; bottom: 30px; font-size: 2.5rem } body .gallery.featured a:first-child:before, body .gallery.featured a:last-child:before { content: none } } @media(max-width: 991px) { body h1, body .slide-content .title, body h2.super { font-size: 4rem } body h2 { font-size: 2.5rem } body .slider-h-100 { height: calc(100vh - 50px) } body .slider-h-100.alt { height: calc(85vh - 50px) } body aside { margin-top: 60px } body footer .title { margin-top: 2rem } body .bricklayer-column-sizer { width: 50% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 50% } body .card-columns { column-count: 2 } body .modal-body { align-items: start } } @media(max-width: 767px) { body h1, body .slide-content .title, body h2.super { font-size: 2.5rem } body .text-md-left h2.featured, body .text-md-right h2.featured { margin: auto } body h2.featured:before { content: none } body .intro .btn { margin-top: 30px } body .highlights:not(.image-right):not(.image-center) .intro { margin-top: 50px } body .highlights:not(.image-left) .items .item:last-child { margin-bottom: 50px } body .offers .items .item { margin-bottom: 0; margin-bottom: 30px } body .blog-grid:not(.masonry) .items .item { margin-bottom: 0; margin-bottom: 30px } body header .navbar-expand .navbar-nav a { padding: 10px 15px; font-size: 0 } body header .navbar-expand .navbar-nav.action .btn i { font-size: initial; margin: 0 } body .navbar-brand { margin: 0 } body .full-slider .slide-content .inner .description, body .no-slider .slide-content .inner .description { max-width: 100%; font-size: 1.2rem } body .full-slider .slide-content .inner .description p, body .no-slider .slide-content .inner .description p { font-size: 1.2rem } body .full-slider .slide-content .inner .left, body .no-slider .slide-content .inner .left, body .full-slider .slide-content .inner .right, body .no-slider .slide-content .inner .right { width: 100% } body .full-slider .slide-content .inner .left a.btn-primary-color:after, body .no-slider .slide-content .inner .left button.btn-primary-color:after, body .full-slider .slide-content .inner .right a.btn-primary-color:after, body .no-slider .slide-content .inner .right button.btn-primary-color:after { content: none } body .full-slider .hero-image, body .no-slider .hero-image { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image-left, body .no-slider .hero-image-left { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image.alt, body .no-slider .hero-image.alt { top: 22% } body .full-slider .hero-image-left.alt, body .no-slider .hero-image-left.alt { top: 22% } .slide-content { width: 100%; height: 100% } .slide-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--hero-bg-color); opacity: 0 } .slide-content[data-mask-768="0"]:before { opacity: 0 } .slide-content[data-mask-768="10"]:before { opacity: .1 } .slide-content[data-mask-768="20"]:before { opacity: .2 } .slide-content[data-mask-768="30"]:before { opacity: .3 } .slide-content[data-mask-768="40"]:before { opacity: .4 } .slide-content[data-mask-768="50"]:before { opacity: .5 } .slide-content[data-mask-768="60"]:before { opacity: .6 } .slide-content[data-mask-768="70"]:before { opacity: .7 } .slide-content[data-mask-768="80"]:before { opacity: .8 } .slide-content[data-mask-768="90"]:before { opacity: .9 } body section { padding: 90px 0 } body section.section-vsr-0 { padding: 0 } body section.section-vsr-10 { padding: 10px 0 } body section.section-vsr-20 { padding: 20px 0 } body section.section-vsr-30 { padding: 30px 0 } body section.section-vsr-40 { padding: 40px 0 } body section.section-vsr-50 { padding: 50px 0 } body section.section-vsr-60 { padding: 60px 0 } body section.section-vsr-70 { padding: 70px 0 } body section.section-vsr-80 { padding: 80px 0 } body section.section-vsr-90 { padding: 90px 0 } body section.section-vsr-100 { padding: 100px 0 } body section.section-vsr-110 { padding: 110px 0 } body section.section-vsr-120 { padding: 120px 0 } body section.section-vsr-130 { padding: 130px 0 } body section.section-vsr-140 { padding: 140px 0 } body section.section-vsr-150 { padding: 150px 0 } body section.section-vsr-160 { padding: 160px 0 } body section.section-vsr-170 { padding: 170px 0 } body section.section-vsr-180 { padding: 180px 0 } body section.section-vsr-190 { padding: 190px 0 } body section.section-vsr-200 { padding: 200px 0 } body section.bg-image-1, body section.bg-image-2 { background-image: none } body section.featured:after { height: 60px; bottom: -30px } body .list-group-item img { margin-right: 90px } body .icon.bigger { width: 5rem; height: 5rem; margin: 0; font-size: 4.5rem; line-height: 5rem; font-weight: 700 } body .filter-section .btn-group .btn { font-size: 1rem } body .form .message { width: calc(100% - 30px) } body .step-prev, body .step-next, body .send { width: calc(50% - 12px) } body footer .contacts { left: 0; margin-bottom: 30px } body footer .contacts:after { left: 0; width: 100% } body footer .contacts:before { left: 0; width: 100% } } @media (max-width: 576px) { header .navbar-expand .navbar-brand img { height: auto; max-height: var(--nav-brand-height) } body .bricklayer-column-sizer { width: 100% } body .columns-1 .bricklayer-column-sizer, body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 100% } body .card-columns { column-count: 1 } } @media(max-width: 374px) { body h1, body .slide-content .title, body h2.super { font-size: 3rem } } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .bg-white { background-color: #fff } .text-black { color: #ffffff !important } .text-white { color: #fff !important } .btn-icon { color: #fd9e0e !important } .float { position: fixed; width: 60px; height: 50px; bottom: 30px; left: 30px; color: #FFF; text-align: center; font-size: 30px; z-index: 100 } </style> <link rel="stylesheet" href="assets/frontend/css/vendor/icons.min.css?v=1.1"> <link rel="stylesheet" href="assets/frontend/css/vendor/animation.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/gallery.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/cookie-notice.min.css"> <link rel="canonical" href="https://zamran.com//e-ticaret-sitesi-tasarimi" /> <style> :root { --header-bg-color: #111111; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #000000; --section-1-bg-color: #f5f5f5; --section-2-bg-color: #111111; --section-3-bg-color: #f5f5f5; --footer-bg-color: #191919; } </style> <script> (self.SWG_BASIC = self.SWG_BASIC || []).push(basicSubscriptions => { basicSubscriptions.init({ type: "NewsArticle", isPartOfType: ["Product"], isPartOfProductId: "CAowteKpCw:openaccess", clientOptions: { theme: "light", lang: "tr" }, }); }); </script> <meta name="google-site-verification" content="-z9lykbrRh_N29ccXN-or0d9rEiRNEfZc8w4B3dzZ1k" />  </head> <body> <header id="header"> <nav class="navbar navbar-expand"> <div class="container header"> <a class="navbar-brand" href="https://zamran.com/"><img loading="lazy" data-src="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" width="80px" height="69px" alt="Zamran Software SEO Ajans谋 ve Web Tasar谋m"></a> <div class="ml-auto"></div> <ul class="navbar-nav items"> <li class="nav-item"><a href="https://zamran.com/" class="nav-link">Anasayfa </a></li> <li class="nav-item"><a href="hakkimizda" class="nav-link">Hakk谋m谋zda </a></li> <li class="nav-item"><a href="hizmetlerimiz" class="nav-link">Hizmetlerimiz </a></li> <li class="nav-item"><a href="bizden-haberler" class="nav-link">Haberler </a></li> <li class="nav-item"><a href="https://www.mapsorder.com/" class="nav-link">Haritalar SEO </a></li> <li class="nav-item"><a href="portfolyo" class="nav-link">Portfolyo</a></li> <li class="nav-item"><a href="https://zamran.com/referans.pdf" target="_blank" class="nav-link">Referanslar</a></li> <li class="nav-item"><a href="iletisim" class="nav-link">陌leti艧im</a></li> </ul> <ul class="navbar-nav icons"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#search"> <i class="icon-magnifier"></i> </a> </li> <li class="nav-item"> <a href="https://zamran.com/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/tr.webp" width="24" height="24" alt="tr"> </a> </li> <li class="nav-item"> <a href="https://zamran.com/de/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/de.webp" width="24" height="15" alt="de"> </a> </li> </ul> <ul class="navbar-nav toggle"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#menu"> <i class="icon-menu m-0"></i> </a> </li> </ul> <ul class="navbar-nav action"> <li class="nav-item ml-3"> <a href="https://zamran.com/referans.pdf" target="_blank" class="btn ml-lg-auto dark-button"><i class="icon-rocket"></i>Referanslar</a> </li> </ul> </div> </nav> </header> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2786366095027890" crossorigin="anonymous"></script> <section id="slider" class="hero p-0 odd featured"> <div class="swiper-container no-slider slider-h-75"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center"> <img src="assets/uploads/background/4e669-web-tasarim-hizmetler.webp" class="full-image"alt="E-Ticaret Sitesi Tasar谋m谋 data-mask="30"> <div class="slide-content row text-center"> <div class="col-12 mx-auto inner"> <h1 data-aos="zoom-out-up" data-aos-delay="400" class="title effect-static-text">E-Ticaret Sitesi Tasar谋m谋 </h1> <nav data-aos="zoom-out-up" data-aos-delay="800" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://zamran.com/">Anasayfa</a></li> <li class="breadcrumb-item"><a href="hizmetlerimiz">Hizmetlerimiz</a></li> <li class="breadcrumb-item active" aria-current="page">E-Ticaret Sitesi Tasar谋m谋 </li> </ol> </nav> </div> </div> </div> </div> </div> </section> <section id="content" class="section-1 single"> <div class="container"> <div class="row">  <main class="col-12 col-lg-8 p-0"> <div class="row"> <div class="col-12 align-self-center"> <h2 class="featured mt-0 ml-0">E-Ticaret Sitesi Tasar谋m谋</h2> <p style="margin-left:0; margin-right:0"><span style="color:#000000"><span style="font-size:18px"><u><strong><span style="font-family:tahoma,geneva,sans-serif">Do臒ru E-ticaret 陌çin Do臒ru Tercih!</span></strong></u></span></span></p> <p style="margin-left:0; margin-right:0"><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif"><img alt="" src="https://i4.hurimg.com/i/hurriyet/75/750x422/5955ff01c9de3d2fb06ed002.jpeg" style="height:225px; width:400px" /></span></span></span></p> <p style="margin-left:0; margin-right:0"><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif">Ülkemizde e-ticaret giri艧imi, özellikle genç giri艧imcilerin yo臒un olarak tercih ettikleri bir sektör haline geliyor. Türkiye’de e-ticaret imkanlar谋n谋n giderek geli艧mesi, dünya ortalamas谋n谋n iki kat谋 daha h谋zl谋 bir 艧ekilde büyümesi, bankac谋l谋k sistemlerinin geli艧mi艧 olmas谋, internet kullan谋m谋n谋n giderek artmas谋 gibi sebepler, e-ticaretin h谋zla büyümesine sebep olan baz谋 nedenler aras谋nda. 陌nternetin insanlar谋n hayat谋na her geçen zaman biraz daha girmi艧 olmas谋, sosyolojik anlamda her türlü davran谋艧谋nda boyut de臒i艧tirmesine sebep oldu. Al谋艧veri艧 davran谋艧lar谋 da bu de臒i艧imden ku艧kusuz etkilendi. Art谋k tüketiciler, internet yoluyla daha ucuz ve h谋zl谋 bir 艧ekilde ürün al谋yorlar. Geli艧en bu piyasada kendisine yer edinmek isteyen giri艧imciler veya fiziksel ma臒azas谋n谋 sanal ortamda ta艧谋mak isteyen herkes, e-ticaret imkanlar谋ndan faydalanarak, karl谋l谋k oranlar谋n谋 artt谋rmak durumundalar. <br /> E臒er, fiziksel bir ma臒azan谋z varsa, e-ticarete ba艧layarak, daha fazla ki艧iye ürünlerinizi ve hizmetlerinizi ula艧t谋rma imkan谋na sahip olursunuz. Bugün KOB陌 ve dengi firmalar谋n e-ticarete kendilerini adapte etmeleri noktas谋nda birçok te艧vik ve kolayl谋klar söz konusudur. E-ticaret uzmanlar谋 sayesinde, kendi i艧inizi k谋sa bir zamanda e-ticarete ta艧谋yabilirsiniz. </span></span></span></p> <p style="margin-left:0; margin-right:0"> </p> <h2 style="margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif">Dinamik E-ticaret Web Tasar谋m谋</span></span></span></strong></h2> <p><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif">Tema seçeneklerinden sunulan di臒er f谋rsatlara kadar kaliteli olan e-ticaret paketleri,  yönetim panelinin i艧levselli臒i ve kolay kullan谋labilirli臒iyle e-ticaret giri艧imcisine esnek kullan谋m alan谋 sunmaktad谋r. Kampanya yönetimi, hediye çekleri, mü艧teri kay谋tlar谋, kargo bizden uygulamalar谋, XML yönetimi, B2B yönetimi ve daha fazlas谋yla e-ticaret giri艧iminizi geli艧tirebilece臒iniz imkanlar谋 bar谋nd谋ran e-ticaret paketleri,  en uygu fiyatlardan mü艧terilere sunulmaktad谋r. </span></span></span></p> <p><span style="color:#000000"><span style="font-size:18px"><img alt="" src="https://zamran.com/assets/uploads/icerik/e-ticaret-sitesi.webp" style="height:300px; width:100%" /></span></span></p> <h2><strong><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif">E-ticaret e臒itimleri</span></span></span></strong></h2> <p><span style="color:#000000"><span style="font-size:18px"><span style="font-family:tahoma,geneva,sans-serif">Mü艧terilerimizin e-ticaret paketlerinin özelliklerine daha k谋sa zamanda adapte olabilmeleri ad谋na gerekli olan destek taraf谋m谋zca sa臒lanmaktad谋r. Herhangi bir sorunda veya çözülemeyen problemlerde telefonla veya e-maille destek sa臒lanmaktad谋r. Geli艧mi艧 e-ticaret yaz谋l谋mlar谋 sayesinde internette sat谋艧 giri艧iminizi k谋sa sürede ba艧ar谋ya ula艧t谋rabilecek, karl谋l谋k oranlar谋n谋z谋 her ay artt谋rabileceksiniz. 陌nternetten artan al谋艧veri艧 imkanlar谋ndan faydalanmak istiyor ve hissenize dü艧eni almak için e-ticaret giri艧imi dü艧ünüyorsan谋z, zamran software in sunmu艧 oldu臒u e-ticaret paketlerinden sat谋n alarak, k谋sa zamanda e-ticaret sektörü içerisinde ki yeriniz alabilirsiniz. </span></span></span></p> <p><span style="color:#000000"><span style="font-size:18px"><img alt="" src="https://zamran.com/assets/uploads/icerik/eticaret%20sitesi%20yapimi.webp" style="height:1800px; width:100%" /></span></span></p> <p> </p> <h2><strong><span style="color:#000000">E-Ticaret Web Tasar谋m Hizmeti: Online Sat谋艧lar谋n谋z谋 Artt谋r谋n</span></strong></h2> <p><span style="color:#000000">E-ticaret, günümüzde birçok i艧letmenin ürün ve hizmetlerini satmak için kulland谋臒谋 popüler bir yöntemdir. Ba艧ar谋l谋 bir e-ticaret ma臒azas谋, kullan谋c谋 dostu bir web sitesine sahip olmay谋 gerektirir. Bu noktada, <strong>e-ticaret web tasar谋m hizmeti</strong> devreye girer.</span></p> <h3><span style="color:#000000"><strong>E-ticaret web tasar谋m hizmeti nedir?</strong></span></h3> <p><span style="color:#000000">E-ticaret web tasar谋m hizmeti, online ma臒azan谋z谋n görsel ve i艧levsel aç谋dan çekici ve kullan谋c谋 dostu hale getirilmesine yard谋mc谋 olan bir hizmettir. Bu hizmet, web sitenizin grafik tasar谋m谋, kullan谋c谋 arayüzü (UI) tasar谋m谋 ve kullan谋c谋 deneyimi (UX) tasar谋m谋 gibi unsurlar谋n谋 kapsar.</span></p> <h4><span style="color:#000000"><strong>E-ticaret web tasar谋m hizmetinin faydalar谋:</strong></span></h4> <ul> <li><span style="color:#000000"><strong>Artan sat谋艧lar:</strong> Kullan谋c谋 dostu bir web sitesi, ziyaretçilerinizi mü艧terilere dönü艧türme 艧ans谋n谋z谋 art谋r谋r.</span></li> <li><span style="color:#000000"><strong>Geli艧tirilmi艧 marka kimli臒i:</strong> Web sitenizin tasar谋m谋, markan谋z谋n kimli臒ini ve de臒erlerini yans谋tmak için kullan谋labilir.</span></li> <li><span style="color:#000000"><strong>Daha iyi arama motoru optimizasyonu (SEO):</strong> 陌yi bir web tasar谋m谋, web sitenizin arama motorlar谋nda daha iyi s谋ralanmas谋na yard谋mc谋 olabilir.</span></li> <li><span style="color:#000000"><strong>Geli艧tirilmi艧 mü艧teri deneyimi:</strong> Kullan谋c谋 dostu bir web sitesi, mü艧terilerinizin ma臒azan谋zda daha fazla zaman geçirmelerine ve daha fazla sat谋n alma yapmalar谋na yard谋mc谋 olabilir.</span></li> </ul> <h4><span style="color:#000000"><strong>E-ticaret web tasar谋m hizmeti seçerken dikkat edilmesi gerekenler:</strong></span></h4> <ul> <li><span style="color:#000000"><strong>Deneyim ve geçmi艧 performans:</strong> Firman谋n geçmi艧te hangi tür projeler üzerinde çal谋艧t谋臒谋n谋 ve bu projelerde nas谋l bir ba艧ar谋 elde etti臒ini ö臒renin.</span></li> <li><span style="color:#000000"><strong>Portfolyo:</strong> Firman谋n web sitesini inceleyin ve geçmi艧te tamamlad谋臒谋 projeleri inceleyin.</span></li> <li><span style="color:#000000"><strong>Fiyat teklifi:</strong> Firmadan yaz谋l谋 bir fiyat teklifi isteyin ve teklifi di臒er firmalar谋n teklifleriyle kar艧谋la艧t谋r谋n.</span></li> <li><span style="color:#000000"><strong>陌leti艧im becerileri:</strong> Firman谋n sizinle nas谋l ileti艧im kurdu臒una dikkat edin. Firman谋n size kar艧谋 sayg谋l谋 ve anlay谋艧l谋 olmas谋 önemlidir.</span></li> </ul> <h3><span style="color:#000000"><strong>E-ticaret web tasar谋m hizmeti veren firmalar:</strong></span></h3> <p><span style="color:#000000">陌stanbul'da e-ticaret web tasar谋m hizmeti veren birçok firma bulunmaktad谋r. Bir firma seçerken, yukar谋da belirtilen kriterleri göz önünde bulundurman谋z önemlidir.</span></p> <h3><span style="color:#000000"><strong>E-ticaret web tasar谋m hizmeti fiyatlar谋:</strong></span></h3> <p><span style="color:#000000">E-ticaret web tasar谋m hizmeti fiyatlar谋, projenin kapsam谋na ve karma艧谋kl谋臒谋na göre de臒i艧mektedir. Basit bir e-ticaret ma臒azas谋 için fiyatlar birkaç bin liradan ba艧larken, daha karma艧谋k projeler için fiyatlar on binlerce liraya kadar ç谋kabilir.</span></p> <p><span style="color:#000000"><span style="font-size:18px">    </span></span></p> <p> </p> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "HowTo", "name": "E-ticaret Web Tasar谋m谋 Nas谋l Yap谋l谋r?", "step": [ { "@type": "HowToStep", "name": "Pazar Ara艧t谋rmas谋 Yap谋n", "text": "E-ticaret sekt枚r眉nde rekabeti ve hedef kitlenizi belirlemek i莽in pazar ara艧t谋rmas谋 yap谋n. Rakip web sitelerini inceleyin ve m眉艧teri ihtiya莽lar谋n谋 anlamaya 莽al谋艧谋n." }, { "@type": "HowToStep", "name": "Platform Se莽imi", "text": "En uygun e-ticaret platformunu se莽in. WooCommerce, Shopify veya Magento gibi pop眉ler platformlar谋 inceleyin ve ihtiya莽lar谋n谋za en uygun olan谋n谋 se莽in." }, { "@type": "HowToStep", "name": "Tasar谋m ve Kullan谋labilirlik", "text": "Kullan谋c谋 dostu bir tasar谋m olu艧turun. Dikkat 莽ekici bir kullan谋c谋 aray眉z眉 ve kolay gezinme sunun. 脺r眉nlerinizi kolayca bulabilecekleri bir arama ve filtreleme se莽ene臒i ekleyin." }, { "@type": "HowToStep", "name": "脺r眉n Katalogu Olu艧turma", "text": "脺r眉nlerinizi a莽谋klay谋c谋 resimler ve bilgilerle birlikte katalog halinde sunun. Her 眉r眉n i莽in a莽谋k ve 莽ekici a莽谋klamalar ekleyin. Fiyatland谋rma ve stok durumu gibi 枚nemli bilgileri belirtin." }, { "@type": "HowToStep", "name": "脰deme ve G眉venlik", "text": "G眉venli bir 枚deme i艧lemi sa臒lay谋n. SSL sertifikas谋 kullanarak site g眉venli臒ini sa臒lay谋n. Farkl谋枚deme y枚ntemlerini (kredi kart谋, banka havalesi, kap谋da 枚deme vb.) destekleyin." }, { "@type": "HowToStep", "name": "Lojistik ve Kargo Entegrasyonu", "text": "Kargo ve lojistik s眉re莽lerini d眉zenleyin. Kargo takip ve m眉艧teri bilgilendirme sistemleri gibi entegrasyonlar ekleyerek m眉艧teri memnuniyetini art谋r谋n." }, { "@type": "HowToStep", "name": "SEO ve Pazarlama Stratejileri", "text": "Arama motoru optimizasyonu (SEO) teknikleri kullanarak web sitenizi optimize edin. Ayr谋ca dijital pazarlama stratejileri geli艧tirerek hedef kitlenize ula艧谋n ve sat谋艧lar谋 art谋r谋n." }, { "@type": "HowToStep", "name": "Test Etme ve 陌yile艧tirme", "text": "Web sitesini test edin ve kullan谋c谋 geri bildirimlerini de臒erlendirin. 陌yile艧tirme gerektiren alanlar谋 tespit edin ve s眉rekli olarak web sitesini g眉ncelleyin." } ] } </script> </div> </div> </main>  <aside class="col-12 col-lg-4 pl-lg-5 p-0 float-right sidebar"> <div class="row"> <div class="col-12 align-self-center text-left">   <div class="item widget-services"> <h4>Hizmetlerimiz</h4> <ul class="list-group list-group-flush widget-services"> <li class="list-group-item"> <a href="kurumsal-web-tasarim"> <i class="icon icon-globe"></i> <h5>Kurumsal Web Tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi"> <i class="icon icon-graph"></i> <h5>Seo Dan谋艧manl谋臒谋 </h5> </a> </li> <li class="list-group-item"> <a href="web-tabanli-ozel-yazilim"> <i class="icon icon-layers"></i> <h5>Web Tabanl谋脰zel Yaz谋l谋m</h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri"> <i class="icon icon-chart"></i> <h5>SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri</h5> </a> </li> <li class="list-group-item"> <a href="web-tasarim"> <i class="icon icon-organization"></i> <h5>Web tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="harita-pinleme-harita-seo"> <i class="icon icon-layers"></i> <h5>Harita Pinleme - Harita SEO</h5> </a> </li> <li class="list-group-item"> <a href="seo-nedir"> <i class="icon icon-graph"></i> <h5>Seo Nedir ? </h5> </a> </li> </ul> </div> </div> </div> </aside> </div> </div> </section> <footer class="odd"> <section id="footer" class="footer"> <div class="container"> <div class="row items footer-widget"> <div class="col-12 col-lg-3 p-0"> <div class="row"> <div class="branding col-12 p-3 text-center text-lg-left item"> <div class="brand"> <a href="https://zamran.com/" class="logo"> <img loading="lazy" data-src="assets/uploads/hakkimizda/1aea7-zamran-logo-beyaz.webp" width="100%" height="100%" alt="Alt Hakk谋m谋zda"></a> </div> <p>Seo Dan谋艧manl谋臒谋 ve Web Tasar谋m hizmeti verdi臒imiz firmam谋z da sizlere kaliteli ve 枚zg眉n 莽al谋艧malar yapmaktay谋z. Seo ajanslar谋 i莽erisinde sizlere kan谋tlar ve veriler ile 莽al谋艧malar谋m谋z谋 belgelemekteyiz. Zamran software web tasar谋m hizmetleri olarak 枚nceli臒imiz sizlersiniz.</p> <ul class="navbar-nav social share-list mt-0 ml-auto"> <li class="nav-item"> <a href="https://instagram.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-instagram ml-0"></i></a> </li> <li class="nav-item"> <a href="https://facebook.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-facebook"></i></a> </li> <li class="nav-item"> <a href="https://www.linkedin.com/company/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-linkedin"></i></a> </li> <li class="nav-item"> <a href="https://twitter.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-twitter"></i></a> </li> <li class="nav-item"> <a href="https://www.youtube.com/watch?v=pYeGKzpBUEQ" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-youtube"></i></a> </li> </ul> <br> <a href="https://zamran.com/hizmet-sartlari" target="_blank">Hizmet 艦artlar谋</a> <br> <a href="https://zamran.com/gizlilik-politikasi" target="_blank">Gizlilik Politikas谋</a> <br> <a href="https://zamran.com/cerez-politikasi" target="_blank">脟erez Politikas谋</a> <br> <a href="https://zamran.com/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi" target="_blank">Ki艧isel Verilerin Korunmas谋 Ve 陌艧lenmesi Politikas谋</a> <br> <a href="https://zamran.com/zamran-software-seo-hizmet-sozlesmesi" target="_blank">Zamran Software Seo Hizmet S枚zle艧mesi</a> </div> </div> </div> <div class="col-12 col-lg-9 p-0"> <div class="row"> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">陌leti艧im Bilgilerimiz</h4> <ul class="navbar-nav">  <li class="nav-item"> <a href="tel:905322829486" class="nav-link"> <i class="icon-phone mr-2"></i> 0532 282 94 86 </a> </li> <li class="nav-item"> <a href="tel:908505325932" class="nav-link"> <i class="icon-phone mr-2"></i> 0850 532 59 32 </a> </li> <li class="nav-item"> <a href="mailto:info@zamran.com" class="nav-link"> <i class="icon-envelope mr-2"></i> info@zamran.com </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="icon-location-pin mr-2"></i> 陌莽erenk枚y Mah. <br> Do臒anay Sok.<br> No:6 D:4 <br> Ata艧ehir/陌STANBUL </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Hizmetlerimiz</h4> <ul class="navbar-nav"> <li class="nav-item"> <a href="kurumsal-web-tasarim" alt="Kurumsal Web Tasar谋m" class="nav-link">Kurumsal Web Tasar谋m </a> </li> <li class="nav-item"> <a href="e-ticaret-sitesi-tasarimi" alt="E-Ticaret Sitesi Tasar谋m谋" class="nav-link">E-Ticaret Sitesi Tasar谋m谋 </a> </li> <li class="nav-item"> <a href="seo-danismanligi" alt="Seo Dan谋艧manl谋臒谋 " class="nav-link">Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="web-tabanli-ozel-yazilim" alt="Web Tabanl谋脰zel Yaz谋l谋m" class="nav-link">Web Tabanl谋脰zel Yaz谋l谋m </a> </li> <li class="nav-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri" alt="SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri" class="nav-link">SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri </a> </li> <li class="nav-item"> <a href="istanbul-web-sitesi-yapimi" alt="陌stanbul Web Sitesi Yap谋m谋 " class="nav-link">陌stanbul Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="web-tasarim" alt="Web tasar谋m" class="nav-link">Web tasar谋m </a> </li> <li class="nav-item"> <a href="harita-pinleme-harita-seo" alt="Harita Pinleme - Harita SEO" class="nav-link">Harita Pinleme - Harita SEO </a> </li> <li class="nav-item"> <a href="vip-transfer-web-sitesi-yapimi" alt="Vip Transfer Web Sitesi Yap谋m谋" class="nav-link">Vip Transfer Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-sitesi-yapimi" alt="Ata艧ehir Web Sitesi Yap谋m谋" class="nav-link">Ata艧ehir Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="hazir-vip-transfer-web-sitesi" alt="Haz谋r Vip Transfer Web Sitesi" class="nav-link">Haz谋r Vip Transfer Web Sitesi </a> </li> <li class="nav-item"> <a href="istanbul-web-tasarim" alt="陌stanbul Web Tasar谋m" class="nav-link">陌stanbul Web Tasar谋m </a> </li> <li class="nav-item"> <a href="istanbul-seo-danismanligi" alt="陌stanbul Seo Dan谋艧manl谋臒谋" class="nav-link">陌stanbul Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="avcilar-seo-danismanligi" alt="Avc谋lar SEO Dan谋艧manl谋臒谋" class="nav-link">Avc谋lar SEO Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="kadikoy-seo-danismanligi" alt="Kad谋k枚y Seo Dan谋艧manl谋臒谋" class="nav-link">Kad谋k枚y Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="atasehir-google-seo" alt="Ata艧ehir Google SEO" class="nav-link">Ata艧ehir Google SEO </a> </li> <li class="nav-item"> <a href="atasehir-reklam-ajansi" alt="Ata艧ehir Reklam Ajans谋" class="nav-link">Ata艧ehir Reklam Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-seo-ajansi" alt="Ata艧ehir SEO Ajans谋" class="nav-link">Ata艧ehir SEO Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-tasarim" alt="Ata艧ehir Web Tasar谋m" class="nav-link">Ata艧ehir Web Tasar谋m </a> </li> <li class="nav-item"> <a href="atasehir-seo-hizmeti" alt="Ata艧ehir SEO Hizmeti" class="nav-link">Ata艧ehir SEO Hizmeti </a> </li> <li class="nav-item"> <a href="gungoren-seo-danismanligi" alt="G眉ng枚ren SEO Dan谋艧manl谋臒谋" class="nav-link">G眉ng枚ren SEO Dan谋艧manl谋臒谋 </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Etiketler</h4> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">website yap谋m谋</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">eticaret</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">e-ticaret sitesi</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">seo</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">pazaryeri</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">entegrasyon</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">opencart</a> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">internet sitesi yap谋m谋</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>