From 62d4cb0621c79c891069b062c3535b0a4a690bde Mon Sep 17 00:00:00 2001 From: "m.pourmohamadi" Date: Sat, 30 Aug 2025 16:49:58 +0330 Subject: [PATCH] add email-marketing page --- assets/css/main.css.map | 1 + assets/css/pages/email-marketing.css.map | 1 + assets/css/pages/style.css.map | 1 + assets/css/style.css | 213 ++++++++++++- assets/css/style.css.map | 2 +- assets/image/blueborder-chart.svg | 4 + assets/image/blueborder-clock.svg | 4 + assets/image/blueborder-page.svg | 4 + assets/image/icon-clipboard.svg | 4 + assets/image/icon-partner.svg | 4 + assets/image/icon-people.svg | 4 + assets/image/icon-search.svg | 4 + assets/image/icon-security.svg | 4 + assets/scss/style.scss | 389 ++++++++++++++++++++++- email-marketing.html | 309 ++++++++++++++++++ 15 files changed, 939 insertions(+), 9 deletions(-) create mode 100644 assets/css/main.css.map create mode 100644 assets/css/pages/email-marketing.css.map create mode 100644 assets/css/pages/style.css.map create mode 100644 assets/image/blueborder-chart.svg create mode 100644 assets/image/blueborder-clock.svg create mode 100644 assets/image/blueborder-page.svg create mode 100644 assets/image/icon-clipboard.svg create mode 100644 assets/image/icon-partner.svg create mode 100644 assets/image/icon-people.svg create mode 100644 assets/image/icon-search.svg create mode 100644 assets/image/icon-security.svg create mode 100644 email-marketing.html diff --git a/assets/css/main.css.map b/assets/css/main.css.map new file mode 100644 index 0000000..241a135 --- /dev/null +++ b/assets/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"main.css"} \ No newline at end of file diff --git a/assets/css/pages/email-marketing.css.map b/assets/css/pages/email-marketing.css.map new file mode 100644 index 0000000..ee679a2 --- /dev/null +++ b/assets/css/pages/email-marketing.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"email-marketing.css"} \ No newline at end of file diff --git a/assets/css/pages/style.css.map b/assets/css/pages/style.css.map new file mode 100644 index 0000000..4a5d3fb --- /dev/null +++ b/assets/css/pages/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../scss/pages/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAYF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAUF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAYN;EACE;EACA;EACA;EACA;;;AASR;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAaR;EACE;;AAGE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAqBN;EACE;EACA;;;AAMF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAQR;EACE;;AAGE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AAQV;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAkBF;EACE;;AAEE;EACE;;AAEF;EACE;;AAGJ;EACE;;;AASV;EAEE;EACA;EACA;;AAEA;EACE;EACA;;AAKA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACE;;;AA4BN;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAUJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAKJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAKJ;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAKN;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;AAkDJ;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAEF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index d8be172..60b8a1c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -99,6 +99,7 @@ html body a:hover { } .blue-btn { + display: inline-block; font-size: 14px; padding: 20px 49px; background-color: #0164FF; @@ -307,7 +308,7 @@ html body a:hover { justify-content: space-between; } .slider .s-left { - width: 50%; + width: 55%; padding-top: 50px; } .slider .s-left h1 { @@ -348,7 +349,7 @@ html body a:hover { margin-top: 20px; } .slider .s-right { - width: 50%; + width: 45%; } .slider .s-right .s-right-inner { position: relative; @@ -445,6 +446,214 @@ html body a:hover { width: 60%; } +.main-section.email-marketing .effect-one { + top: 226px; + filter: blur(6px); +} + +.slider.email-marketing .s-left { + padding-top: 110px; + padding-bottom: 100px; +} +.slider.email-marketing .s-left h1 { + font-size: 50px; +} +.slider.email-marketing .s-left .sb-email-marketing { + margin-top: 40px; +} +.slider.email-marketing .s-left .sb-email-marketing .blue-btn { + font-size: 20px; + margin-left: 0; + padding: 16px 25px; +} + +.op-setion { + padding-top: 90px; +} +.op-setion .op-section-title h3 { + text-align: center; + font-size: 36px; + color: #222222; + font-family: "Roboto-Bold"; +} +.op-setion .op-section-title p { + margin-top: 15px; + text-align: center; + color: #777777; + font-size: 16px; +} +.op-setion .op-section-inner { + display: flex; + align-items: center; + justify-content: space-between; + padding: 60px 0; +} +.op-setion .op-section-inner .op-item { + width: 30%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.op-setion .op-section-inner .op-item img { + width: 60px; + height: 60px; +} +.op-setion .op-section-inner .op-item span { + font-size: 20px; + color: #222222; + font-family: "Roboto-Med"; + padding: 20px 0; + text-align: center; +} +.op-setion .op-section-inner .op-item p { + text-align: center; + font-size: 16px; + color: #777777; +} +.op-setion.sec .op-section-inner .op-item { + width: 32%; + align-items: baseline; + border: 1px solid #E4E4E4; + padding: 30px; + padding-right: 10px; + padding-bottom: 45px; + border-radius: 32px; + cursor: pointer; +} +.op-setion.sec .op-section-inner .op-item img { + width: 48px; + height: 48px; +} +.op-setion.sec .op-section-inner .op-item span { + text-align: left; + font-size: 24px; +} +.op-setion.sec .op-section-inner .op-item p { + text-align: left; +} +.op-setion.sec .op-section-inner .op-item:hover { + box-shadow: 0px 40px 60px 0px rgba(0, 74, 191, 0.0784313725); + border: 1px solid transparent; +} + +.opplens { + padding: 60px 0; +} +.opplens .opplens-title h2 { + text-align: center; + font-size: 36px; + color: #222222; + font-family: "Roboto-Med"; + margin-bottom: 60px; +} +.opplens .opplens-inner { + display: flex; + align-items: center; + justify-content: space-between; + background-color: #F7FAFF; + padding: 24px; + border-radius: 32px; +} +.opplens .opplens-inner .opplens-item { + width: 49%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: #fff; + border-radius: 32px; + padding: 40px 50px; + transition: 0.3s; + cursor: pointer; +} +.opplens .opplens-inner .opplens-item img { + width: 60px; + height: 60px; +} +.opplens .opplens-inner .opplens-item > div { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-top: 20px; +} +.opplens .opplens-inner .opplens-item > div h4 { + text-align: center; + font-size: 20px; + color: #222222; + margin: 30px 0; + font-weight: 600; +} +.opplens .opplens-inner .opplens-item > div::before { + content: ""; + display: inline-block; + width: 75%; + height: 4px; + border-radius: 10px; + background: linear-gradient(90.05deg, #0164FF -2.26%, #2EEAE1 102.26%); + margin: 20px 0; +} +.opplens .opplens-inner .opplens-item p { + color: #777777; + font-size: 16px; +} +.opplens .opplens-inner .opplens-item.active { + background-color: #0146B2; +} +.opplens .opplens-inner .opplens-item.active > div h4 { + color: #fff; +} +.opplens .opplens-inner .opplens-item.active > div::before { + background: linear-gradient(90.05deg, #FFFFFF -2.26%, #4E8BEC 102.26%); +} +.opplens .opplens-inner .opplens-item.active p { + color: #fff; +} + +.marketing-register { + padding-top: 70px; + padding-bottom: 60px; + position: relative; +} +.marketing-register .effect-2 { + position: absolute; + right: 0; +} +.marketing-register .marketing-register-title h2 { + font-size: 36px; + text-align: center; + color: #222222; + font-family: "Roboto-Med"; +} +.marketing-register .marketing-register-title p { + text-align: center; + color: #4B5563; + font-size: 16px; + margin-top: 15px; + line-height: 24px; +} +.marketing-register .marketing-register-inner { + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.marketing-register .marketing-register-inner .marketing-register-box { + width: 63%; + border: 1px solid #DADADA; + border-radius: 32px; + background-color: #fff; + margin: 60px 0; + padding: 40px 32px; + padding-bottom: 25px; +} + +#email-marketing .footer .effect-2 { + bottom: 320px; +} + @media (min-width: 576px) { .excl-container { max-width: 540px; diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 4454ca3..7cf475f 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAYF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAUF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAYN;EACE;EACA;EACA;EACA;;;AASR;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAYR;EACE;;AAEE;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AASR;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAUJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;;AAKJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EAIJ;IACE;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;;EAIN;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAYF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAUF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAYN;EACE;EACA;EACA;EACA;;;AASR;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAaR;EACE;;AAGE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAqBN;EACE;EACA;;;AAMF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAQR;EACE;;AAGE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AAQV;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAkBF;EACE;;AAEE;EACE;;AAEF;EACE;;AAGJ;EACE;;;AASV;EAEE;EACA;EACA;;AAEA;EACE;EACA;;AAKA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACE;;;AA4BN;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAUJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAKJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAKJ;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAKN;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA","file":"style.css"} \ No newline at end of file diff --git a/assets/image/blueborder-chart.svg b/assets/image/blueborder-chart.svg new file mode 100644 index 0000000..7c6c485 --- /dev/null +++ b/assets/image/blueborder-chart.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/blueborder-clock.svg b/assets/image/blueborder-clock.svg new file mode 100644 index 0000000..65fda8d --- /dev/null +++ b/assets/image/blueborder-clock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/blueborder-page.svg b/assets/image/blueborder-page.svg new file mode 100644 index 0000000..dac52f1 --- /dev/null +++ b/assets/image/blueborder-page.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/icon-clipboard.svg b/assets/image/icon-clipboard.svg new file mode 100644 index 0000000..52dbdf1 --- /dev/null +++ b/assets/image/icon-clipboard.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/icon-partner.svg b/assets/image/icon-partner.svg new file mode 100644 index 0000000..34070a3 --- /dev/null +++ b/assets/image/icon-partner.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/icon-people.svg b/assets/image/icon-people.svg new file mode 100644 index 0000000..a10d760 --- /dev/null +++ b/assets/image/icon-people.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/icon-search.svg b/assets/image/icon-search.svg new file mode 100644 index 0000000..97d54e1 --- /dev/null +++ b/assets/image/icon-search.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/icon-security.svg b/assets/image/icon-security.svg new file mode 100644 index 0000000..ae661d1 --- /dev/null +++ b/assets/image/icon-security.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 954099c..282ab40 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -114,6 +114,7 @@ html body a:hover { // ===================================== .blue-btn { + display: inline-block; font-size: 14px; padding: 20px 49px; background-color: #0164FF; @@ -123,11 +124,12 @@ html body a:hover { font-weight: 500; transition: .3s; - &:hover{ + &:hover { background-color: #004dc8; color: #fff; } } + .white-btn { font-size: 14px; padding: 20px 10px; @@ -137,10 +139,12 @@ html body a:hover { margin: 0 10px; font-weight: 500; transition: .3s; - &:hover{ + + &:hover { color: #000; } } + .input-box { margin-bottom: 25px; @@ -196,6 +200,7 @@ html body a:hover { font-family: 'Roboto'; } } + &.submit { padding-top: 15px; @@ -211,7 +216,7 @@ html body a:hover { border-radius: 50px; transition: .3s; - &:hover{ + &:hover { background-color: #004dc8; } } @@ -359,12 +364,14 @@ html body a:hover { .slider { padding-top: 15px; + .slider-inner { display: flex; justify-content: space-between; } + .s-left { - width: 50%; + width: 55%; padding-top: 50px; h1 { @@ -376,6 +383,7 @@ html body a:hover { background-clip: text; color: transparent; } + .img { display: none; align-items: center; @@ -409,8 +417,9 @@ html body a:hover { margin-top: 20px; } } + .s-right { - width: 50%; + width: 45%; .s-right-inner { position: relative; @@ -427,16 +436,19 @@ html body a:hover { .our-sec { padding-top: 120px; padding-bottom: 130px; + .our-sec-inner { display: flex; align-items: center; justify-content: space-between; + .os-item { width: 30%; display: flex; align-items: center; justify-content: center; flex-direction: column; + h1 { font-family: 'Roboto-Bold'; font-size: 89px; @@ -447,11 +459,13 @@ html body a:hover { color: transparent; margin-bottom: 20px; } + span { font-size: 20px; color: #000; font-weight: 600; } + p { margin-top: 20px; font-size: 16px; @@ -461,6 +475,7 @@ html body a:hover { } } } + // ------------------------------Index Page END------------- @@ -470,12 +485,14 @@ html body a:hover { // ------------------------------Contact Us page------------- .contact-us { padding-top: 50px; + .contact-us-inner { .cu-top { display: flex; align-items: center; justify-content: center; flex-direction: column; + span { display: inline-block; padding: 7px 10px; @@ -485,6 +502,7 @@ html body a:hover { border-radius: 50px; font-weight: 500; } + h1 { font-family: 'Roboto-Bold'; font-size: 48px; @@ -492,6 +510,7 @@ html body a:hover { color: #222222; padding: 30px 0; } + p { font-size: 16px; font-weight: 300; @@ -502,6 +521,7 @@ html body a:hover { } } } + .cu-main { margin-top: 70px; margin-bottom: 70px; @@ -520,29 +540,353 @@ html body a:hover { } } - // ------------------------------Contact Us page End------------- + + + + + + + + + + + +// ------------------------------Email Marketing page------------- + +.main-section.email-marketing { + .effect-one { + top: 226px; + filter: blur(6px); + } +} + + +.slider.email-marketing { + .s-left { + padding-top: 110px; + padding-bottom: 100px; + + h1 { + font-size: 50px; + } + + .sb-email-marketing { + margin-top: 40px; + + .blue-btn { + font-size: 20px; + margin-left: 0; + padding: 16px 25px; + } + } + + } +} + + +.op-setion { + padding-top: 90px; + + .op-section-title { + h3 { + text-align: center; + font-size: 36px; + color: #222222; + font-family: 'Roboto-Bold'; + } + + p { + margin-top: 15px; + text-align: center; + color: #777777; + font-size: 16px; + } + + } + + .op-section-inner { + display: flex; + align-items: center; + justify-content: space-between; + padding: 60px 0; + + .op-item { + width: 30%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + img { + width: 60px; + height: 60px; + } + + span { + font-size: 20px; + color: #222222; + font-family: 'Roboto-Med'; + padding: 20px 0; + text-align: center; + } + + p { + text-align: center; + font-size: 16px; + color: #777777; + } + } + + } + + &.sec { + .op-section-inner { + .op-item { + width: 32%; + align-items: baseline; + border: 1px solid #E4E4E4; + padding: 30px; + padding-right: 10px; + padding-bottom: 45px; + border-radius: 32px; + cursor: pointer; + + img { + width: 48px; + height: 48px; + } + + span{ + text-align: left; + font-size: 24px; + } + + p { + text-align: left; + } + + &:hover { + box-shadow: 0px 40px 60px 0px #004ABF14; + border: 1px solid transparent; + } + } + } + } +} + + +.opplens { + padding: 60px 0; + + .opplens-title { + h2 { + text-align: center; + font-size: 36px; + color: #222222; + font-family: 'Roboto-Med'; + margin-bottom: 60px; + } + } + + .opplens-inner { + display: flex; + align-items: center; + justify-content: space-between; + background-color: #F7FAFF; + padding: 24px; + border-radius: 32px; + + .opplens-item { + width: 49%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: #fff; + border-radius: 32px; + padding: 40px 50px; + transition: .3s; + cursor: pointer; + + img { + width: 60px; + height: 60px; + } + + &>div { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-top: 20px; + + h4 { + text-align: center; + font-size: 20px; + // font-family: 'Roboto-Med'; + color: #222222; + margin: 30px 0; + font-weight: 600; + + + } + + &::before { + content: ""; + display: inline-block; + width: 75%; + height: 4px; + border-radius: 10px; + background: linear-gradient(90.05deg, #0164FF -2.26%, #2EEAE1 102.26%); + margin: 20px 0; + } + } + + p { + color: #777777; + font-size: 16px; + } + + // &:hover { + // background-color: #0146B2; + // &>div { + // h4 { + // color: #fff; + // } + // &::before { + // background: linear-gradient(90.05deg, #FFFFFF -2.26%, #4E8BEC 102.26%); + // } + // } + // p { + // color: #fff; + // } + // } + + &.active { + background-color: #0146B2; + &>div { + h4 { + color: #fff; + } + &::before { + background: linear-gradient(90.05deg, #FFFFFF -2.26%, #4E8BEC 102.26%); + } + } + p { + color: #fff; + } + } + } + } +} + + + +.marketing-register{ + + padding-top: 70px; + padding-bottom: 60px; + position: relative; + + .effect-2{ + position: absolute; + right: 0; + } + + .marketing-register-title{ + + h2{ + font-size: 36px; + text-align: center; + color: #222222; + font-family: "Roboto-Med"; + } + p{ + text-align: center; + color: #4B5563; + font-size: 16px; + margin-top: 15px; + line-height: 24px; + } + + } + + .marketing-register-inner{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + + .marketing-register-box{ + width: 63%; + border: 1px solid #DADADA; + border-radius: 32px; + background-color: #fff; + margin: 60px 0; + padding: 40px 32px; + padding-bottom: 25px; + } + } + +} + +#email-marketing{ + .footer{ + .effect-2{ + bottom: 320px; + } + } +} + +// ------------------------------Email Marketing page END------------- + + + + + + + + + + + + + + + + + + + + + @media (min-width: 576px) { .excl-container { max-width: 540px; } } + @media (min-width: 768px) { .excl-container { max-width: 720px; } } + @media (min-width: 992px) { .excl-container { max-width: 960px; } } + @media (min-width: 1200px) { .excl-container { max-width: 1080px; } } + @media (min-width: 1441px) { .excl-container { max-width: 1280px; @@ -559,6 +903,7 @@ html body a:hover { .slider .s-left h1 { font-size: 68px; } + .slider .s-left h3 { font-size: 46px; } @@ -568,13 +913,16 @@ html body a:hover { .slider .s-left { width: 70%; } + .slider .s-right { width: 30%; } + .slider .s-right .s-right-inner img { right: unset; left: -40%; } + .our-sec .our-sec-inner .os-item h1 { font-size: 68px; } @@ -585,19 +933,24 @@ html body a:hover { .main-section.index .effect-one { display: none; } + .footer.index .effect-2 { display: none; } + .blue-btn { padding: 11px 49px; } + .select-box .flag { top: 10px; } + .header { height: unset; flex-direction: column; position: relative; + .header-logo { width: 100%; padding-top: 25px; @@ -606,95 +959,119 @@ html body a:hover { } } + .header .header-side { width: 100%; padding-top: 12px; + .hs-side { width: 100%; display: flex; align-items: center; justify-content: space-between; + a { display: inline-block; } } } + .header .select-box { position: absolute; right: 0; top: 15px; } + .slider .s-right { display: none; } + .slider .s-left { width: 100%; padding-top: 30px; } + .slider .s-left .img { display: flex; } + .slider .s-left h1 { font-size: 50px; text-align: center; margin-bottom: 10px; } + .slider .s-left h3 { font-size: 32px; margin-bottom: 25px; margin-top: 10px; } + .slider .s-left strong { font-size: 20px; } + .our-sec { padding-top: 70px; padding-bottom: 40px; } + .our-sec .our-sec-inner { flex-direction: column; } + .our-sec .our-sec-inner .os-item { width: 100%; margin-bottom: 30px; } + .our-sec .our-sec-inner .os-item h1 { font-size: 40px; } + .footer .footter-inner .f-midd { flex-direction: column; } + .footer .footter-inner .f-midd .footer-item { width: 100%; align-items: unset; justify-content: unset; margin-bottom: 15px; } + .contact-us { padding-top: 35px; } + .contact-us .contact-us-inner .cu-top h1 { text-align: center; font-size: 32px; padding: 25px 0; } + .contact-us .contact-us-inner .cu-top p { text-align: center; line-height: 24px; } + .main-section .effect-one { left: -133px; top: 183px; } + .contact-us .contact-us-inner .cu-main .cu-main-inner { width: 100%; } + .contact-us .contact-us-inner .cu-main { padding: 40px 15px; } + .contact-us .contact-us-inner .cu-main { margin-bottom: 25px; } + .footer.contact-us .effect-2 { height: 336px; right: -42px; diff --git a/email-marketing.html b/email-marketing.html new file mode 100644 index 0000000..842f3c6 --- /dev/null +++ b/email-marketing.html @@ -0,0 +1,309 @@ + + + + + + + tm landing + + + + + +
+
+
+ +
+ +
+ +
+ +
+
+
+
+
+
+ + + +
+ + +
+ + + + + + +
+
+

Tired of Complex Tenders & Lost Opportunities?

+

The procurement market is tough for SMEs. We get it. You're facing an uphill battle.

+
+
+
+ + Resource Drain +

Lacking the time, dedicated staff, and + expertise to constantly monitor the market + and prepare high-quality bids.

+
+
+ + Overwhelming Complexity +

Navigating complex requirements and + processes designed for large corporations + with dedicated tender departments.

+
+
+ + Low Win Rates +

Did you know 68% of SMEs in Sweden + rarely or never win public tenders? It's time + to change that.

+
+
+
+ + +
+
+

Your In-House Tender Department, Powered by AI

+

Opplens is the end-to-end solution that gives you the power to compete and win.

+
+
+
+ + 1. Discover with AI +

Our intelligent platform scours thousands + of sources to find the perfect, most + relevant tender opportunities for your + specific business and expertise

+
+ +
+ + 2. Prepare with Experts +

Gain access to expert support and + powerful tools to craft compelling, + competitive, and high-quality bids that + stand out from the competition.

+
+ +
+ + 3. Win with a Partner +

We operate on a partnership model. We + only succeed when you win. This aligns + our goals and makes us a true partner in + your growth.

+
+
+
+ +
+
+

The Opplens Advantage

+
+
+
+ +
+

A True Partnership Model

+
+

Lower your risk with our performance-based options. + Our success is directly tied to yours, making us a + dedicated partner invested in your growth, not just a + software provider.

+
+
+ +
+

A True Partnership Model

+
+

Lower your risk with our performance-based options. + Our success is directly tied to yours, making us a + dedicated partner invested in your growth, not just a + software provider.

+
+
+
+ + +
+
+

Unlock Your Growth Potential

+

Register for early access and a free consultation. Let's start
+ winning together.

+
+ +
+
+ +
+
+ +
+ + +
+
+ +
+ +
+ + +
+
+ +
+ +
+ + +
+
+ +
+ +
+ +
+
+ +
+ + +
+
+
+
+
+ + + +
+
+ + + + + + + + + \ No newline at end of file