<?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> Copy Widget </Name> <Controls> <ControlAndLocation> <Control> CopyWidget </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"> <PageKey>custom-logo-request-a-free-quote</PageKey> <WidgetNumber>2</WidgetNumber> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> <WidgetObject> <Name> Full Width HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> <Container> Row1 </Container> </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: inherit; float: none; overflow: auto; } #FormFields { position: absolute; color: #333333; margin-top: 150px !important; margin-left: 30px; line-height: 1.5em; } #FormFields h1 { color: #666666; } #FormFields table { width: 350px; } #FormFields table td { color: #333333; padding: 2px; } #custom-landing { width: 920px; border-radius: 5px; background: #e3e3e3; } #custom-landing .quote-masthead .mobile { display: none; } #custom-landing .quote-collage { float: right; margin: 1em 0; } #custom-landing .quote-easy { clear: both; } #custom-landing .quote-easy > div { background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/customLogo/2019-01_TitleistProV1/easy.jpg"); width: 920px; height: 118px; overflow: auto; } #mobile-wrapper #FormFields { position: static; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; border: 1px solid #ccc; border-radius: 5px; width: 100%; max-width: 600px; } #mobile-wrapper #FormFields table { width: 100%; float: none; } #mobile-wrapper #custom-landing { max-width: 600px; width: 100%; margin: 0 auto; min-height: 300px; } #mobile-wrapper #custom-landing .quote-masthead .desktop { display: none; } #mobile-wrapper #custom-landing .quote-masthead .mobile { display: block; } #mobile-wrapper #custom-landing .quote-collage { float: none; text-align: center; } #mobile-wrapper #custom-landing .quote-easy { position: relative; padding-bottom: 12.82608695652174%; height: 0; width: auto; margin-bottom: 1em; } #mobile-wrapper #custom-landing .quote-easy div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100%; } </style></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> <WidgetObject> <Name> Full Width HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> <Container> Row1 </Container> </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="custom-landing"> <div class="quote-masthead"> <div class="desktop"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/customLogo/2019-01_TitleistProV1/masthead.jpg" /></div> <div class="mobile"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/customLogo/2019-01_TitleistProV1/masthead.jpg" /></div> </div> <div class="quote-collage"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/customLogo/2019-01_TitleistProV1/collage.jpg" border="0" /> </div> <div class="quote-easy"><div></div></div> </div> </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><style> #col1, #breadcrumbs { 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: #ba7232; color: #fff; } #landing a.cta:after { margin-left: 10px; content: '\00BB'; } #landing a.cta:hover { background: #cb803d; } #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; } #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: #7b8084; color: #eee; } #landing .block.dark h2, #landing .block.dark h3, #landing .block.dark h4 { color: #eee; } #landing .block.dark a.cta { background: #fff; color: #333; } #landing .block.dark a.cta:hover { color: #ba7232; } #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.first { padding-bottom: 150px; } #landing .block.first .masthead { display: flex; flex-direction: column; justify-content: center; align-items: center; } #landing .block.first .masthead img.headline { width: 700px; margin-bottom: 1em; } #landing .block.first .masthead img.logo-titleist { position: absolute; right: 0; top: 0; margin-top: -5px; margin-right: 10px; } #landing .block.heroes { margin-top: -150px; } #landing .block.heroes ul.skus { margin-bottom: 1.3em; } #landing .block.heroes ul.skus a.cta { margin-top: -60px; } #landing .block.heroes ul.skus.custom a.cta { margin-top: 0; } #landing .block.heroes .all-new { text-align: center; } #landing .block.heroes .all-new h3 { margin-bottom: 0.3em; margin-top: 0; } #landing .block.heroes .all-new img { width: 800px; } #landing .block.heroes .all-new span p { display: none; font-size: 1.3em; line-height: 1.5em; color: #666; text-align: justify; } #landing .block.shipping .inner { flex-direction: row; font-size: 2em; justify-content: space-around; text-align: center; padding: 20px 0; } #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; color: #ba7232; } #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 .code { font-weight: 700; font-size: 1.4em; color: #ba7232; } #landing .block.shipping.dark { padding: 5px 0; font-size: 0.9em; } #landing .block.shipping.dark * { color: #fff !important; } @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.pros { padding-bottom: 0; } #landing .block.tech { padding: 50px 0; } #landing .block.tech .section { padding: 20px 0; } #landing .block.tech .section .top { text-align: center; width: 70%; margin: 0 auto 3em auto; } #landing .block.tech .section .top img { margin-bottom: 1.5em; width: 200px; } #landing .block.tech .section h4 { margin-bottom: 1em; } #landing .block.tech .section.prov1 h4 { color: #ba7232; } #landing .block.tech .section.prov1x { border-top: 1px solid #bbb; } #landing .block.tech .section.prov1x h4 { color: #aaa; } #landing .block.tech .section ul { margin: 0 0 1.5em 0; padding: 0 0 0 20px; list-style-type: square; } #landing .block.tech .section ul li { margin-bottom: 1.2em; } #landing .block.tech .section ul li:last-child { margin-bottom: 0; } #landing .block.tech .details { display: flex; justify-content: space-evenly; align-items: center; } #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: #b0b3b5; } #landing .block.custom .top .with { font-size: 3.8em; } #landing img.logo-titleist { width: 100px; margin-bottom: 1em; } #mobile-wrapper * { line-height: normal; } #mobile-wrapper ul.skus { margin-bottom: 2em; } @media screen and (max-width: 920px) { #mobile-wrapper .block.shipping { font-size: 0.8em; } #mobile-wrapper .block .inner { width: auto; } } @media screen and (max-width: 800px) { #mobile-wrapper .block .all-new { padding: 0 20px; } #mobile-wrapper .block .all-new h3 { font-size: 1.7em; } #mobile-wrapper .block.first .masthead { padding: 0 40px; } #mobile-wrapper .block.shipping .inner { flex-direction: column; } #mobile-wrapper .block.shipping .inner .free { margin-bottom: 1em; } #mobile-wrapper .block.tech { font-size: 1.1em; } #mobile-wrapper .block.tech .top { width: auto !important; padding: 0; } #mobile-wrapper .block.tech .section { padding: 20px 30px; } #mobile-wrapper .block.tech .details { flex-direction: column; } #mobile-wrapper .block.tech .details > img { margin-bottom: 2em; } #mobile-wrapper .block.tech .details .benefits { display: flex; flex-direction: column; align-items: center; } #mobile-wrapper ul.skus li { padding: 0 10px; } } @media screen and (max-width: 600px) { #mobile-wrapper .block { font-size: 0.8em; } #mobile-wrapper .block.heroes a.cta { margin-top: -20px !important; } #mobile-wrapper .block.heroes .all-new span img { display: none; } #mobile-wrapper .block.heroes .all-new span p { display: block; } #mobile-wrapper .block.shipping { font-size: 0.5em; } #mobile-wrapper ul.skus { flex-direction: column; justify-content: center; } #mobile-wrapper ul.skus li { margin-bottom: 1.5em; padding: 0 40px; } } #landing .block.tech { padding: 20px 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> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"/> <div id="landing"> <div class="block tech"> <div class="inner"> <div class="section prov1"> <div class="top"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-01_ProV1Launch/logo-prov1.svg"/> <p>For golfers looking to shoot their best scores, the Titleist Pro V1 golf ball provides total performance from tee to green with penetrating flight and very soft feel.</p> </div> <div class="details"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-01_ProV1Launch/tech-prov1.png"/> <div class="benefits"> <h4>Player Benefits</h4> <ul> <li>Extraordinary Distance<br />with Consistent Flight</li> <li>Very Low Long Game Spin</li> <li>Penetrating Trajectory</li> <li>Drop-and-Stop&trade;<br />Short Game Control</li> <li>Very Soft Feel</li> </ul> </div> </div> </div> <div class="section prov1x"> <div class="top"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-01_ProV1Launch/logo-prov1x.svg"/> <p>For golfers looking to shoot their best scores, the Titleist Pro V1x golf ball provides total performance from tee to green with high trajectory and soft feel.</p> </div> <div class="details"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Titleist/2019-01_ProV1Launch/tech-prov1x.png"/> <div class="benefits"> <h4>Player Benefits</h4> <ul> <li>Extraordinary Distance<br />with Consistent Flight</li> <li>Low Long Game Spin</li> <li>High Trajectory</li> <li>Drop-and-Stop&trade;<br />Short Game Control</li> <li>Soft Feel</li> </ul> </div> </div> </div> </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>