<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/en_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;">Keep In Touch</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="Subscribe to our newsletter for exclusive offers!" 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;">Enjoy a special promo code when you subscribe for the first time.<br>Don't miss limited-time recommendations on skincare, fragrances, and must-have beauty picks.</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/1en.png" width="100%" alt="EXT88" id="code-EXT88" style="cursor: pointer;"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/2en.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/3en.png" width="100%" alt="GOGO82" id="code-GOGO82" style="cursor: pointer;"> <a href="https://www.strawberrynet.com/en-US/" title="Natural Beauty"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/4en.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;">About<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/en-US/skincare" title="skincare"><img src="https://d.cdnsbn.com/images/promotionupload/2376/01_550x4101.png" width="100%" alt="skincare"><br><span style="color: #7a3a9a;"><strong>Skincare</strong></span></a> <a href="https://www.strawberrynet.com/en-US/makeup" title="makeup"><img src="https://d.cdnsbn.com/images/promotionupload/2376/02_550x4101.png" width="100%" alt="makeup"><br><span style="color: #7a3a9a;"><strong>Makeup</strong></span></a> <a href="https://www.strawberrynet.com/en-US/haircare" title="haircare"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/04_550x4101.png" width="100%" alt="haircare"><span style="color: #7a3a9a;"><strong>Haircare</strong></span></a> <a href="https://www.strawberrynet.com/en-US/perfume" title="perfume"> <img src="https://d.cdnsbn.com/images/promotionupload/2376/08_550x4101.png" width="100%" alt="perfume"><span style="color: #7a3a9a;"><strong>Perfume</strong></span></a></div>
</div>
</div>
</div>
</div>
</div>

Subscription Page