Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
7.9 kB
1
Indexable
Never
<!DOCTYPE html><html><head><link href="https://fonts.googleapis.com/css?family=Gilroy-Medium&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Gilroy-SemiBold&display=swap" rel="stylesheet" /></head><body><div class="v258_3"><div class="v118_122"><div class="v244_26"><span class="v221_3">we reward you for your climate action.</span><span class="v243_16">How it works?</span></div><div class="v258_2"><div class="v244_40"><div class="v244_44"><div class="v244_36"></div><div class="v6_660"></div><span class="v1_651">Earn Green Coins</span><div class="v244_27"></div></div></div><div class="v244_43"><div class="v244_37"></div><span class="v1_653">Redeem green coins to get discounts from various brands.</span><div class="v244_29"></div><div class="v1_656"><div class="v1_655"></div></div></div><div class="v244_42"><div class="v244_31"></div><div class="v244_38"><div class="v1_641"></div><div class="v1_642"></div></div><span class="v1_639">Buy any product from our platform or engage in our green initiative.</span><div class="v244_28"></div></div></div></div></div></body></html> <br/><br/> <style>* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.v258_3 {
  width: 100%;
  height: 1005px;
  background: url("../images/v258_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v118_122 {
  width: 100%;
  height: 1005px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v244_26 {
  width: 905px;
  height: 235px;
  background: url("../images/v244_26.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 34px;
  left: 303px;
  overflow: hidden;
}
.v221_3 {
  width: 905px;
  color: rgba(24,16,16,1);
  position: absolute;
  top: 113px;
  left: 0px;
  font-family: Gilroy-Medium;
  font-weight: ☞;
  font-size: 40px;
  opacity: 1;
  text-align: center;
}
.v243_16 {
  width: 560px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 0px;
  left: 172px;
  font-family: Gilroy-SemiBold;
  font-weight: ☞;
  font-size: 66px;
  opacity: 1;
  text-align: center;
}
.v258_2 {
  width: 100%;
  height: 639px;
  background: url("../images/v258_2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 302px;
  left: 94px;
  overflow: hidden;
}
.v244_40 {
  width: 395px;
  height: 639px;
  background: url("../images/v244_40.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 473px;
  overflow: hidden;
}
.v244_44 {
  width: 395px;
  height: 639px;
  background: url("../images/v244_44.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v244_36 {
  width: 395px;
  height: 639px;
  background: rgba(236,236,236,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 51px;
  border-top-right-radius: 51px;
  border-bottom-left-radius: 51px;
  border-bottom-right-radius: 51px;
  overflow: hidden;
}
.v6_660 {
  width: 363px;
  height: 243px;
  background: url("../images/v6_660.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 105px;
  left: 15px;
  overflow: hidden;
}
.v1_651 {
  width: 229px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 471px;
  left: 82px;
  font-family: Gilroy-Medium;
  font-weight: ☞;
  font-size: 27px;
  opacity: 1;
  text-align: center;
}
.v244_27 {
  width: 34px;
  height: 34px;
  background: url("../images/v244_27.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 322px;
  overflow: hidden;
}
.v244_43 {
  width: 395px;
  height: 639px;
  background: url("../images/v244_43.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 946px;
  overflow: hidden;
}
.v244_37 {
  width: 395px;
  height: 639px;
  background: rgba(236,236,236,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 51px;
  border-top-right-radius: 51px;
  border-bottom-left-radius: 51px;
  border-bottom-right-radius: 51px;
  overflow: hidden;
}
.v1_653 {
  width: 323px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 458px;
  left: 50px;
  font-family: Gilroy-Medium;
  font-weight: ☞;
  font-size: 26px;
  opacity: 1;
  text-align: center;
}
.v244_29 {
  width: 34px;
  height: 34px;
  background: url("../images/v244_29.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 327px;
  overflow: hidden;
}
.v1_656 {
  width: 292px;
  height: 332px;
  background: url("../images/v1_656.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 56px;
  left: 69px;
  overflow: hidden;
}
.v1_655 {
  width: 292px;
  height: 332px;
  background: url("../images/v1_655.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v244_42 {
  width: 395px;
  height: 639px;
  background: url("../images/v244_42.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v244_31 {
  width: 395px;
  height: 639px;
  background: rgba(236,236,236,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 51px;
  border-top-right-radius: 51px;
  border-bottom-left-radius: 51px;
  border-bottom-right-radius: 51px;
  overflow: hidden;
}
.v244_38 {
  width: 304px;
  height: 329px;
  background: url("../images/v244_38.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 49px;
  left: 45px;
  overflow: hidden;
}
.v1_641 {
  width: 147px;
  height: 144px;
  background: url("../images/v1_641.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 165px;
  left: 157px;
  overflow: hidden;
}
.v1_642 {
  width: 167px;
  height: 329px;
  background: url("../images/v1_642.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1_639 {
  width: 354px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 449px;
  left: 20px;
  font-family: Gilroy-Medium;
  font-weight: ☞;
  font-size: 26px;
  opacity: 1;
  text-align: center;
}
.v244_28 {
  width: 34px;
  height: 34px;
  background: url("../images/v244_28.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 347px;
  overflow: hidden;
}
</style>