<?xml version="1.0"?> <ContentConfig xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <Widgets> <WidgetObject> <Name> HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> </ControlAndLocation> </Controls> <Config> <?xml version="1.0"?> <ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <HTML><style> #code { display: none; } body { width: 100%; height: 100%; } #topWrapper-2017, #nav-2017, #nav-mid2017, #footerWrapper-1, #footer-2017, #footerLinks-2017, #sitewide-bar, #breadcrumbs, #searchBar { display: none; } #col1 { display: none; } #col2 { float: none; width: auto; } #roadblock { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 100%; overflow: auto; background: #feffff; background: -moz-linear-gradient(top, #feffff 0%, #d6d6d6 50%, #fff 100%); background: -webkit-linear-gradient(top, #feffff 0%, #d6d6d6 50%, #fff 100%); background: linear-gradient(to bottom, #feffff 0%, #d6d6d6 50%, #fff 100%); } #roadblock img { max-width: 100%; } #roadblock #roadblock-inner { max-width: 800px; margin: 0 auto; padding: 0; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } #roadblock #roadblock-inner .roadblock-headline { padding-top: 0.5em; } #roadblock #roadblock-inner .roadblock-video { text-align: center; } #roadblock #roadblock-inner .roadblock-video video { max-width: 100%; max-height: 35vh; } #roadblock #roadblock-inner ul.roadblock-skus { margin: 0; padding: 0; list-style-type: none; } #roadblock #roadblock-inner ul.roadblock-skus li { width: 50%; float: left; text-align: center; box-sizing: border-box; padding: 0 10px; } #roadblock #roadblock-inner ul.roadblock-skus li:first-child { text-align: right; } #roadblock #roadblock-inner ul.roadblock-skus li:last-child { text-align: left; } #roadblock #roadblock-inner ul.roadblock-skus li img { display: inline-block; } #roadblock #roadblock-inner ul.skus { margin: 0; padding: 0; list-style-type: none; } #roadblock #roadblock-inner ul.skus li { width: 50%; float: left; text-align: center; box-sizing: border-box; padding: 0 10px; } #roadblock #roadblock-inner ul.skus li:first-child { text-align: right; } #roadblock #roadblock-inner ul.skus li:last-child { text-align: left; } #roadblock #roadblock-inner ul.skus li img { display: inline-block; max-width: 90%; max-height: 20vh; } #roadblock #roadblock-inner .roadblock-cta { text-align: center; clear: both; } #roadblock #roadblock-inner .roadblock-cta a { display: inline-block; background: #333; padding: 8px 20px; color: #fff; text-decoration: none; font-size: 1.5em; border-radius: 4px; } #roadblock #roadblock-inner .roadblock-cta a:after { content: '\00BB'; margin-left: 10px; } #roadblock .roadblock-footer { width: 100%; height: $footerHeight -20px; text-align: center; background: rgba(255,255,255,0.6); padding: 10px 0; box-sizing: border-box; } #roadblock .roadblock-footer img { max-height: 100%; } @media screen and (max-width: 800px) { #roadblock .roadblock-headline { text-align: center; } #roadblock .roadblock-headline img { max-width: 90%; } } </style></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> <WidgetObject> <Name> HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> </ControlAndLocation> </Controls> <Config> <?xml version="1.0"?> <ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <HTML><div id="roadblock"> <div id="roadblock-inner"> <div class="roadblock-headline"><a href="https://www.golfballs.com/TaylorMade-Special-Offer.html?utm_source=golfnowmobileapp&amp;utm_medium=referral&amp;utm_campaign=taylormademobiletakeover&amp;utm_content=taylormade3and1landing&amp;t=golfnowmobileapp"><img src="http://s3.golfballs.com/images/creative/brands/TaylorMade/2018-01_TP5-3and1/roadblock/headline.png"/></a></div> <div class="roadblock-video"> <video src="http://s3.golfballs.com/images/creative/brands/TaylorMade/2018-01_TP5-3and1/roadblock/video.webm" controls="controls" autoplay="autoplay"></video> </div> <ul class="roadblock-skus"> <li><a class="img" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls-Buy-3-Dozen-Get-1-Dozen-Free.htm?p1=P&amp;utm_source=golfnowmobileapp&amp;utm_medium=referral&amp;utm_campaign=taylormademobiletakeover&amp;utm_content=taylormadetp53and1&amp;t=golfnowmobileapp"><img src="http://s3.golfballs.com/images/creative/brands/TaylorMade/2018-01_TP5-3and1/roadblock/ball-tp5.png"/></a></li> <li><a class="img" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls-Buy-3-Dozen-Get-1-Dozen-Free.htm?p1=P&amp;utm_source=golfnowmobileapp&amp;utm_medium=referral&amp;utm_campaign=taylormademobiletakeover&amp;utm_content=taylormadetp5x3and1&amp;t=golfnowmobileapp"><img src="http://s3.golfballs.com/images/creative/brands/TaylorMade/2018-01_TP5-3and1/roadblock/ball-tp5x.png"/></a></li> </ul> <div class="roadblock-cta"><a href="https://www.golfballs.com/TaylorMade-Special-Offer.html?utm_source=golfnowmobileapp&amp;utm_medium=referral&amp;utm_campaign=taylormademobiletakeover&amp;utm_content=taylormade3and1landing&amp;t=golfnowmobileapp">Shop Now</a></div> <div class="roadblock-footer"><img src="http://s3.golfballs.com/images/creative/brands/TaylorMade/2018-01_TP5-3and1/roadblock/logo-gbc.png"/> </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>