<!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-Bold&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Gilroy-SemiBold&display=swap" rel="stylesheet" /></head><body><div class="v6_36"><div class="v1_3"></div><div class="v1_20"><div class="v1_4"></div><div class="v1_16"><span class="v1_5">Home</span><span class="v1_6">How It Works</span><span class="v1_7">Shop</span><span class="v1_8">About Us</span><span class="v1_9">Brands</span></div><div class="v1_19"><div class="v1_17"><div class="v1_13"></div><span class="v1_10">Log In</span></div><div class="v1_18"><div class="v1_14"></div><span class="v1_11">Get the app</span></div></div></div><div class="v6_28"><div class="v1_21"></div><div class="v1_24"></div><div class="v6_27"><div class="v1_26"><span class="v1_22">You care about planet, we makes it easy for you. Download our app</span><div class="v1_25"></div></div></div></div><div class="v6_35"><div class="v6_34"><span class="v6_29">live a healthier & sustainable lifestyle</span><span class="v6_30">get day to day products that are natural, chemical free, vegan & animal cruelty free.</span></div><div class="v6_33"><div class="v6_31"></div><span class="v6_32">download our app</span></div></div></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v6_36 {
width: 100%;
height: 875px;
background: url("../images/v6_36.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v1_3 {
width: 100%;
height: 875px;
background: rgba(0,0,0,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v1_20 {
width: 100%;
height: 94px;
background: url("../images/v1_20.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 50px;
left: 155px;
overflow: hidden;
}
.v1_4 {
width: 174px;
height: 94px;
background: url("../images/v1_4.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v1_16 {
width: 635px;
height: 31px;
background: url("../images/v1_16.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 31px;
left: 273px;
overflow: hidden;
}
.v1_5 {
width: 78px;
color: rgba(255,255,255,1);
position: relative;
top: 0px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_6 {
width: 179px;
color: rgba(255,255,255,1);
position: absolute;
top: 0px;
left: 103px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_7 {
width: 82px;
color: rgba(255,255,255,1);
position: absolute;
top: 0px;
left: 307px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_8 {
width: 110px;
color: rgba(255,255,255,1);
position: absolute;
top: 0px;
left: 414px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_9 {
width: 86px;
color: rgba(255,255,255,1);
position: absolute;
top: 0px;
left: 323px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_19 {
width: 333px;
height: 50px;
background: url("../images/v1_19.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 22px;
left: 331px;
overflow: hidden;
}
.v1_17 {
width: 143px;
height: 50px;
background: url("../images/v1_17.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v1_13 {
width: 143px;
height: 50px;
background: rgba(255,255,255,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border-top-left-radius: 41px;
border-top-right-radius: 41px;
border-bottom-left-radius: 41px;
border-bottom-right-radius: 41px;
overflow: hidden;
}
.v1_10 {
width: 86px;
color: rgba(0,0,0,1);
position: absolute;
top: 9px;
left: 29px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_18 {
width: 165px;
height: 50px;
background: url("../images/v1_18.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 168px;
overflow: hidden;
}
.v1_14 {
width: 165px;
height: 50px;
background: url("../images/v1_14.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
border: 1px solid rgba(255,255,255,1);
border-top-left-radius: 41px;
border-top-right-radius: 41px;
border-bottom-left-radius: 41px;
border-bottom-right-radius: 41px;
overflow: hidden;
}
.v1_11 {
width: 165px;
color: rgba(255,255,255,1);
position: absolute;
top: 9px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v6_28 {
width: 100%;
height: 65px;
background: url("../images/v6_28.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 164px;
left: 0px;
overflow: hidden;
}
.v1_21 {
width: 100%;
height: 59px;
background: rgba(12,12,12,1);
opacity: 1;
position: absolute;
top: 6px;
left: 0px;
overflow: hidden;
}
.v1_24 {
width: 54px;
height: 54px;
background: url("../images/v1_24.png");
opacity: 1;
position: absolute;
top: 0px;
left: 441px;
}
.v6_27 {
width: 902px;
height: 33px;
background: url("../images/v6_27.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 19px;
left: 413px;
overflow: hidden;
}
.v1_26 {
width: 902px;
height: 33px;
background: url("../images/v1_26.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v1_22 {
width: 902px;
color: rgba(255,255,255,1);
position: absolute;
top: 1px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v1_25 {
width: 27px;
height: 33px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 48px;
}
.v6_35 {
width: 100%;
height: 510px;
background: url("../images/v6_35.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 292px;
left: 253px;
overflow: hidden;
}
.v6_34 {
width: 100%;
height: 373px;
background: url("../images/v6_34.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v6_29 {
width: 100%;
color: rgba(255,255,255,1);
position: relative;
top: 0px;
left: 0px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 120px;
opacity: 1;
text-align: center;
}
.v6_30 {
width: 983px;
color: rgba(255,255,255,1);
position: absolute;
top: 335px;
left: 119px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v6_33 {
width: 320px;
height: 70px;
background: url("../images/v6_33.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 440px;
left: 451px;
overflow: hidden;
}
.v6_31 {
width: 320px;
height: 70px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
border-top-left-radius: 57px;
border-top-right-radius: 57px;
border-bottom-left-radius: 57px;
border-bottom-right-radius: 57px;
overflow: hidden;
}
.v6_32 {
width: 250px;
color: rgba(0,0,0,1);
position: absolute;
top: 20px;
left: 35px;
font-family: Gilroy-SemiBold;
font-weight: ☞;
font-size: 24px;
opacity: 1;
text-align: center;
}
</style>
<!DOCTYPE html><html><head><link href="https://fonts.googleapis.com/css?family=Gilroy-SemiBold&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Gilroy-Medium&display=swap" rel="stylesheet" /></head><body><div class="v9_61"><div class="v9_60"><span class="v7_37">How It Works ?</span><span class="v7_38">we reward you for your climate action.</span></div><div class="v7_59"><div class="v7_40"><div class="v7_41"><div class="v7_42"></div><div class="v7_43"></div><span class="v7_44">Earn Green Coins</span><div class="v7_45"></div></div></div><div class="v7_46"><div class="v7_47"></div><span class="v7_48">Redeem green coins to get discounts from various brands.</span><div class="v7_49"></div><div class="v7_50"><div class="v7_51"></div></div></div><div class="v7_52"><div class="v7_53"></div><div class="v7_54"><div class="v7_55"></div><div class="v7_56"></div></div><span class="v7_57">Buy any product from our platform or engage in our green initiative.</span><div class="v7_58"></div></div></div></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v9_61 {
width: 100%;
height: 940px;
background: url("../images/v9_61.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_60 {
width: 630px;
height: 188px;
background: url("../images/v9_60.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 384px;
overflow: hidden;
}
.v7_37 {
width: 616px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 7px;
font-family: Gilroy-SemiBold;
font-weight: ☞;
font-size: 90px;
opacity: 1;
text-align: center;
}
.v7_38 {
width: 630px;
color: rgba(0,0,0,1);
position: absolute;
top: 150px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 32px;
opacity: 1;
text-align: center;
}
.v7_59 {
width: 100%;
height: 677px;
background: url("../images/v7_59.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 263px;
left: 0px;
overflow: hidden;
}
.v7_40 {
width: 418px;
height: 677px;
background: url("../images/v7_40.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 494px;
overflow: hidden;
}
.v7_41 {
width: 418px;
height: 677px;
background: url("../images/v7_41.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v7_42 {
width: 418px;
height: 677px;
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;
}
.v7_43 {
width: 384px;
height: 257px;
background: url("../images/v7_43.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 111px;
left: 16px;
overflow: hidden;
}
.v7_44 {
width: 242px;
color: rgba(0,0,0,1);
position: absolute;
top: 499px;
left: 87px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 27px;
opacity: 1;
text-align: center;
}
.v7_45 {
width: 36px;
height: 36px;
background: url("../images/v7_45.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 34px;
left: 341px;
overflow: hidden;
}
.v7_46 {
width: 418px;
height: 677px;
background: url("../images/v7_46.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 986px;
overflow: hidden;
}
.v7_47 {
width: 418px;
height: 677px;
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;
}
.v7_48 {
width: 342px;
color: rgba(0,0,0,1);
position: absolute;
top: 485px;
left: 53px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 26px;
opacity: 1;
text-align: center;
}
.v7_49 {
width: 36px;
height: 36px;
background: url("../images/v7_49.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33px;
left: 346px;
overflow: hidden;
}
.v7_50 {
width: 309px;
height: 353px;
background: url("../images/v7_50.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 59px;
left: 73px;
overflow: hidden;
}
.v7_51 {
width: 309px;
height: 353px;
background: url("../images/v7_51.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v7_52 {
width: 418px;
height: 677px;
background: url("../images/v7_52.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v7_53 {
width: 418px;
height: 677px;
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;
}
.v7_54 {
width: 322px;
height: 349px;
background: url("../images/v7_54.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 51px;
left: 48px;
overflow: hidden;
}
.v7_55 {
width: 156px;
height: 153px;
background: url("../images/v7_55.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 175px;
left: 167px;
overflow: hidden;
}
.v7_56 {
width: 177px;
height: 349px;
background: url("../images/v7_56.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v7_57 {
width: 375px;
color: rgba(0,0,0,1);
position: absolute;
top: 476px;
left: 22px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 26px;
opacity: 1;
text-align: center;
}
.v7_58 {
width: 36px;
height: 36px;
background: url("../images/v7_58.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 33px;
left: 368px;
overflow: hidden;
}
</style>
<!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-ExtraBold&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Gilroy-SemiBold&display=swap" rel="stylesheet" /></head><body><div class="v9_93"><div class="v9_62"></div><div class="v9_92"><div class="v9_88"><span class="v9_65">products that’s better:</span><span class="v9_66">FOR YOU.
THE PLANET.
FOR YOUR FUTURE.</span></div><div class="v9_84"><div class="v9_85"><div class="v9_86"></div></div><div class="v9_89"><div class="v9_67"><div class="v9_68"><div class="v9_69"><div class="v9_70"><div class="v9_71"></div><div class="v9_72"></div></div></div><span class="v9_73">personal care</span><div class="v9_74"><div class="v9_75"></div><div class="v9_76"></div></div><span class="v9_77">snacks & beverages</span><div class="v9_78"></div><span class="v9_79">grocery</span><div class="v9_80"></div><span class="v9_81">accessories</span><div class="v9_82"></div><span class="v9_83">home care</span></div></div><span class="v9_87">shop by categories</span></div></div></div></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v9_93 {
width: 100%;
height: 2393px;
background: url("../images/v9_93.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_62 {
width: 100%;
height: 100%;
background: rgba(0,0,0,1);
opacity: 1;
position: relative;
top: 0px;
left: 0px;
}
.v9_92 {
width: 100%;
height: 542px;
background: url("../images/v9_92.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 1798px;
left: 150px;
overflow: hidden;
}
.v9_88 {
width: 911px;
height: 433px;
background: url("../images/v9_88.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 59px;
left: 0px;
overflow: hidden;
}
.v9_65 {
width: 474px;
color: rgba(255,255,255,1);
position: absolute;
top: 0px;
left: 3px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 35px;
opacity: 1;
text-align: left;
}
.v9_66 {
width: 911px;
color: rgba(255,255,255,1);
position: absolute;
top: 82px;
left: 0px;
font-family: Gilroy-ExtraBold;
font-weight: ☞;
font-size: 90px;
opacity: 1;
text-align: left;
}
.v9_84 {
width: 550px;
height: 542px;
background: url("../images/v9_84.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 899px;
overflow: hidden;
}
.v9_85 {
width: 304px;
height: 58px;
background: url("../images/v9_85.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 123px;
overflow: hidden;
}
.v9_86 {
width: 304px;
height: 58px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
}
.v9_89 {
width: 550px;
height: 537px;
background: url("../images/v9_89.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 5px;
left: 0px;
overflow: hidden;
}
.v9_67 {
width: 550px;
height: 437px;
background: url("../images/v9_67.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 99px;
left: 0px;
overflow: hidden;
}
.v9_68 {
width: 550px;
height: 437px;
background: url("../images/v9_68.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_69 {
width: 181px;
height: 118px;
background: url("../images/v9_69.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 244px;
left: 346px;
overflow: hidden;
}
.v9_70 {
width: 181px;
height: 118px;
background: url("../images/v9_70.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_71 {
width: 97px;
height: 112px;
background: url("../images/v9_71.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 6px;
left: 84px;
overflow: hidden;
}
.v9_72 {
width: 97px;
height: 112px;
background: url("../images/v9_72.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_73 {
width: 183px;
color: rgba(255,255,255,1);
position: absolute;
top: 405px;
left: 346px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v9_74 {
width: 139px;
height: 128px;
background: url("../images/v9_74.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 239px;
left: 79px;
overflow: hidden;
}
.v9_75 {
width: 74px;
height: 82px;
background: url("../images/v9_75.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 37px;
left: 65px;
overflow: hidden;
}
.v9_76 {
width: 119px;
height: 128px;
background: url("../images/v9_76.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_77 {
width: 261px;
color: rgba(255,255,255,1);
position: absolute;
top: 400px;
left: 18px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v9_78 {
width: 132px;
height: 125px;
background: url("../images/v9_78.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v9_79 {
width: 125px;
color: rgba(255,255,255,1);
position: absolute;
top: 136px;
left: 3px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v9_80 {
width: 132px;
height: 125px;
background: url("../images/v9_80.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 183px;
overflow: hidden;
}
.v9_81 {
width: 198px;
color: rgba(255,255,255,1);
position: absolute;
top: 141px;
left: 150px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v9_82 {
width: 132px;
height: 125px;
background: url("../images/v9_82.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 396px;
overflow: hidden;
}
.v9_83 {
width: 174px;
color: rgba(255,255,255,1);
position: absolute;
top: 141px;
left: 375px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v9_87 {
width: 255px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 155px;
font-family: Gilroy-SemiBold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
</style>
<!DOCTYPE html><html><head><link href="https://fonts.googleapis.com/css?family=Gilroy-ExtraBold&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Gilroy-Black&display=swap" rel="stylesheet" /></head><body><div class="v11_110"><div class="v11_97"></div><span class="v11_98">LIVE A
BETTER
FUTURE</span><span class="v11_99">Our Mission</span><span class="v11_100">Our mission is to make sustainable lifestyle understandable, affordable & accessible so that you can BUY WHAT YOU LOVE, no sacrifice required.</span></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v11_110 {
width: 100%;
height: 634px;
background: url("../images/v11_110.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v11_97 {
width: 709px;
height: 621px;
background: url("../images/v11_97.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 724px;
overflow: hidden;
}
.v11_98 {
width: 360px;
color: rgba(0,0,0,1);
position: absolute;
top: 140px;
left: 0px;
font-family: Gilroy-ExtraBold;
font-weight: ☞;
font-size: 80px;
opacity: 1;
text-align: left;
}
.v11_99 {
width: 241px;
color: rgba(0,0,0,1);
position: absolute;
top: 54px;
left: 0px;
font-family: Gilroy-Black;
font-weight: ☞;
font-size: 40px;
opacity: 1;
text-align: justified;
}
.v11_100 {
width: 703px;
color: rgba(0,0,0,1);
position: absolute;
top: 477px;
left: 1px;
font-size: 25px;
opacity: 1;
text-align: left;
}
</style>
<!DOCTYPE html><html><head><link href="https://fonts.googleapis.com/css?family=Gilroy-Bold&display=swap" rel="stylesheet" /><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="v16_162"><div class="v11_111"></div><div class="v11_101"><span class="v11_102">JOIN THE MOVEMENT</span><span class="v11_104">By clicking 'Sign Up', you consent to Urban Lyfe using your email address and postal code to receive emails about products, recipes, and more. You can opt-out at any time.</span><div class="v11_105"></div><span class="v11_106">Email</span><div class="v11_107"></div><span class="v11_108">Sign Up</span><span class="v11_103">To receive updates on climate action in your city, exclusive deals from Urban Lyfe and much more.</span></div></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v16_162 {
width: 100%;
height: 400px;
background: url("../images/v16_162.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v11_111 {
width: 100%;
height: 400px;
background: rgba(0,0,0,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
}
.v11_101 {
width: 996px;
height: 304px;
background: url("../images/v11_101.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 55px;
left: 366px;
overflow: hidden;
}
.v11_102 {
width: 421px;
color: rgba(255,253,253,1);
position: absolute;
top: 0px;
left: 287px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 40px;
opacity: 1;
text-align: center;
}
.v11_104 {
width: 951px;
color: rgba(255,255,255,1);
position: absolute;
top: 262px;
left: 17px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 20px;
opacity: 1;
text-align: center;
}
.v11_105 {
width: 690px;
height: 89px;
background: url("../images/v11_105.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 135px;
left: 0px;
border: 2px solid rgba(255,255,255,1);
overflow: hidden;
}
.v11_106 {
width: 538px;
color: rgba(255,255,255,1);
position: absolute;
top: 148px;
left: 59px;
font-family: Gilroy-SemiBold;
font-weight: ☞;
font-size: 33px;
opacity: 1;
text-align: left;
}
.v11_107 {
width: 275px;
height: 89px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 136px;
left: 709px;
border: 2px solid rgba(255,255,255,1);
overflow: hidden;
}
.v11_108 {
width: 126px;
color: rgba(12,12,12,1);
position: absolute;
top: 149px;
left: 784px;
font-family: Gilroy-SemiBold;
font-weight: ☞;
font-size: 33px;
opacity: 1;
text-align: left;
}
.v11_103 {
width: 996px;
color: rgba(255,255,255,1);
position: absolute;
top: 40px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 20px;
opacity: 1;
text-align: center;
}
</style>
<!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-Bold&display=swap" rel="stylesheet" /></head><body><div class="v16_163"><div class="v16_161"><div class="v16_160"><div class="v12_143"></div><span class="v12_150">Terms Of Use</span><span class="v12_151">© 2022 URBAN LYFE. All Rights Reserved.</span><span class="v12_152">Privacy Policy</span><div class="v16_154"></div><div class="v16_157"></div><div class="v16_158"></div><div class="v16_159"></div><span class="v12_115">Our Company</span><div class="v12_141"><div class="v12_142"><span class="v12_116">Mission</span><span class="v12_118">Career</span></div></div><div class="v12_146"><div class="v12_140"><span class="v12_120">Personal Care</span><span class="v12_121">Snacks & Beverages</span><span class="v12_122">Home Care</span><span class="v12_123">Accessories</span></div><span class="v12_124">Shop by Categories</span></div><div class="v12_144"><span class="v12_114">Contact Us</span><span class="v12_127">Get in Touch</span></div><div class="v12_130"><span class="v12_131">Connect Us On Social </span></div><div class="v12_145"><span class="v12_126">Brand Parnership</span><span class="v12_125">Partner with us</span></div><div class="v12_149"></div></div></div></div></body></html> <br/><br/> <style>* {
box-sizing: border-box;
}
body {
font-size: 14px;
}
.v16_163 {
width: 100%;
height: 455px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v16_161 {
width: 100%;
height: 455px;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v16_160 {
width: 100%;
height: 455px;
background: url("../images/v16_160.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v12_143 {
width: 191px;
height: 107px;
background: url("../images/v12_143.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 151px;
overflow: hidden;
}
.v12_150 {
width: 127px;
color: rgba(0,0,0,1);
position: absolute;
top: 417px;
left: 1114px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 20px;
opacity: 1;
text-align: left;
}
.v12_151 {
width: 478px;
color: rgba(0,0,0,1);
position: absolute;
top: 416px;
left: 157px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v12_152 {
width: 127px;
color: rgba(0,0,0,1);
position: absolute;
top: 424px;
left: 1354px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 20px;
opacity: 1;
text-align: left;
}
.v16_154 {
width: 30px;
height: 30px;
background: url("../images/v16_154.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 316px;
left: 1334px;
overflow: hidden;
}
.v16_157 {
width: 30px;
height: 30px;
background: url("../images/v16_157.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 316px;
left: 1404px;
overflow: hidden;
}
.v16_158 {
width: 30px;
height: 30px;
background: url("../images/v16_158.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 316px;
left: 1474px;
overflow: hidden;
}
.v16_159 {
width: 30px;
height: 30px;
background: url("../images/v16_159.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 316px;
left: 1544px;
overflow: hidden;
}
.v12_115 {
width: 169px;
color: rgba(0,0,0,1);
position: absolute;
top: 18px;
left: 396px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: center;
}
.v12_141 {
width: 80px;
height: 84px;
background: url("../images/v12_141.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 92px;
left: 404px;
overflow: hidden;
}
.v12_142 {
width: 80px;
height: 84px;
background: url("../images/v12_142.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
.v12_116 {
width: 80px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_118 {
width: 78px;
color: rgba(0,0,0,1);
position: absolute;
top: 56px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_146 {
width: 299px;
height: 270px;
background: url("../images/v12_146.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 18px;
left: 631px;
overflow: hidden;
}
.v12_140 {
width: 290px;
height: 196px;
background: url("../images/v12_140.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 74px;
left: 9px;
overflow: hidden;
}
.v12_120 {
width: 194px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_121 {
width: 290px;
color: rgba(0,0,0,1);
position: absolute;
top: 56px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_122 {
width: 290px;
color: rgba(0,0,0,1);
position: absolute;
top: 112px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_123 {
width: 290px;
color: rgba(0,0,0,1);
position: absolute;
top: 168px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_124 {
width: 242px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v12_144 {
width: 211px;
height: 96px;
background: url("../images/v12_144.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 18px;
left: 1217px;
overflow: hidden;
}
.v12_114 {
width: 123px;
color: rgba(0,0,0,1);
position: absolute;
top: 68px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_127 {
width: 211px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v12_130 {
width: 256px;
height: 38px;
background: url("../images/v12_130.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 248px;
left: 1321px;
overflow: hidden;
}
.v12_131 {
width: 256px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v12_145 {
width: 211px;
height: 102px;
background: url("../images/v12_145.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
position: absolute;
top: 18px;
left: 939px;
overflow: hidden;
}
.v12_126 {
width: 211px;
color: rgba(0,0,0,1);
position: absolute;
top: 0px;
left: 0px;
font-family: Gilroy-Bold;
font-weight: ☞;
font-size: 25px;
opacity: 1;
text-align: left;
}
.v12_125 {
width: 162px;
color: rgba(0,0,0,1);
position: absolute;
top: 74px;
left: 0px;
font-family: Gilroy-Medium;
font-weight: ☞;
font-size: 23px;
opacity: 1;
text-align: left;
}
.v12_149 {
width: 100%;
background: url("../images/v12_149.png");
opacity: 1;
position: absolute;
top: 402px;
left: 0px;
border: 2px solid rgba(0,0,0,1);
}
</style>