<?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 { display: none; } #col2 { width: auto; float: none; } #landing { max-width: 920px; margin: 0 auto; font-size: 16px; padding-bottom: 2em; color: #333; position: relative; line-height: normal; } #landing * { font-family: 'Roboto Condensed', sans-serif; } #landing h1, #landing h2, #landing h3 { font-family: 'Open Sans Condensed', sans-serif; border: none; margin: 0; text-transform: uppercase; } #landing h2 { color: #333; font-size: 2.7em; } #landing h3 { color: #004f8b; font-size: 1.1em; } #landing a.cta { background: #004f8b; color: #fff; border-radius: 3px; display: inline-block; padding: 5px 20px; font-size: 1.3em; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; } #landing a.cta:after { content: '\00BB'; margin-left: 10px; } #landing a.cta:hover { background: #0064b0; } #landing .top { background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/back-top.png") center top no-repeat; min-height: 525px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #landing .top .logo { left: 10px; top: 10px; position: absolute; } #landing .top .logo img { width: 150px; height: 50px; } #landing .top .content { margin: 0px 20px 0 40%; text-align: center; top: 20px; position: relative; color: #fff; } #landing .top .content h1, #landing .top .content h2, #landing .top .content h3 { color: #fff; } #landing .top .content h1 span, #landing .top .content h2 span, #landing .top .content h3 span { color: #fff; } #landing .top .content h1 { font-size: 4.2em; } #landing .top .content .plus { font-size: 2em; margin-bottom: 0.7em; font-weight: 700; color: #c8f8ff; } #landing .top .content .layers { color: #fff; font-size: 2.3em; font-weight: 700; line-height: 0.9em; } #landing .top .content .layers span { display: block; } #landing .top .content img { width: 340px; } #landing ul.heroes { list-style-type: none; margin: -230px 0 2em 0; padding: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -o-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; } #landing ul.heroes li { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; padding: 0 10px; } #landing ul.heroes li a.box { display: block; text-align: center; } #landing ul.heroes li a.box img { max-width: 100%; } #landing .promo { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 90%; margin: 0 auto; -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; background: #004f8b; padding: 5px 0; text-align: center; color: #fff; font-size: 1.5em; margin-bottom: 0.5em; line-height: normal; margin-bottom: 2em; border-left: none; border-right: none; } #landing .promo p { margin: 0; } #landing .promo span { margin-left: 10px; font-size: 1.8em; font-weight: 700; color: #c8f8ff; } @media screen and (max-width: 800px) { #landing .promo { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px 10px; } #landing .promo span { line-height: 0.8em; } } #landing ul.focuses { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; list-style-type: none; margin: 0 0 2em 0; padding: 0; } #landing ul.focuses li { padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.333333333333336%; } #landing ul.focuses li:nth-child(even) { background: #eee; background: -webkit-linear-gradient(top, #fff, #eee 10%, #eee 90%, #fff); background: -moz-linear-gradient(top, #fff, #eee 10%, #eee 90%, #fff); background: -o-linear-gradient(top, #fff, #eee 10%, #eee 90%, #fff); background: -ms-linear-gradient(top, #fff, #eee 10%, #eee 90%, #fff); background: linear-gradient(to bottom, #fff, #eee 10%, #eee 90%, #fff); } #landing ul.focuses li .img { text-align: center; } #landing ul.focuses li h3 { margin-bottom: 1em; } #landing ul.focuses li p { font-size: 0.9em; } #landing .info { text-align: center; padding: 3em 0; border: 2px solid #ddd; border-left: none; border-right: none; } #landing .info .content { margin-bottom: 3em; } #landing .info .content:last-child { margin-bottom: 0; } #landing .info p { font-size: 1.4em; } #landing .info p span { display: block; } #landing .comparison { padding: 2em 0; } #landing .comparison table { width: 90%; margin: 0 auto; border-spacing: 0; border-collapse: separate; } #landing .comparison table img { height: 30px; } #landing .comparison table tr:nth-child(even) th, #landing .comparison table tr:nth-child(even) td { background: #eee; } #landing .comparison table th, #landing .comparison table td { padding: 15px 0; text-transform: uppercase; } #landing .comparison table th { text-align: right; padding-right: 20px; width: 25%; color: #858585; } #landing .comparison table td { text-align: center; font-size: 1.5em; color: #333; } #landing .comparison table tr.ctas td { font-size: 1em; } #landing .comparison .table .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } #landing .comparison .table .row header { width: 20%; } #landing .comparison .table .row .data { width: 40%; } #landing .prices { font-size: 1.6em; 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; margin: 0.3em 0; } #landing .prices > div { margin: 0 10px; } #landing .prices > div:before { font-size: 0.8em; margin-right: 5px; } #landing .prices .was { color: #757575; } #landing .prices .was:before { content: 'was:'; } #landing .prices .was span { text-decoration: line-through; } #landing .prices .now { color: #004f8b; font-weight: 700; } #landing .prices .now span { margin-left: 5px; } #landing #prior { margin-top: 3em; padding: 10px; border: 1px solid #ccc; border-radius: 3px; } #landing #prior .headline { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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-size: 2em; font-weight: 700; text-transform: uppercase; color: #004f8b; } #landing #prior .headline .logo { width: 200px; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } #landing #prior .headline .drop { font-size: 2em; } #landing #prior .headline .on { color: #004f8b; 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; } #landing #prior .headline .on img { width: 350px; margin-left: 10px; } #landing #prior ul.heroes { margin: 1em 0; } #landing #prior a.cta { font-size: 1.1em; } #landing.promo3and1 .top { background-image: none; background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/back-top-plain.png") 0 bottom no-repeat; min-height: 340px; } #landing.promo3and1 .top .content { margin: 0; position: static; padding: 20px 0; } #landing.promo3and1 .top .content img { width: 420px; } #landing.promo3and1 .top .buy { font-size: 3.2em; font-weight: 700; } #landing.promo3and1 .heroes { margin-top: -160px; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 30px; } #landing.promo3and1 .heroes li { padding: 0 10px; } #landing.promo3and1 .heroes li img { max-width: 100%; } #landing.promo3and1 #custom { padding: 0; border: 1px solid #ccc; border-radius: 4px; text-align: center; margin-bottom: 2em; } #landing.promo3and1 #custom h3 { font-size: 2.8em; margin: 0; padding: 10px 0; background: #daefff; background: #004f8b; color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; } #landing.promo3and1 #custom .promo { width: auto; background: #daefff; color: #004f8b; padding: 15px 0; margin-bottom: 0.5em; letter-spacing: -0.5px; } #landing.promo3and1 #custom .promo strong { margin-left: 5px; font-weight: 700; } #landing.promo3and1 #custom ul { margin: 0 0 1em 0; } #landing.promo3and1 #custom ul li { padding: 0 40px; } #landing.custom { padding-bottom: 0; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 0 0px 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 0px 2px rgba(0,0,0,0.3); } #landing.custom .top { background-image: none; background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/back-top-plain.png") 0 bottom no-repeat; min-height: 400px; } #landing.custom .top .content { margin: 0; position: static; padding: 20px 0; } #landing.custom .top .content img { width: 420px; } #landing.custom .top .buy { font-size: 3.2em; font-weight: 700; } #landing.custom .promo { margin-bottom: 0; } #landing.custom .comparison { margin-bottom: 0; } @media screen and (max-width: 920px) { #landing { line-height: normal; } #landing .top { min-height: inherit; margin-bottom: 2em; padding: 40px 0; } #landing .top .content { position: static; } #landing ul.heroes { margin-top: 0; } #landing ul.focuses { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #landing ul.focuses li { width: auto; overflow: auto; 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; } #landing ul.focuses li .content { width: 200px; } #landing ul.focuses li:nth-child(even) { background: #eee; } #landing ul.focuses li .img { float: right; width: 300px; } #landing.promo3and1 .top { min-height: 250px; } } @media screen and (max-width: 600px) { #landing.promo3and1 .top, #landing .top { background-image: none; background: #004f8b; padding: 20px 10px; } #landing.promo3and1 .top .logo, #landing .top .logo { position: static; text-align: center; } #landing.promo3and1 .top .content, #landing .top .content { margin: 0; padding-top: 0; } #landing ul.heroes { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #landing ul.heroes li { margin-bottom: 2em; padding: 0 30px; } #landing ul.focuses li { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #landing ul.focuses li .content { width: 300px; } #landing .info { padding: 40px 20px; } #landing .info h2 { margin-bottom: 0.5em; } #landing .info p { line-height: 1.5em; text-align: justify; } #landing .info p span { display: inline; } #landing .comparison table img { width: 80px; height: 40px; } #landing .comparison table th { width: auto; padding-right: 5px; } #landing .comparison table td { font-size: 1em; } #landing .comparison table a.cta { font-size: 0.8em; padding: 6px 6px; } #landing.promo3and1 .top { min-height: inherit; } #landing.promo3and1 ul.heroes { margin-top: -80px; } } </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=Open+Sans+Condensed:700|Roboto+Condensed:400,700" rel="stylesheet"/> <div id="landing"> <div class="top"> <div class="logo"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-TaylorMade.svg" alt="TaylorMade"/></div> <div class="content"> <h1>New for 2019</h1><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/logo-white-TP5-TP5x.svg"/> <div class="plus">Plus Free Personalization!</div> <div class="layers">5 LAYERS.<span>UNMATCHED TOUR DESIGN.</span></div> </div> </div> <ul class="heroes"> <li><a class="box" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls_1.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/box-tp5.png"/></a><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls_1.htm">Shop TP5</a></li> <li><a class="box" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls_1.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/box-tp5x.png"/></a><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls_1.htm">Shop TP5x</a></li> </ul> <div class="promo"> <p>For Free Personalization, use code at checkout:</p><span>PRINTED</span> </div> <ul class="focuses"> <li> <div class="content"> <h2>FLIGHT</h2> <h3>TRI-FAST CORE</h3> <p>XL low compression core increases launch angle and reduces drag</p> </div> <div class="img"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/focus-flight.png"/></div> </li> <li> <div class="content"> <h2>VELOCITY</h2> <h3>NEW SPEED LAYER SYSTEM WITH HFM</h3> <p>4 Increasingly stiff layers for higher ball speed through greater rebound</p> </div> <div class="img"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/focus-velocity.png"/></div> </li> <li> <div class="content"> <h2>CONTROL</h2> <h3>DUAL-SPIN COVER</h3> <p>Softer cast urethane cover increases groove interaction for more greenside spin</p> </div> <div class="img"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/focus-control.png"/></div> </li> </ul> <div class="comparison"> <table> <tr> <td>&nbsp;</td> <td><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/logo-TP5.svg"/> </td> <td><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/logo-TP5x.svg"/> </td> </tr> <tr> <th>Construction</th> <td colspan="2">5 Layers</td> </tr> <tr> <th>cover</th> <td colspan="2">Soft-Tough cast Urethane</td> </tr> <tr> <th>ball speed</th> <td colspan="2">FASTER</td> </tr> <tr> <th>playability</th> <td>workable</td> <td>piercing</td> </tr> <tr> <th>trajectory</th> <td>mid</td> <td>high</td> </tr> <tr> <th>feel</th> <td>softer</td> <td>soft</td> </tr> <tr> <th>wedge spin</th> <td>higher</td> <td>high</td> </tr> <tr class="ctas"> <th>&nbsp;</th> <td><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls_1.htm">Shop TP5</a></td> <td><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls_1.htm">Shop TP5x</a></td> </tr> </table> </div> <div id="prior"> <div class="headline"><img class="logo" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-TaylorMade.svg"/> <div class="drop">Price drop</div> <div class="on">on Prior Generation<img class="tp5" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2018-10_PriceDrop/logo-tp5-tp5x.svg"/></div> <div class="plus">Plus Free Personalization!</div> </div> <div class="prices"> <div class="was"><span>$44.95</span></div> <div class="now"> now: <span>$34.95</span> </div> </div> <div class="promo"> <p>For Free Personalization, use code at checkout:</p><span>PRINTED</span> </div> <ul class="heroes"> <li><a class="box" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/box-tp5-prior.png"/></a><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5-Golf-Balls.htm">Shop Prior Generation TP5</a></li> <li><a class="box" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/TaylorMade/2019-01_TP5-Launch/box-tp5x-prior.png"/></a><a class="cta" href="/Golf-Balls/Balls/Taylor-Made-TP5x-Golf-Balls.htm">Shop Prior Generation TP5x</a></li> </ul> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>