Skip to content

Instantly share code, notes, and snippets.

@benweiser
Created August 1, 2016 20:37
Show Gist options
  • Save benweiser/2a9dcad9e655e51355c1ab351f69a22f to your computer and use it in GitHub Desktop.
Save benweiser/2a9dcad9e655e51355c1ab351f69a22f to your computer and use it in GitHub Desktop.
<div id="mobile-body">
<hr>
<section>
<h2>FEATURES</h2>
<ul class="mobile-features">
<li>
<img src="/content/dam/Mobile/mobilefreeplay/DGTL1214_CET_MobileDownloadableCredits_Landingpage_clock.png" alt=""/>
<p>Manage your Free Play Bank and downloadable offers 24/7 with your mobile device as you move from game to game</p>
</li>
<li>
<img src="/content/dam/Mobile/mobilefreeplay/DGTL1214_CET_MobileDownloadableCredits_Landingpage_hand.png" alt=""/>
<p>The ultimate in ease and mobility</p>
</li>
<li>
<img src="/content/dam/Mobile/mobilefreeplay/DGTL1214_CET_MobileDownloadableCredits_Landingpage_mobile.png" alt=""/>
<p>play by Total Rewards is available for Apple iPhone, iPad, Android smartphones, and Android tablets</p>
</li>
</ul>
<ul class="mobile-features">
<li>
<img src="/content/dam/Mobile/mobilefreeplay/DGTL1214_CET_MobileDownloadableCredits_Landingpage_card.png" alt=""/>
<p>Exclusive mobile offers for Total Rewards Members through play by Total Rewards</p>
</li>
<li>
<img src="/content/dam/Mobile/mobilefreeplay/DGTL1214_CET_MobileDownloadableCredits_Landingpage_pig.png" alt=""/>
<p>When you remove your Total Rewards Card from the game, any unused Free Play remains in your bank and is available for download for 24 hours</p>
</li>
</ul>
</section>
<hr>
</div>
<style>
section{
text-align:center;
padding:24px 0px 24px 0px;
overflow:hidden;
}
section h2{
display:block;
text-align:left;
color:#929699;
font-size:24px;
text-transform:uppercase;
margin:24px 0px 0px;
}
.mobile-links{
margin-top:-35px;
}
.mobile-features{
width:100%;
}
.mobile-features li{
display:inline-block;
float:left;
text-align:center;
width:25%;
margin:20px 2%;
}
.mobile-features img {
display:block;
margin:0 auto;
}
.mobile-features p {
display:block;
clear:both;
color:#000;
height:100px;
}
@media screen and (max-width:610px){
.mobile-features li{
width:100%;
margin:20px 0% 0px;
}
.mobile-app{
text-align:center;
}
.mobile-links{
margin-top:10px;
margin-left:0;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment