Justin + Simon Reward Program
<style>
.cms-js-rewards-men-underwear .page-wrapper .page-main {
max-width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page {
max-width: 100%;
margin: auto;
text-align: center;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .banner.mobile {
display: none;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content{
max-width: 1240px;
margin: auto;
margin-top: 63px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left{
width: 75%;
display: inline-block;
min-width: 360px;
vertical-align: top;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one{
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 63px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_img{
width: 380px;
display: block;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text{
width: 480px;
display: block;
padding-left: 26px;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .mb_rewards_number{
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text h2{
font-size: 33px;
font-family: "WorkSans ExtraBold";
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid black;
display: inline;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text h3{
font-family: "WorkSans Regular";
font-size: 17px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text p{
font-size: 15px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .fold_button{}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .fold_button a{
color: #fff;
background: #000;
font-size: 18px;
font-family: "WorkSans ExtraBold";
display: inline-block;
position: relative;
margin-top: 15px;
margin-left: 5px;
padding: 5px 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .fold_button a::after {
position: absolute;
content: "";
border: 2px solid #FFBD09;
width: 100%;
height: 100%;
top: -0.6rem;
left: -0.6rem;
transition: all 0.2s ease-in-out;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .fold_button a:hover::after {
top: 0;
left: 0;
width: 99%;
height: 96%;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two{
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 63px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text{
width: 380px;
display: block;
text-align: right;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text .mb_rewards_number{
display: inline-block;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text h2{
font-size: 33px;
font-family: "WorkSans ExtraBold";
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid black;
display: inline;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text h3{
font-family: "WorkSans Regular";
font-size: 17px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text p{
font-size: 15px;
max-width: 370px;
float: right;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_img{
width: 480px;
display: block;
padding-left: 26px;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three{
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 63px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_img{
width: 380px;
display: block;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text{
width: 480px;
display: block;
padding-left: 26px;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text .mb_rewards_number{
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text h2{
font-size: 33px;
font-family: "WorkSans ExtraBold";
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid black;
display: inline;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text h3{
font-family: "WorkSans Regular";
font-size: 17px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text p{
font-size: 15px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_right{
width: 24%;
display: inline-block;
min-width: 280px;
vertical-align: top;
padding: 22px 16px 23px 22px;
background-color: #EFEFEF;
text-align: left;
box-sizing: border-box;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_right p{
font-size: 15px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_right a{
border-bottom: 1px solid #FFBD09;
color: #000;
}
@media only screen and (max-width: 1200px){
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_img {
width: 40%;
display: block;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text {
width: 55%;
display: block;
padding-left: 5%;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text {
width: 40%;
display: block;
text-align: right;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_img {
width: 55%;
display: block;
padding-left: 5%;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_img {
width: 40%;
display: block;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text {
width: 55%;
display: block;
padding-left: 5%;
height: 338px;
text-align: left;
float: left;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_right {
width: 80%;
display: inline-block;
min-width: 280px;
vertical-align: top;
padding: 22px 16px 23px 22px;
background-color: #EFEFEF;
text-align: left;
box-sizing: border-box;
}
.mini-title{
text-align: center;
font-family: "WorkSans Regular";
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
}
}
@media only screen and (max-width: 768px){
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .banner.desktop {
display: none;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .banner.mobile {
display: block;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .banner.mobile img{
width: 100%;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one {
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_img {
width: 380px;
display: block;
float: none;
max-width: 100%;
margin: auto;
margin-bottom: 20px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text {
width: 480px;
display: block;
padding-left: 0;
height: 338px;
text-align: center;
float: none;
max-width: 100%;
margin: auto;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_one .mb_rewards_content_item_one_text .mb_rewards_number {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two {
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text {
width: 380px;
display: block;
text-align: center;
float: none;
max-width: 100%;
margin: auto;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_text .mb_rewards_number {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_two .mb_rewards_content_item_two_img {
width: 480px;
display: block;
padding-left: 0;
height: auto;
text-align: left;
float: none;
margin: auto;
max-width: 100%;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three {
vertical-align: top;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_img {
width: 380px;
display: block;
float: none;
max-width: 100%;
margin: auto;
margin-bottom: 20px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text {
width: 480px;
display: block;
padding-left: 0;
height: auto;
text-align: center;
float: none;
max-width: 100%;
margin: auto;
margin-bottom: 20px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_left .mb_rewards_content_item_three .mb_rewards_content_item_three_text .mb_rewards_number {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.cms-js-rewards-men-underwear .page-wrapper .page-main .mb_rewards_page .mb_rewards_content_right {
width: 80%;
display: inline-block;
min-width: 280px;
vertical-align: top;
padding: 22px 16px 23px 22px;
background-color: #EFEFEF;
text-align: left;
box-sizing: border-box;
}
}
</style>
<div class="mb_rewards_page">
<div class="banner desktop"><img src="{{media url=wysiwyg/reward-new/banner-rewards-program-mb-text.jpg}}" alt="Joe Snyder Reward Program" width="1920" height="595"></div>
<div class="banner mobile"><img src="{{media url=wysiwyg/reward-new/banner-rewards-program-mobile-mb-text.jpg}}" alt="Joe Snyder Reward Program" width="459" height="595"></div>
<div class="mb_rewards_content">
<div class="mb_rewards_content_left">
<div class="mb_rewards_content_item_one">
<div class="mb_rewards_content_item_one_img"><img src="{{media url=wysiwyg/reward-new/image-step-one.jpg}}" alt="Joe Snyder Reward Program Step One"></div>
<div class="mb_rewards_content_item_one_text"><span class="mb_rewards_number"> <img src="{{media url=wysiwyg/reward-new/step-one.png}}" alt="Joe Snyder Reward Program Step One"> </span>
<h2>Loyalty has its perks!</h2>
<h3>CREATE YOUR ACCOUNT & BUY:</h3>
<p>Make sure you create or login into your account, then Shop from any our collections, brands or styles. The more you buy the more point you’ll get.</p>
<div class="fold_button"><a href="https://joe-snyder.us/customer/account/login/" target="_blank" rel="noopener">Create Your Account Now</a></div>
</div>
</div>
<div class="mb_rewards_content_item_two">
<div class="mb_rewards_content_item_two_text"><span class="mb_rewards_number"> <img src="{{media url=wysiwyg/reward-new/step-two.png}}" alt="Joe Snyder Reward Program Step Two"> </span>
<h2>Spend and Earn</h2>
<h3>GET POINTS:</h3>
<p>You will earn 1 Joe Snyder point for every 10 dollars you spent.</p>
</div>
<div class="mb_rewards_content_item_two_img"><img src="{{media url=wysiwyg/reward-new/image-step-two.jpg}}" alt="Joe Snyder Reward Program Step Two"></div>
</div>
<div class="mb_rewards_content_item_three">
<div class="mb_rewards_content_item_three_img"><img src="{{media url=wysiwyg/reward-new/image-step-three.jpg}}" alt="Joe Snyder Reward Program Step Two"></div>
<div class="mb_rewards_content_item_three_text"><span class="mb_rewards_number"> <img src="{{media url=wysiwyg/reward-new/step-three.png}}" alt="Joe Snyder Reward Program Step Three"> </span>
<h2>Get your favorite underwear</h2>
<h3>GET REWARDED:</h3>
<p>Now you have earned your points, used them to purchase more underwear, to cover your shipping or get gift certificates. You decide.</p>
</div>
</div>
</div>
<div class="mb_rewards_content_right">
<p class="mini-title">Points that will never expire.</p>
<p class="mini-title">Check your balance on <br><a href="https://joe-snyder.us/customer/account/login/" target="_blank" rel="noopener">“My Account”</a></p>
<p>No limits on the amount of points you can accumulate or spend.</p>
<p>Joe Snyder reward points are exchangeable for merchandise and are received at a rate of $1 of store credit for every $10 spent towards merchandise. You must create and login into your account before checkout for points to have effect. Joe Snyder Corp reserves the right to change or terminate the Joe Snyder Rewards Program without Notice. Joe Snyder Reward Point are only redeemable towars merchandise purchased directly on <br><a href="https://joe-snyder.us/" target="_blank" rel="noopener">Joe-snyder.us</a></p>
</div>
</div>
</div>
