<div style="position: relative; z-index: 1; margin: 0 auto; max-width: auto; min-height: auto; background: url('https://d.cdnsbn.com/images/promotionupload/2376/bg_1920x1164.jpg') no-repeat top left; background-size: cover;">
<div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 25px; min-height: 500px; margin: 0 10px;">
<div style="position: relative; z-index: 2; max-width: 800px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex: 1 1 0; width: 0px; margin: 48px auto;">
<p style="margin: 10px auto; width: 100%; height: auto; display: block;"><img style="height: auto; max-width: 100%; margin: 0 auto; display: block;" src="https://d.cdnsbn.com/images/promotionupload/2376/cn_1920x784.jpg" alt=""></p>
<p style="font-size: 16px; line-height: 22px; font-weight: bold; color: #fa4c8b;"></p>
<div style="margin-bottom: 40px; width: 100%;">
<div style="margin: 0 auto 20px auto; max-width: 640px; font-size: 28px; font-weight: bold; line-height: 1.2; color: #f06292;">保持聯繫</div>
<div style="margin: 0 auto; width: 640px; max-width: 80%;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; width: 100%; border: 3px solid #f06292; border-radius: 999px; background: #ffffff; overflow: hidden;"><input id="sbn-subscribe-email" type="email" name="email" autocomplete="email" inputmode="email" placeholder="訂閱我們的電子報，尊享獨家優惠" style="box-sizing: border-box; flex: 1 1 auto; min-width: 0; border: 0; outline: none; padding: 16px 20px; font-size: 16px; line-height: 1.4; background: transparent; color: #212121;"> <button type="button" id="sbn-subscribe-button" aria-label="Subscribe" style="box-sizing: border-box; flex: 0 0 auto; border: 0; border-left: 1px solid #f3f3f3; background: #ffffff; cursor: pointer; padding: 12px 16px; display: flex; align-items: center; justify-content: center; outline: none;"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/isolation_mode.png" alt="" width="22" height="22" style="display: block;"> </button></div>
</div>
</div>
<p style="margin: 20px 20px; font-size: 20px; line-height: 26px; font-weight: bold; color: #fa4c8b;">首次訂閱即享專屬優惠碼<br>保養、香水、美妝好物限時推薦不錯過</p>
<div style="margin-bottom: 80px;">
<div style="display: grid; grid-template-columns: repeat(2, 40%); justify-content: center; align-items: center; justify-items: center; gap: 10px;"><img src="https://d.cdnsbn.com/images/promotionupload/2376/1cn.png" width="100%" alt="EXT88" id="code-EXT88" style="cursor: pointer;"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/2cn.png" width="100%" alt="WED85" id="code-WED85" style="cursor: pointer;"></div>
<br>
<div style="display: grid; grid-template-columns: repeat(2, 40%); justify-content: center; align-items: center; justify-items: center; gap: 10px;"><img src="https://d.cdnsbn.com/images/promotionupload/2376/3cn.png" width="100%" alt="GOGO82" id="code-GOGO82" style="cursor: pointer;"> <a href="https://www.strawberrynet.com/zh-Hant-HK/" title="Natural Beauty"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/4cn.png" width="100%" alt="Natural Beauty"> </a></div>
</div>
<div style="margin-bottom: 90px;">
<div style="display: block; position: relative; padding: 20px 20px; background-image: url('https://d.cdnsbn.com/images/promotionupload/2376/bg_cat.png'); background-repeat: round;">
<p style="margin: 20px 20px; font-size: 20px; line-height: 26px; font-weight: bold; color: #7a3a9a;">認識更多<br>Strawberrynet<br><br></p>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; align-items: center; justify-items: center; gap: 5px;"><a href="https://www.strawberrynet.com/zh-Hant-HK/skincare" title="護膚保養"><img src="https://d.cdnsbn.com/images/promotionupload/2376/01_550x4101.png" width="100%" alt="護膚保養"><br><span style="color: #7a3a9a;"><strong>護膚保養</strong></span></a> <a href="https://www.strawberrynet.com/zh-Hant-HK/makeup" title="美容彩妝"><img src="https://d.cdnsbn.com/images/promotionupload/2376/02_550x4101.png" width="100%" alt="美容彩妝"><br><span style="color: #7a3a9a;"><strong>美容彩妝</strong></span></a> <a href="https://www.strawberrynet.com/zh-Hant-HK/haircare" title="秀髮護理"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/04_550x4101.png" width="100%" alt="秀髮護理"><span style="color: #7a3a9a;"><strong>秀髮護理</strong></span></a> <a href="https://www.strawberrynet.com/zh-Hant-HK/perfume" title="芬芳繚繞"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/08_550x4101.png" width="100%" alt="芬芳繚繞"><span style="color: #7a3a9a;"><strong>芬芳繚繞</strong></span></a></div>
</div>
</div>
</div>
</div>
</div>

Subscription Page