<?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> #col1, #breadcrumbs { display: none; } #col2 { width: auto; float: none; } #content { width: auto; } .count { display: none; } #running, #ended { display: none; } #landing { font-size: 16px; margin-bottom: 2em; } #landing * { font-family: "Montserrat", "Lato", san-serif; } #landing a.cta { display: inline-block; padding: 10px 20px; font-weight: 700; text-decoration: none; border-radius: 4px; background: #c20f2f; color: #fff; } #landing a.cta:after { margin-left: 10px; content: '\00BB'; } #landing a.cta:hover { background: #de1136; } #landing a.cta.smaller { font-size: 0.8em; padding: 7px 15px; border-radius: 3px; } #landing .divider { display: block; height: 1px; background: #bbb; margin: 0 auto; max-width: 920px; } #landing ul.skus { display: flex; width: 100%; justify-content: space-evenly; list-style-type: none; margin: 0; padding: 0; } #landing ul.skus li { display: flex; flex-direction: column; justify-content: center; align-items: center; } #landing .block { padding: 20px 0; color: #555; max-width: 2600px; margin: 0 auto; } #landing .block h2, #landing .block h3, #landing .block h4 { color: #666; border: none; } #landing .block h2 { font-size: 3em; text-transform: uppercase; margin-bottom: 1em; } #landing .block h3 { font-size: 2.5em; text-transform: uppercase; margin: 0 0 1em 0; } #landing .block h4 { font-size: 1.5em; text-transform: uppercase; font-weight: 700; } #landing .block.dark { background: #c20f2f; color: #eee; } #landing .block.dark h2, #landing .block.dark h3, #landing .block.dark h4 { color: #eee; } #landing .block.dark a.cta { background: #fff; color: #c20f2f; } #landing .block .inner { position: relative; min-height: 100px; width: 920px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } #landing .block .badge { color: #fff; padding: 7px 30px; background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-01_ProV1Launch/ribbon-both.png") 0 0 no-repeat; background-size: 100% 100%; margin-bottom: 1em; font-size: 1.3em; font-weight: 400; border-radius: 0; } #landing .block.masthead { padding-bottom: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } #landing .block.masthead img.logo-titleist { position: absolute; left: 0; top: 0; margin-top: -5px; margin-right: 10px; width: 100px; } #landing .block.masthead .badge-new { width: 160px; margin-bottom: 1em; } #landing .block.masthead .all-new { font-size: 3em; text-transform: uppercase; } #landing .block.masthead .logo-trufeel { width: 550px; } #landing .block.masthead .golf-balls { font-size: 3em; text-transform: uppercase; } #landing .block.heroes { margin-top: -100px; } #landing .block.heroes ul.skus { margin-bottom: 1.3em; } #landing .block.heroes ul.skus a.cta { margin-top: -10px; } #landing .block.heroes ul.skus.custom a.cta { margin-top: 0; } #landing .block.heroes ul.skus.yellowadded { max-width: 100%; margin-bottom: 0; } #landing .block.heroes ul.skus.yellowadded li { margin-bottom: 1.5em; } #landing .block.heroes ul.skus.yellowadded li:nth-child(1) a.cta, #landing .block.heroes ul.skus.yellowadded li:nth-child(3) a.cta { margin-left: 40px; } #landing .block.heroes ul.skus.yellowadded li:nth-child(2) a.cta, #landing .block.heroes ul.skus.yellowadded li:nth-child(4) a.cta { margin-right: 40px; } #landing .block.heroes ul.skus.yellowadded a.cta { margin-top: -50px; } #landing .block.shipping .inner { flex-direction: row; font-size: 2em; justify-content: space-around; text-align: center; padding: 20px 0; color: #c20f2f; } #landing .block.shipping .inner .free { text-align: center; font-weight: 700; line-height: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } #landing .block.shipping .inner .free .one { text-transform: uppercase; font-size: 1.9em; } #landing .block.shipping .inner .free .two { font-size: 0.89em; } #landing .block.shipping .inner .free .three { font-size: 1.13em; } #landing .block.shipping .inner .promo .use { font-size: 0.7em; } #landing .block.shipping .inner .promo .code { font-weight: 700; font-size: 1.4em; color: #c20f2f; } #landing .block.shipping.dark { padding: 5px 0; font-size: 0.9em; } #landing .block.shipping.dark * { color: #fff !important; } #landing .block.skusall h3 { font-weight: 400; } #landing .block.skusall .logo { max-width: 120px; } #landing .block.skusall ul.skus li { text-align: center; } #landing .block.skusall ul.skus img { max-width: 95%; } @media screen and (max-width: 920px) { #landing .block.video { padding: 20px 0 40px 0; } #landing .block.video .inner { padding-top: 56.25%; padding-bottom: 0; position: relative; min-height: inherit; } #landing .block.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #landing .block.video .disclaimer { position: absolute; width: 100%; bottom: 0; margin-bottom: -30px; text-align: center; } } #landing .block.video .disclaimer { margin-top: 1em; font-style: italic; font-size: 0.8em; } #landing .block.footer { background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/footer-back.jpg") center center no-repeat #c20f2f; padding: 0; height: 561px; margin-bottom: 60px; } #landing .block.footer .inner { align-items: flex-start; justify-content: center; height: 100%; } #landing .block.footer .badge-new { width: 130px; margin-bottom: 2em; margin-left: 20px; } #landing .block.footer .logo-trufeel { width: 300px; margin-bottom: 2em; margin-left: 40px; } #landing .block.footer .header-new-feel { width: 270px; margin-left: 60px; } #landing .block.footer .hero { width: 400px; position: absolute; bottom: -60px; margin-left: 210px; } #landing .block.feel { padding: 50px 0; } #landing .block.feel .inner { flex-direction: row; justify-content: center; } #landing .block.feel img { height: 40px; margin: 0 5px; } #landing .block.custom .top { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; line-height: 3em; text-transform: uppercase; text-align: center; } #landing .block.custom .top .also { font-size: 2.5em; color: #f25773; } #landing .block.custom .top .with { font-size: 3.8em; } #landing .block.custom ul.skus.yellowadded li { text-align: center; } #landing .block.custom ul.skus.yellowadded img { max-width: 95%; } #landing .block.custom ul.skus.yellowadded a.cta { font-size: 0.8em; padding: 10px 10px; } #landing .block.rafq { display: flex; justify-content: center; } #landing .block.rafq a.cta { font-size: 1.3em; } #landing img.logo-titleist { width: 100px; margin-bottom: 1em; } #landing .rafq { text-align: center; } #landing .rafq a.cta { zoom: 1.5; } #landing.custom .block.heroes ul.skus a.cta { margin-top: 0; } #landing.custom .block.feel { padding: 20px 0; } #mobile-wrapper * { line-height: normal; } #mobile-wrapper ul.skus { margin-bottom: 2em; } @media screen and (max-width: 920px) { #mobile-wrapper .block.masthead img.logo-titleist { position: static; } #mobile-wrapper .block.shipping { font-size: 0.8em; } #mobile-wrapper .block .inner { width: auto; } } @media screen and (max-width: 800px) { #mobile-wrapper .block.masthead .inner { padding: 0 20px; } #mobile-wrapper .block.feel .inner { flex-direction: column; padding: 0 20px; } #mobile-wrapper .block.feel .inner img { margin: 10px 0; } #mobile-wrapper .block.footer { background-image: none; height: auto; padding-top: 20px; } #mobile-wrapper .block.footer .inner { align-items: center; justify-content: center; padding: 0 10px; } #mobile-wrapper .block.footer img { margin-left: 0 !important; } #mobile-wrapper .block.footer .header-new-feel { margin-bottom: 1em; } #mobile-wrapper .block.footer .hero { position: relative; margin-left: 0; margin-top: -60px; } #mobile-wrapper .block.shipping .inner { flex-direction: column; } #mobile-wrapper .block.shipping .inner .free { margin-bottom: 1em; } #mobile-wrapper ul.skus li { padding: 0 10px; } } @media screen and (max-width: 600px) { #mobile-wrapper a.cta { margin-top: 0 !important; } #mobile-wrapper .block { font-size: 0.8em; } #mobile-wrapper .block.shipping { font-size: 0.7em; } #mobile-wrapper ul.skus { flex-direction: column; justify-content: center; } #mobile-wrapper ul.skus li { margin-bottom: 1.5em; padding: 0 40px; } } </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> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"/> <div id="landing"> <div class="block dark masthead"> <div class="inner"><img class="logo-titleist" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-white-titleist-no1.svg" alt="Titleist #1 Ball in Golf"/> <div class="all-new">All-New Titleist</div><img class="logo-trufeel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-trufeel.svg" alt="TruFeel"/> <div class="golf-balls">Golf Balls</div> </div> </div> <div class="block heroes"> <div class="inner"> <ul class="skus"> <li class="trufeelwhite"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-white.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm"><span>Shop TruFeel White</span></a> </li> <li class="trufeelyellow"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-yellow.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm"><span>Shop TruFeel Yellow</span></a> </li> </ul> </div> </div> <div class="divider"></div> <div class="block shipping"> <div class="inner"> <div class="free"> <div class="one">Free Shipping</div> <div class="two">on your order of 2 dozen or more</div> </div> <div class="promo"> <div class="use">use code at checkout:</div> <div class="code">TRUFEEL</div> </div> </div> </div> <div class="block dark footer"> <div class="inner"><img class="badge-new" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/badge-new.svg" alt="New!"/><img class="logo-trufeel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-trufeel.svg" alt="TruFeel"/><img class="header-new-feel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/header-new-feel.svg" alt="The New Feel of Distance"/><img class="hero" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/hero.png" alt="Titleist TruFeel"/> </div> </div> <div class="block feel"> <div class="inner"><img class="tag-control" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/tag-feel-control.svg"/><img class="tag-distance" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/tag-feel-distance.svg"/> </div> </div> <div class="block dark custom"> <div class="inner"> <div class="top"><img class="logo-titleist" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-white-titleist-no1.svg" alt="Titleist #1 Ball in Golf"/> <div class="also">Also Available</div> <div class="with">with your logo</div> </div> <ul class="skus"> <li class="trufeelwhite"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm?p1=C"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-white-c.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm?p1=C"><span>Shop TruFeel White</span></a> </li> <li class="trufeelyellow"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm?p1=C"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-yellow-c.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm?p1=C"><span>Shop TruFeel Yellow</span></a> </li> </ul> </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <Conditions> <ArrConditions> <WidgetConditionsAnd> <ArrWidget> <WidgetCondition> <ID> 663e11d1-6312-4d2b-a786-84cc77cbf5b5 </ID> <LeftHandSideType> Request </LeftHandSideType> <LeftHandSide> s </LeftHandSide> <RightHandSideType> LiteralString </RightHandSideType> <RightHandSide /> <Comparison> Equals </Comparison> </WidgetCondition> </ArrWidget> </WidgetConditionsAnd> </ArrConditions> </Conditions> <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> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"/> <div class="custom" id="landing"> <div class="block dark masthead"> <div class="inner"><img class="logo-titleist" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-white-titleist-no1.svg" alt="Titleist #1 Ball in Golf"/> <div class="all-new">All-New Titleist</div><img class="logo-trufeel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-trufeel.svg" alt="TruFeel"/> <div class="golf-balls">Custom Logo Golf Balls</div> </div> </div> <div class="block heroes"> <div class="inner"> <ul class="skus"> <li class="trufeelwhite"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm?p1=C"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-white-c.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Golf-Balls.htm?p1=C"><span>Shop Custom Logo TruFeel White</span></a> </li> <li class="trufeelyellow"><a class="imgLink" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm?p1=C"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/box-trufeel-yellow-c.png"/></a><a class="cta" href="/Golf-Balls/Balls/Titleist-TruFeel-Yellow-Golf-Balls.htm?p1=C"><span>Shop Custom Logo TruFeel Yellow</span></a> </li> </ul> </div> </div> <div class="block dark footer"> <div class="inner"><img class="badge-new" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/badge-new.svg" alt="New!"/><img class="logo-trufeel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/logo-trufeel.svg" alt="TruFeel"/><img class="header-new-feel" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/header-new-feel.svg" alt="The New Feel of Distance"/><img class="hero" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/hero.png" alt="Titleist TruFeel"/> </div> </div> <div class="block feel"> <div class="inner"><img class="tag-control" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/tag-feel-control.svg"/><img class="tag-distance" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-09_TruFeelLaunch/tag-feel-distance.svg"/> </div> </div> <div class="rafq"><a class="cta" href="https://www.golfballs.com/Custom-Logo/Request-a-Free-Quote.html">Request a Free Custom Logo Quote</a></div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <Conditions> <ArrConditions> <WidgetConditionsAnd> <ArrWidget> <WidgetCondition> <ID> 527d35db-c25e-4fa9-bec9-1224cc69b03e </ID> <LeftHandSideType> Request </LeftHandSideType> <LeftHandSide> s </LeftHandSide> <RightHandSideType> LiteralString </RightHandSideType> <RightHandSide> custom </RightHandSide> <Comparison> Equals </Comparison> </WidgetCondition> </ArrWidget> </WidgetConditionsAnd> </ArrConditions> </Conditions> <RenderOnFullSite> false </RenderOnFullSite> <RenderOnMobileSite> false </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>