<?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" media="all"> #col1 { display: none; } #col2 { width: auto; float: none; } #landing-page { text-align: center; position: relative; font-size: 16px; background: url("http://s3.golfballs.com/images/creative/customLogo/2016-07_FreeFlag/back.jpg") 0 top no-repeat #e15601; border-radius: 5px; padding: 10px 0; } #landing-page * { font-family: 'Roboto', sans-serif; } #landing-page h1 { font-size: 3.5em; margin-bottom: 10px; color: #e15601; text-transform: uppercase; text-shadow: 0 2px 1px rgba(0,0,0,0.4); } #landing-page h1 span { display: block; font-size: 0.4em; color: #a4bec8; font-weight: 300; } #landing-page .bullets { position: absolute; z-index: 1000; right: 0; background: rgba(255,255,255,0.8); padding: 5px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-top: 70px; } #landing-page .bullets h2 { color: #444; border: none; } #landing-page .bullets ul { font-size: 0.8em; margin: 0; padding-left: 20px; text-align: left; } #landing-page .bullets ul li { margin-bottom: 0.7em; } #landing-page .hero { margin: 0 auto; } @media screen and (max-width: 575px) { #landing-page .hero { background: url("http://s3.golfballs.com/images/creative/customLogo/2016-07_FreeFlag/flag.png") no-repeat 0 0; position: relative; padding-bottom: 68%; max-width: 575px; height: 0; width: auto; margin-bottom: 1em; background-size: 100%; } } @media screen and (min-width: 575px) { #landing-page .hero { background: url("http://s3.golfballs.com/images/creative/customLogo/2016-07_FreeFlag/flag.png") no-repeat 0 0; position: relative; width: 575px; height: 391px; margin-bottom: 1em; } } #landing-page .balls { position: absolute; width: 266px; height: 160px; background: url("http://s3.golfballs.com/images/creative/customLogo/2016-07_FreeFlag/balls.png") 0 0 no-repeat; margin-top: -110px; right: 0; } #landing-page .content { color: #192429; margin-top: 2em; font-size: 1.2em; } #landing-page .content p.one { font-weight: 700; font-size: 1.8em; } #landing-page .content p.one span { font-size: 0.8em; display: block; } #landing-page .content p.expires { font-size: 0.7em; } #landing-page .content .two { color: #fff; font-size: 0.8em; } #landing-page .content .two .logos { width: 447px; height: 53px; background: url("http://s3.golfballs.com/images/creative/customLogo/2016-07_FreeFlag/logos.png") 0 0 no-repeat; margin: 0 auto; } #landing-page .content .cta-bar { margin: 1.5em 0; } #landing-page .content .cta-bar .cta, #landing-page .content .cta-bar .or { display: inline-block; } #landing-page .content .cta-bar .cta { background: #ffdcc6; padding: 8px 15px; margin: 0 5px; color: #192429; border-radius: 4px; text-decoration: none; box-shadow: 0 1px 1px rgba(0,0,0,0.4); } #landing-page .content .cta-bar .cta:after { content: '\00BB'; margin-left: 8px; } #landing-page .content .cta-bar .cta:hover { background: #fff; } #landing-page .content .three { margin: 0 100px 1em 100px; } #landing-page .disclaimer { font-size: 0.7em; } #mobile-wrapper #landing-page { font-size: 12px; background: none; } #mobile-wrapper #landing-page h1 { text-shadow: none; } #mobile-wrapper #landing-page .bullets { margin: 0; position: static; font-size: 1.2em; } #mobile-wrapper #landing-page .bullets ul { text-align: center; padding: 0; list-style-type: none; } #mobile-wrapper #landing-page .balls { display: none; } #mobile-wrapper #landing-page .two { display: none; } #mobile-wrapper #landing-page .cta-bar .cta { background: #e15601; color: #fff; } #mobile-wrapper #landing-page .cta-bar .cta:hover { background: #fe721d; } @media screen and (max-width: 500px) { #mobile-wrapper #landing-page .or { display: block; } #mobile-wrapper #landing-page .three { margin: 0 0 1em 0; } } </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> <script> WebFontConfig = { google: { families: [ 'Roboto: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-page"> <h1>Free Custom Logo Flag<span>with your order of 12dz or more logo golf balls</span></h1> <div class="bullets"> <h2>Flag Features</h2> <ul> <li>Great for Tournaments, Events and Displays!</li> <li>White, traditional style pin flag</li> <li>Canvas Heading, Brass Grommets</li> <li>Size: 14" x 20" </li> <li>Digitally decorated logo</li> <li>Decoration area: 8" x 12" w/ full-color logo</li> </ul> </div> <div class="hero"></div> <div class="balls"></div> <div class="content"> <p class="one">Receive a Free Custom Logo Flag <span>with your order of 12dz or more logo golf balls!</span></p> <p class="expires">Offer expires 7/29/2016 or while supplies last.</p> <div class="two">Combine that with great Free Dozen Offers from <div class="logos"></div> </div> <div class="cta-bar"><a href="/Custom-Logo/Logo-Golf-Balls.html" class="cta">Browse Logo Golf Balls</a> <div class="or">or </div><a href="/Custom-Logo/Request-a-Free-Custom-Quote.html" class="cta">Request a Free Quote</a> </div> <p class="three">Mention this offer to your custom logo representative to add the Custom Logo Flag to your qualifying order.</p> <div class="disclaimer">*May not be available on all brands due to manufacturer restrictions. Limit one free custom logo flag per order. </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>