<?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 type="text/css">#col1 { display: none; } #col2 { float: none; width: 920px; overflow: auto; } a.cta { border-radius: 4px; padding: 10px 12px; text-align: center; color: #533500; text-decoration: none; font-weight: 400; background: #ffaa16; } a.cta:after { content: '\00BB'; margin-left: 5px; font-size: 1.3em; } .block { max-width: 920px; margin: 0 auto 1em auto; position: relative; max-width: 920px; overflow: auto; margin: 0 auto 1em auto; border-radius: 5px; } .block h2, .block li, .block a, .block div { font-family: 'Roboto', 'Roboto Condensed'; font-weight: 400; } #landing { font-size: 16px; } #landing * { font-family: 'Roboto', 'Roboto Condensed'; } #landing .headline { text-align: center; margin: 20px 0; } #landing .headline.one { image-rendering: auto; } #landing .headline.two { image-rendering: crisp-edges; } #landing .headline.text img { width: 200px; } #landing .headline.text header { color: #ffaa16; font-size: 2em; text-transform: uppercase; line-height: 1.5em; } #landing .headline.text header span { font-size: 2.3em; display: block; color: #fff !important; font-weight: bold; } #count { text-align: center; background: #ffaa16; padding: 10px 0; color: #333; font-size: 3em; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-weight: 300; } #count:before { content: 'Final Days!'; } #count .counter { margin-left: 10px; font-size: 0.5em; } #count .counter span { text-transform: none; font-weight: 700; margin-left: 5px; } #count .counter:before { content: 'Offer ends '; } .promo { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; clear: both; background: #ffaa16; padding: 5px 0; text-align: center; color: #372300; font-size: 1.4em; margin-bottom: 0.5em; line-height: normal; } .promo p { margin-bottom: 0; } .promo span { margin-left: 10px; font-size: 2em; } .urgency { text-align: center; color: #3d3819; font-size: 2.7em; font-weight: 400; background: #ffaa16; text-transform: uppercase; letter-spacing: 5px; padding: 10px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 0; } .urgency span { display: block; font-size: 0.5em; } #b { max-width: 920px; margin: 0 auto 1em auto; position: relative; max-width: 920px; overflow: auto; margin: 0 auto 1em auto; border-radius: 5px; background: #0f0f0f; background: -webkit-linear-gradient(left, #0f0f0f, #3f3f3f, #0f0f0f); background: -moz-linear-gradient(left, #0f0f0f, #3f3f3f, #0f0f0f); background: -o-linear-gradient(left, #0f0f0f, #3f3f3f, #0f0f0f); background: -ms-linear-gradient(left, #0f0f0f, #3f3f3f, #0f0f0f); background: linear-gradient(to right, #0f0f0f, #3f3f3f, #0f0f0f); } #b h2, #b li, #b a, #b div { font-family: 'Roboto', 'Roboto Condensed'; font-weight: 400; } #b .tooLow { background: url("http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/badge-side.png") 0 0 no-repeat; width: 306px; height: 147px; right: 0; position: absolute; } #e { max-width: 920px; margin: 0 auto 1em auto; position: relative; max-width: 920px; overflow: auto; margin: 0 auto 1em auto; border-radius: 5px; background: #1a6389; background: -webkit-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -moz-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -o-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -ms-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: linear-gradient(to right, #1a6389, #258dc3, #1a6389); } #e h2, #e li, #e a, #e div { font-family: 'Roboto', 'Roboto Condensed'; font-weight: 400; } #e .promo { margin-bottom: 2em; } #e ul.skus { margin-left: 10px; margin-right: 10px; margin-bottom: 0; } #prior { background: #1a6389; background: -webkit-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -moz-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -o-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: -ms-linear-gradient(left, #1a6389, #258dc3, #1a6389); background: linear-gradient(to right, #1a6389, #258dc3, #1a6389); } #prior .headline header { line-height: 1.3em !important; } #prior .headline header span { font-size: 1.6em !important; } #tiger { max-width: 920px; margin: 0 auto 1em auto; } ul.skus { list-style-type: none; clear: both; text-align: center; margin: 10px 40px 0 40px; padding: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } ul.skus.skus-2 { margin-left: 80px; margin-right: 80px; } ul.skus.skus-3 li { width: 33%; } ul.skus.skus-3 li img { max-width: 90%; } ul.skus.skus-4 li { width: 25%; } ul.skus li { text-align: center; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.skus li img { max-width: 98%; -webkit-filter: drop-shadow(0px 8px 3px rgba(0,0,0,0.3)); rgba(0,0,0,0.3) filter: url("shadow.svg#drop-shadow"); margin-bottom: 0.5em; } ul.skus li a.imgLink { display: block; text-align: center; } ul.skus li a.button { display: inline-block; float: none; margin-top: 10px; margin-left: 60px; } ul.skus li .was, ul.skus li .now { color: #ffaa16; font-size: 1.2em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); } ul.skus li .was { text-decoration: line-through; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } ul.skus li .now { font-weight: bold; font-size: 1.4em; margin-bottom: 0.5em; } ul.skus.other { margin: 10px 100px 0 100px; } ul.skus.prior a:not(.btn) { height: 200px; } ul.skus.b { margin: 10px; } ul.skus.b img { max-width: 95%; } ul.skus.b a.button { margin-top: 0; } .disclaimer { clear: both; background: rgba(0,0,0,0.1); color: #fff; text-align: center; padding: 10px; } .disclaimer .separator { background: #fff; height: 20px; } .disclaimer.custom { font-size: 0.8em; } #custom { background: url("http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/back-custom.png") center top repeat-y; } #custom .headline { margin-left: 50px; } #custom ul.skus a.button { margin-left: 0; } #custom ul.skus img { zoom: 0.7; } #custom ul.skus.skus-2 { margin-left: 20%; margin-right: 20%; } @media screen and (max-width: 900px) { ul.skus { margin-left: 10px; margin-right: 10px; } ul.skus.skus-4 li, ul.skus.skus-3 li { width: 50%; } ul.skus.skus-4 li img, ul.skus.skus-3 li img { max-width: 80%; } a.button { margin-left: 0; } .disclaimer { padding: 10px; } } @media screen and (max-width: 700px) { .headline { font-size: 0.7em; } .promo { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ul.skus.skus-4 li, ul.skus.skus-3 li { width: 100%; } ul.skus.skus-4 li img, ul.skus.skus-3 li img { max-width: 80%; } } @media screen and (max-width: 600px) { .headline { font-size: 0.65em; } .promo { font-size: 1em; } } @media screen and (max-width: 500px) { .headline { font-size: 0.55em; } } #ended-bar { padding: 10px 0; text-align: center; margin-bottom: 0.5em; background: #ffaa16; color: #666; font-size: 2.2em; border-radius: 4px; } #final-bar, #final-bar-2 { display: none; background: #ba1c1c; margin-bottom: 5px; color: #fff; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 10px; text-shadow: 0 1px 0px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.2); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #final-bar .offer, #final-bar-2 .offer { font-size: 2.3em; font-weight: 700; margin-right: 10px; } #final-bar .offer span, #final-bar-2 .offer span { display: inline-block; } #final-bar #countdown, #final-bar-2 #countdown { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #final-bar #countdown .smallCounter, #final-bar-2 #countdown .smallCounter { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -o-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #final-bar #countdown .lg, #final-bar-2 #countdown .lg { margin-right: 1em; color: #fff3bc; font-size: 26px; font-weight: bold; } @media screen and (max-width: 800px) { #final-bar, #final-bar-2 { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; line-height: 2em; } #final-bar #countdown, #final-bar-2 #countdown { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } #final-bar-2 { background: #3e7b8d; } .expireMsg { text-align: center; font-size: 2em; margin-bottom: 1em; } #ended { display: none; } </style> <script> WebFontConfig = { google: { families: [ 'Roboto Condensed:300,400,700:latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="landing"> <div class="block" id="e"> <div class="headline text"><img src="http://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Bridgestone.svg"/> <header>Buy 12 Dozen Logo Golf Balls<span>Get 6 Dozen Free!</span></header> </div> <div class="promo">Use code at checkout:<span>EVERY12GETS6</span></div> <ul class="skus skus-2"> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e6-Soft-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-e6-soft.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-e6-Soft-Golf-Balls.htm?p1=C"><span>Shop e6 Soft</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e6-Speed-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-e6-speed.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-e6-Speed-Golf-Balls.htm?p1=C"><span>Shop e6 Speed</span></a> </li> </ul> <ul class="skus skus-3"> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B330-S-Golf-Balls_1.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-b330s.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B330-S-Golf-Balls_1.htm?p1=C"><span>Shop B330-S</span></a> </li> <li><a class="imgLink" href="/Golf-/Balls/Bridgestone-e5-Custom-Logo-Golf-Balls.htm"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-e5.png"/></a><a class="cta" href="/Golf-/Balls/Bridgestone-e5-Custom-Logo-Golf-Balls.htm"><span>Shop e5</span></a> </li> <li><a class="imgLink" href="/Golf-/Balls/Bridgestone-Extra-Soft-Custom-Logo-Golf-Balls_1.htm"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-extra-soft.png"/></a><a class="cta" href="/Golf-/Balls/Bridgestone-Extra-Soft-Custom-Logo-Golf-Balls_1.htm"><span>Shop Extra Soft</span></a> </li> </ul> <div class="disclaimer custom">*Offer valid only on Bridgestone logo golf ball models listed above.</div> </div> <div id="tiger"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/block-tiger.jpg"/></div> <div class="block" id="b"> <div class="headline text"><img src="http://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Bridgestone.svg"/> <header>Buy 12 Dozen Logo Tour B Series Golf Balls<span>Get 4 Dozen Free!</span></header> </div> <div class="promo">Use code at checkout:<span>BUY12GET4FREE</span></div> <ul class="skus skus-3"> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RX-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-tour-b-rx.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RX-Golf-Balls.htm?p1=C"><span>Shop TOUR B RX</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RX-Yellow-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-tour-b-rxy.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RX-Yellow-Golf-Balls.htm?p1=C"><span>Shop TOUR B RX Yellow</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RXS-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-tour-b-rxs.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B-RXS-Golf-Balls.htm?p1=C"><span>Shop TOUR B RXS</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B-XS-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-tour-b-xs.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B-XS-Golf-Balls.htm?p1=C"><span>Shop TOUR B XS</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-Tour-B-X-Golf-Balls.htm?p1=C"><img src="http://s3.golfballs.com/images/creative/brands/Bridgestone/2018-02_DoubleDozens/custom-tour-b-x.png"/></a><a class="cta" href="/Golf-Balls/Balls/Bridgestone-Tour-B-X-Golf-Balls.htm?p1=C"><span>Shop TOUR B X</span></a> </li> </ul> <div class="disclaimer custom">*Offer valid only on current Bridgestone Golf TOUR B RX, TOUR B RX Yellow,<br> TOUR B RXS, TOUR B XS and TOUR B X logo golf balls.</div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>