amirreza.jamali/tm-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add email-marketing page

Browse Source
This commit is contained in:
m.pourmohamadi
2025-08-30 16:49:58 +03:30
parent a52bf13c98
commit 62d4cb0621
15 changed files with 939 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"main.css"}
assets/css/pages/email-marketing.css.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"email-marketing.css"}
assets/css/pages/style.css.map
+1
View File
@@ -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"}
assets/css/style.css
+211 -2
View File
@@ -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;
assets/css/style.css.map
+1 -1
View File
@@ -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"}
{"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"}
assets/image/blueborder-chart.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" width="60" height="60" rx="12" fill="#E5EFFF"/>
<path d="M32.2222 21H46M46 21V35.4M46 21L32.2222 35.4L25.3333 28.2L15 39" stroke="#0EA5E9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 322 B

assets/image/blueborder-clock.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" width="60" height="60" rx="12" fill="#E5EFFF"/>
<path d="M31 22.8889V30L36.3333 35.3333M47 30C47 32.1012 46.5861 34.1817 45.7821 36.1229C44.978 38.0641 43.7994 39.828 42.3137 41.3137C40.828 42.7994 39.0641 43.978 37.1229 44.7821C35.1817 45.5861 33.1012 46 31 46C28.8989 46 26.8183 45.5861 24.8771 44.7821C22.9359 43.978 21.172 42.7994 19.6863 41.3137C18.2006 39.828 17.022 38.0641 16.2179 36.1229C15.4139 34.1817 15 32.1012 15 30C15 25.7565 16.6857 21.6869 19.6863 18.6863C22.6869 15.6857 26.7565 14 31 14C35.2435 14 39.3131 15.6857 42.3137 18.6863C45.3143 21.6869 47 25.7565 47 30Z" stroke="#0EA5E9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 784 B

assets/image/blueborder-page.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" rx="12" fill="#E5EFFF"/>
<path d="M24.4286 30H35.5714M24.4286 37.1111H35.5714M39.2857 46H20.7143C19.7292 46 18.7845 45.6254 18.0879 44.9586C17.3913 44.2918 17 43.3874 17 42.4444V17.5556C17 16.6126 17.3913 15.7082 18.0879 15.0414C18.7845 14.3746 19.7292 14 20.7143 14H31.0883C31.5808 14.0001 32.0531 14.1875 32.4013 14.5209L42.4559 24.1458C42.8042 24.4791 42.9999 24.9312 43 25.4027V42.4444C43 43.3874 42.6087 44.2918 41.9121 44.9586C41.2155 45.6254 40.2708 46 39.2857 46Z" stroke="#0EA5E9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 688 B

assets/image/icon-clipboard.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="16" fill="#E0F0DC"/>
<path d="M21 17H19C18.4696 17 17.9609 17.2107 17.5858 17.5858C17.2107 17.9609 17 18.4696 17 19V31C17 31.5304 17.2107 32.0391 17.5858 32.4142C17.9609 32.7893 18.4696 33 19 33H29C29.5304 33 30.0391 32.7893 30.4142 32.4142C30.7893 32.0391 31 31.5304 31 31V19C31 18.4696 30.7893 17.9609 30.4142 17.5858C30.0391 17.2107 29.5304 17 29 17H27M21 17C21 17.5304 21.2107 18.0391 21.5858 18.4142C21.9609 18.7893 22.4696 19 23 19H25C25.5304 19 26.0391 18.7893 26.4142 18.4142C26.7893 18.0391 27 17.5304 27 17M21 17C21 16.4696 21.2107 15.9609 21.5858 15.5858C21.9609 15.2107 22.4696 15 23 15H25C25.5304 15 26.0391 15.2107 26.4142 15.5858C26.7893 15.9609 27 16.4696 27 17M24 24H27M24 28H27M21 24H21.01M21 28H21.01" stroke="#289744" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 942 B

assets/image/icon-partner.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="16" fill="#D6F4F8"/>
<path d="M26 22H30.764C31.1049 22 31.4401 22.0871 31.7378 22.2531C32.0355 22.4191 32.2859 22.6584 32.4651 22.9484C32.6444 23.2383 32.7465 23.5692 32.7619 23.9098C32.7773 24.2503 32.7054 24.5891 32.553 24.894L29.053 31.894C28.8869 32.2265 28.6314 32.5061 28.3152 32.7014C27.999 32.8968 27.6347 33.0002 27.263 33H23.246C23.083 33 22.92 32.98 22.761 32.94L19 32M26 22V17C26 16.4696 25.7893 15.9609 25.4142 15.5858C25.0391 15.2107 24.5304 15 24 15H23.915C23.5662 14.9962 23.2224 15.0838 22.9179 15.2539C22.6134 15.4241 22.3586 15.671 22.179 15.97L19.465 21.398C19.2967 21.7015 19.2102 22.0436 19.2141 22.3906C19.218 22.7376 19.3122 23.0777 19.4873 23.3773C19.6625 23.6769 19.9126 23.9258 20.213 24.0995C20.5135 24.2732 20.854 24.3657 21.201 24.368H25.816C26.3464 24.368 26.8551 24.1573 27.2302 23.7822C27.6053 23.4071 27.816 22.8984 27.816 22.368L26 22Z" stroke="#24A6B4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/image/icon-people.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" width="60" height="60" rx="16" fill="white"/>
<path d="M35.5 38H40.5V36C40.5 35.3765 40.3057 34.7686 39.9441 34.2606C39.5826 33.7527 39.0718 33.37 38.4827 33.1658C37.8937 32.9615 37.2556 32.9459 36.6573 33.121C36.0589 33.2962 35.53 33.6534 35.144 34.143M35.5 38H25.5M35.5 38V36C35.5 35.344 35.374 34.717 35.144 34.143M35.144 34.143C34.7726 33.215 34.1318 32.4195 33.304 31.8591C32.4762 31.2988 31.4996 30.9993 30.5 30.9993C29.5004 30.9993 28.5238 31.2988 27.696 31.8591C26.8682 32.4195 26.2274 33.215 25.856 34.143M25.5 38H20.5V36C20.5 35.3765 20.6943 34.7686 21.0559 34.2606C21.4174 33.7527 21.9282 33.37 22.5173 33.1658C23.1063 32.9615 23.7444 32.9459 24.3427 33.121C24.9411 33.2962 25.47 33.6534 25.856 34.143M25.5 38V36C25.5 35.344 25.626 34.717 25.856 34.143M33.5 25C33.5 25.7956 33.1839 26.5587 32.6213 27.1213C32.0587 27.6839 31.2956 28 30.5 28C29.7044 28 28.9413 27.6839 28.3787 27.1213C27.8161 26.5587 27.5 25.7956 27.5 25C27.5 24.2044 27.8161 23.4413 28.3787 22.8787C28.9413 22.3161 29.7044 22 30.5 22C31.2956 22 32.0587 22.3161 32.6213 22.8787C33.1839 23.4413 33.5 24.2044 33.5 25ZM39.5 28C39.5 28.5304 39.2893 29.0391 38.9142 29.4142C38.5391 29.7893 38.0304 30 37.5 30C36.9696 30 36.4609 29.7893 36.0858 29.4142C35.7107 29.0391 35.5 28.5304 35.5 28C35.5 27.4696 35.7107 26.9609 36.0858 26.5858C36.4609 26.2107 36.9696 26 37.5 26C38.0304 26 38.5391 26.2107 38.9142 26.5858C39.2893 26.9609 39.5 27.4696 39.5 28ZM25.5 28C25.5 28.5304 25.2893 29.0391 24.9142 29.4142C24.5391 29.7893 24.0304 30 23.5 30C22.9696 30 22.4609 29.7893 22.0858 29.4142C21.7107 29.0391 21.5 28.5304 21.5 28C21.5 27.4696 21.7107 26.9609 22.0858 26.5858C22.4609 26.2107 22.9696 26 23.5 26C24.0304 26 24.5391 26.2107 24.9142 26.5858C25.2893 26.9609 25.5 27.4696 25.5 28Z" stroke="#0164FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

assets/image/icon-search.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="16" fill="#FFF2DE"/>
<path d="M33 33L27 27M29 22C29 22.9193 28.8189 23.8295 28.4672 24.6788C28.1154 25.5281 27.5998 26.2997 26.9497 26.9497C26.2997 27.5998 25.5281 28.1154 24.6788 28.4672C23.8295 28.8189 22.9193 29 22 29C21.0807 29 20.1705 28.8189 19.3212 28.4672C18.4719 28.1154 17.7003 27.5998 17.0503 26.9497C16.4002 26.2997 15.8846 25.5281 15.5328 24.6788C15.1811 23.8295 15 22.9193 15 22C15 20.1435 15.7375 18.363 17.0503 17.0503C18.363 15.7375 20.1435 15 22 15C23.8565 15 25.637 15.7375 26.9497 17.0503C28.2625 18.363 29 20.1435 29 22Z" stroke="#E5821E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 764 B

assets/image/icon-security.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="60" height="60" rx="16" fill="#F7FAFF"/>
<path d="M28 30L30 32L34 28M39.618 23.984C36.4561 24.1519 33.3567 23.0586 31 20.944C28.6432 23.0586 25.5439 24.1519 22.382 23.984C20.7636 26.0237 19.8514 28.5339 19.7825 31.1367C19.7136 33.7396 20.4918 36.2944 22 38.417L26.5 33.917M24.208 28.798C25.4568 27.6369 27.0988 26.9916 28.804 26.9916C30.5091 26.9916 32.1511 27.6369 33.4 28.798C32.1511 29.959 30.5091 30.6044 28.804 30.6044C27.0988 30.6044 25.4568 29.959 24.208 28.798Z" stroke="#0164FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 672 B

assets/scss/style.scss
+383 -6
View File
@@ -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;
email-marketing.html
+309
View File
@@ -0,0 +1,309 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>tm landing</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body id="email-marketing">
<header>
<div class="excl-container">
<div class="header">
<div class="header-logo">
<img src="./assets/image/logo.png" alt="">
</div>
<div class="header-side">
<!-- <div class="hs-side">
<a class="white-btn" href="./contact-us.html">Contact us</a>
<a class="blue-btn" href="">Login</a>
</div> -->
<div class="select-box js-do-flag">
<select name="" id="">
<option value="" data-flag="en">English</option>
</select>
<div class="flag">
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
</div>
</div>
</div>
</div>
</div>
</header>
<section class="main-section email-marketing">
<img class="effect-one" src="./assets/image/effect-1.svg" alt="">
<div class="excl-container">
<div class="slider email-marketing">
<div class="slider-inner">
<div class="s-left">
<h1>Democratizing the <br> World of Tenders</h1>
<div class="img">
<img src="./assets/image/mobile-res.png" alt="">
</div>
<!-- <h3>Tender <br> Management</h3> -->
<!-- <strong>Win more tenders, automatically!</strong> -->
<p>Opplens is your dedicated AI-powered partner, leveling the playing field so you
<br>
can win the public and private contracts you deserve. Compete on your true
<br>
strengths.
</p>
<div class="sb-email-marketing">
<a href="" class="blue-btn">Get Early Access</a>
</div>
</div>
<div class="s-right">
<div class="s-right-inner">
<img src="./assets/image/mobile.png" alt="">
</div>
</div>
</div>
</div>
<!-- <div class="our-sec">
<div class="our-sec-inner">
<div class="os-item">
<h1>200</h1>
<span>User</span>
<p>
Lacking the time, dedicated staff, and
expertise to constantly monitor the market
and prepare high-quality bids.
</p>
</div>
<div class="os-item">
<h1>520</h1>
<span>Contract</span>
<p>
Lacking the time, dedicated staff, and
expertise to constantly monitor the market
and prepare high-quality bids.
</p>
</div>
<div class="os-item">
<h1>1500</h1>
<span>tenders</span>
<p>
Lacking the time, dedicated staff, and
expertise to constantly monitor the market
and prepare high-quality bids.
</p>
</div>
</div>
</div> -->
<div class="op-setion">
<div class="op-section-title">
<h3>Tired of Complex Tenders & Lost Opportunities?</h3>
<p>The procurement market is tough for SMEs. We get it. You're facing an uphill battle.</p>
</div>
<div class="op-section-inner">
<div class="op-item">
<img src="./assets/image/blueborder-clock.svg" alt="">
<span>Resource Drain</span>
<p>Lacking the time, dedicated staff, and
expertise to constantly monitor the market
and prepare high-quality bids.</p>
</div>
<div class="op-item">
<img src="./assets/image/blueborder-page.svg" alt="">
<span>Overwhelming Complexity</span>
<p>Navigating complex requirements and
processes designed for large corporations
with dedicated tender departments.</p>
</div>
<div class="op-item">
<img src="./assets/image/blueborder-chart.svg" alt="">
<span>Low Win Rates</span>
<p>Did you know 68% of SMEs in Sweden
rarely or never win public tenders? It's time
to change that.</p>
</div>
</div>
</div>
<div class="op-setion sec">
<div class="op-section-title">
<h3>Your In-House Tender Department, Powered by AI</h3>
<p>Opplens is the end-to-end solution that gives you the power to compete and win.</p>
</div>
<div class="op-section-inner">
<div class="op-item">
<img src="./assets/image/icon-search.svg" alt="">
<span>1. Discover with AI</span>
<p>Our intelligent platform scours thousands
of sources to find the perfect, most
relevant tender opportunities for your
specific business and expertise</p>
</div>
<div class="op-item">
<img src="./assets/image/icon-clipboard.svg" alt="">
<span>2. Prepare with Experts</span>
<p>Gain access to expert support and
powerful tools to craft compelling,
competitive, and high-quality bids that
stand out from the competition.</p>
</div>
<div class="op-item">
<img src="./assets/image/icon-partner.svg" alt="">
<span>3. Win with a Partner</span>
<p>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.</p>
</div>
</div>
</div>
<div class="opplens">
<div class="opplens-title">
<h2>The Opplens Advantage</h2>
</div>
<div class="opplens-inner">
<div class="opplens-item">
<img src="./assets/image/icon-security.svg" alt="">
<div>
<h4>A True Partnership Model</h4>
</div>
<p>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.</p>
</div>
<div class="opplens-item active">
<img src="./assets/image/icon-people.svg" alt="">
<div>
<h4>A True Partnership Model</h4>
</div>
<p>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.</p>
</div>
</div>
</div>
<div class="marketing-register">
<div class="marketing-register-title">
<h2>Unlock Your Growth Potential</h2>
<p>Register for early access and a free consultation. Let's start <br>
winning together.</p>
</div>
<div class="marketing-register-inner">
<div class="marketing-register-box">
<form action="">
<div class="input-box">
<label for="">Full Name</label>
<div>
<img src="./assets/image/user.svg" alt="">
<input type="text" placeholder="Input Name">
</div>
</div>
<div class="input-box">
<label for="">Work Email</label>
<div>
<img src="./assets/image/Message-2.svg" alt="">
<input type="text" placeholder="Sadaf@gmail.com">
</div>
</div>
<div class="input-box">
<label for="">Phone Number</label>
<div>
<img src="./assets/image/Calling.svg" alt="">
<input type="text" placeholder="Phone Number">
</div>
</div>
<div class="input-box textarea">
<label for="">Phone Number</label>
<div>
<textarea name="" id="" placeholder="Message Text"></textarea>
</div>
</div>
<div class="input-box submit">
<input type="submit" value="Submit">
<!-- <button>Submit</button> -->
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer">
<img class="effect-2" src="./assets/image/effect-2.png" alt="">
<div class="excl-container">
<div class="footter-inner">
<div class="f-top">
<img src="./assets/image/logo.png" alt="">
</div>
<div class="f-midd">
<div class="footer-item">
<span>
<img src="./assets/image/Location.svg" alt="">
info@Tendermanagment.com
</span>
</div>
<div class="footer-item">
<span>
<img src="./assets/image/Location.svg" alt="">
(+1) -20000
</span>
</div>
<div class="footer-item">
<span>
<img src="./assets/image/Location.svg" alt="">
USA , California
</span>
</div>
</div>
<div class="f-bott">
<p>© 2025 Opplens.com by PBL Partners AB. All Rights Reserved.</p>
<p>Democratizing Tender Access for SMEs.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>