landing-page

<body style="background:#transparent none center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: 100%;min-height: 100%;width: 100%;background-color: #transparent;background-position: center;background-size: cover;background-image: none;background-repeat: no-repeat;box-sizing: border-box ! important;margin: 0 !important;padding: 0 !important;"> <div class="wrapper" style="-webkit-box-sizing: border-box;-moz-box- sizing: border-box;display: flex;flex-direction: column;height: 100vh;box-sizing: border-box !important;"> <div class="templateSection templateHeader" style="background:#transparent none no-repeat center/cover;- webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: flex;flex-shrink: 0;justify-content: center;padding-right: 0px;padding-left: 0px;background-color: #transparent;background-image: none;background-repeat: no- repeat;background-position: center;background-size: cover;border- top: 0;border-bottom: 0;padding-top: 54px;padding-bottom: 0;box- sizing: border-box !important;"> <div class="headerContainer contentContainer" style="background:#efb0b0 none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-width: 780px;width: 100%;flex: 0 0 auto;background-color: #efb0b0;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 36px;padding-bottom: 18px;box-sizing: border-box ! important;"> <div class="mcnImageBlock mcnImageBlockInner" style="padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box ! important;"> <div class="mcnImageContent" style="display: flex;padding-right: 9px;padding-left: 9px;padding-top: 0;padding- bottom: 0;justify-content: center;-webkit-box-sizing: border-box;- moz-box-sizing: border-box;box-sizing: border-box ! important;"><img alt="" src="https://gallery.mailchimp.com/314345db7fbe9945a5b0a55ca /images/7760f41e-d1a2-4f8e-8e70-c44b0b13de4e.png" style="max-width: 100%;align-self: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 0;height: auto;outline: none;text-decoration: none;vertical-align: bottom;box-sizing: border-box !important;" class="mcnImage" width="150" /></div> </div> </div> </div> <div class="templateSection templateBody" style="background:#transparent none no-repeat center/cover;- webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: flex;flex-shrink: 0;justify-content: center;padding-right: 0px;padding-left: 0px;background-color: #transparent;background-image: none;background-repeat: no- repeat;background-position: center;background-size: cover;border- top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 117px;box-sizing: border-box !important;"> <div class="sectionFlexColumn" style="-webkit-box-sizing: border- box;-moz-box-sizing: border-box;align-items: center;display: flex;flex-direction: column;width: 100%;box-sizing: border-box ! important;"> <div class="bodyContainer contentContainer" style="background:#fdf2f0 none no-repeat center/cover;-webkit- box-sizing: border-box;-moz-box-sizing: border-box;max-width: 780px;width: 100%;flex: 0 0 auto;background-color: #fdf2f0;background-image: none;background-repeat: no- repeat;background-position: center;background-size: cover;border- top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 45px;box- sizing: border-box !important;"> <div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;- moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border- box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border- box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #572235;-webkit-box-sizing: border-box;-moz-box-sizing: border- box;word-break: break-word;flex-flow: column;font-family: Helvetica;font-size: 16px;line-height: 150%;text-align: left;box- sizing: border-box !important;"> <p style="text-align: center;color: #572235;-webkit-box-sizing: border-box;-moz-box- sizing: border-box;margin: 10px 0;padding: 0;font-family: Helvetica;font-size: 16px;line-height: 150%;box-sizing: border-box ! important;">The countdown is on. Our Natural Hair Protective Styling store launches soon. <br style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box ! important;" /> Experience Pure Luxury.</p> </div> </div> </div> </div> <div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;- moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border- box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border- box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #000000;text-align: center;-webkit-box-sizing: border-box;-moz- box-sizing: border-box;word-break: break-word;flex-flow: column;font-family: Helvetica;font-size: 16px;line-height: 150%;box-sizing: border-box !important;"> <h1 class="mc- toc-title" style="text-align: center;-webkit-box-sizing: border- box;-moz-box-sizing: border-box;display: block;margin: 0;padding: 0;color: #fdf2f0;font-family: Helvetica;font-size: 40px;font-style: normal;font-weight: bold;line-height: 150%;letter-spacing: normal;box-sizing: border-box !important;"><span style="color: #696969;-webkit-box-sizing: border-box;-moz-box- sizing: border-box;box-sizing: border-box ! important;"><strong style="-webkit-box-sizing: border- box;-moz-box-sizing: border-box;box-sizing: border-box ! important;"><span style="font-size: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box ! important;">Join the list.<br style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box ! important;" /> Get $25</span></strong></span></h1> </div> </div> </div> </div> <div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box ! important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box- sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #572235;line-height: 200%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break- word;flex-flow: column;font-family: Helvetica;font-size: 16px;box- sizing: border-box !important;"> <p style="text-align: center;color: #572235;line-height: 200%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-family: Helvetica;font-size: 16px;box-sizing: border-box ! important;">We are giving away $25 gift cards to our first 200 subscribers. <br style="-webkit-box-sizing: border-box;-moz- box-sizing: border-box;box-sizing: border-box !important;" /> Sign up below and we will send your gift card right over<br style="-webkit-box-sizing: border-box;-moz-box-sizing: border- box;box-sizing: border-box !important;" /></p> </div> </div> </div> </div> <div style="display: flex;align-items: center;justify-content: center;overflow: hidden;-webkit-box-sizing: border-box;-moz-box- sizing: border-box;box-sizing: border-box !important;"> <div class="mcnSignUpFormContentContainer" style="flex: auto;align- items: center;justify-content: center;padding-top: 27px;padding- right: 18px;padding-bottom: 9px;padding-left: 18px;-webkit-box- sizing: border-box;-moz-box-sizing: border-box;box-sizing: border- box !important;"> <div class="mcnTextContent" data-dojo- attach-point="formContentContainer" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break- word;flex-flow: column;color: #808080;font-family: Helvetica;font- size: 16px;line-height: 150%;text-align: left;box-sizing: border-box ! important;"><!-- Form Fields --> <div class="content__formFields" data-dojo-attach- point="formFieldsContainer" style="-webkit-box-sizing: border- box;-moz-box-sizing: border-box;box-sizing: border-box ! important;"><script type="text/javascript" src="//admin.mailchimp.com/release/1.1.1d0b76916f37877c14c88 061f82d14762f14ed7ed/js/dojo/dojo.js" data-dojo- config="parseOnLoad: true, usePlainJson: true, isDebug: false"></script> <div data-dojo-type="mojo/pages- signup-forms/Loader" endpoint="//mc.us17.list- manage.com/signup-form/settings? u=314345db7fbe9945a5b0a55ca&amp;id=00fcdde1f0">< /div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="//mc.us17.list-manage.com/pages/track/open? u=314345db7fbe9945a5b0a55ca&amp;id=0300b4cfe1f0" type="text/javascript"></script></body>