<?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: #b10000; color: #fff; } #landing a.cta:after { margin-left: 10px; content: '\00BB'; } #landing a.cta:hover { background: #d20000; } #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; margin: 0 auto; line-height: 1; } #landing .block h2, #landing .block h3, #landing .block h4 { color: #666; border: none; } #landing .block h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 1em; } #landing .block h3 { font-size: 16px; 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: #b10000; color: #eee; } #landing .block.dark h2, #landing .block.dark h3, #landing .block.dark h4 { color: #eee; } #landing .block.dark a.cta { background: #fff; color: #b10000; } #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 { height: 356px; display: flex; align-items: flex-start; text-align: center; color: #fff; background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/masthead.jpg") top center no-repeat #7d0101; padding: 0; } #landing .block.masthead .content { margin: 20px 0 0 0; text-transform: uppercase; } #landing .block.masthead img.logo-srixon { width: 100px; margin-top: 20px; } #landing .block.masthead img.logo-qstar { width: 400px; margin: 0.5em 0; } #landing .block.masthead .badge-new { width: 160px; margin-bottom: 1em; } #landing .block.masthead .all-new { font-size: 1.4em; } #landing .block.masthead .golf-balls { font-size: 2em; } #landing .block.masthead .better { font-size: 2em; font-weight: 700; } #landing .block.heroes { margin-top: -220px; } #landing .block.heroes ul.skus img { width: 380px; } #landing .block.heroes ul.skus a.cta { margin-top: -60px; } #landing .block.heroes ul.skus.custom a.cta { margin-top: 0; } #landing .block.copy { color: #b10000; } #landing .block.copy ul { list-style-type: none; margin: 0; padding: 0; font-size: 2em; text-align: center; text-transform: uppercase; } #landing .block.copy ul li { font-weight: 700; letter-spacing: -1px; margin: 0 2px; display: inline-block; } #landing .block.promo .inner { background: #eee; flex-direction: row; font-size: 2em; justify-content: space-around; text-align: center; padding: 30px 0; color: #b10000; margin: 20px auto; } #landing .block.promo .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.promo .inner .free .one { text-transform: uppercase; font-size: 1.9em; } #landing .block.promo .inner .free .two { font-size: 0.935em; color: #666; font-weight: 300; } #landing .block.promo .inner .free .three { font-size: 1.13em; } #landing .block.promo .inner .promo .use { font-size: 0.7em; color: #666; } #landing .block.promo .inner .promo .code { font-weight: 700; font-size: 1.4em; color: #b10000; } #landing .block.promo.dark { padding: 5px 0; font-size: 0.9em; } #landing .block.promo.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%; } #landing .block.close-up { background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/close-up.jpg") center center no-repeat #fff; height: 556px; padding: 0; } #landing .block.close-up .inner { height: 100%; justify-content: center; } #landing .block.close-up .inner > p { padding: 0 20px; margin-bottom: 1em; text-align: center; } #landing .block.close-up h3 { height: 2em; } #landing .block.close-up h3 span { text-transform: lowercase; } #landing .block.close-up ul { display: flex; justify-content: space-between; list-style-type: none; margin: 0; padding: 0; } #landing .block.close-up ul li { width: 23%; font-size: 0.8em; line-height: 1.5em; } #landing .block.close-up ul img { height: 150px; } @media screen and (max-width: 920px) { #landing .block .video { width: 100%; box-sizing: border-box; padding-top: 56.25%; padding-bottom: 0; position: relative; min-height: inherit; border: none !important; } #landing .block .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } #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 .logo-avx { width: 300px; } #landing .block.custom .top .also { font-size: 2.5em; } #landing .block.custom .top .with { font-size: 3.8em; } #landing .block.custom .box-custom { margin-bottom: 1em; } #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.feel { padding: 20px 0; } #mobile-wrapper * { line-height: 1; } #mobile-wrapper ul.skus { margin-bottom: 2em; } @media screen and (max-width: 920px) { #mobile-wrapper .block.masthead .inner { padding: 0 20px; } #mobile-wrapper .block.masthead img.logo-titleist { position: static; } #mobile-wrapper .block.masthead .content { width: auto; } #mobile-wrapper .block.heroes { margin-top: -190px; } #mobile-wrapper .block.promo { font-size: 0.8em; } #mobile-wrapper .block .inner { width: auto; } #mobile-wrapper .block.close-up { height: auto; background-size: cover; padding: 40px 0; } #mobile-wrapper .block.close-up ul { flex-wrap: wrap; } #mobile-wrapper .block.close-up ul li { box-sizing: border-box; width: 50%; margin-bottom: 1.5em; padding: 0 30px; text-align: center; } } @media screen and (max-width: 800px) { #mobile-wrapper .block.promo .inner { flex-direction: column; } #mobile-wrapper .block.promo .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; font-size: 1em; } #mobile-wrapper .block.promo { font-size: 0.7em; } #mobile-wrapper .block.copy ul li { margin: 20px 0; } #mobile-wrapper .block.close-up { background: #e9f4f9; } #mobile-wrapper .block.close-up h3 { height: auto; } #mobile-wrapper .block.close-up ul li { width: 100%; border-bottom: 1px solid #c3e1ef; padding: 20px 0; } #mobile-wrapper .block.close-up ul li:last-child { border-bottom: none; } #mobile-wrapper ul.skus { flex-direction: column; justify-content: center; } #mobile-wrapper ul.skus li { margin-bottom: 1.5em; padding: 0 40px; } #mobile-wrapper ul.skus li:first-child { margin-bottom: 60px; } } @media screen and (max-width: 500px) { #mobile-wrapper .block.close-up { background-position: -500px center; } } </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 masthead"> <div class="inner"><img class="logo-srixon" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Srixon.svg" alt="Srixon Golf"/> <div class="content"> <div class="all-new">All-New</div><img class="logo-qstar" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/Q-STAR-TOUR-logo.png" alt="Q-Star TOUR 3"/> <div class="golf-balls"> Golf Balls</div> </div> </div> </div> <div class="block heroes"> <div class="inner"> <ul class="skus"> <li class="qstartour3white"><a class="imgLink" href="/Golf-Balls/Balls/Srixon-Q-Star-Tour-3-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/srixon-tour-3-white.png"/></a><a class="cta" href="/Golf-Balls/Balls/Srixon-Q-Star-Tour-3-Golf-Balls.htm"><span>Shop Now</span></a> </li> <li class="qstartour3yellow"><a class="imgLink" href="/Golf-Balls/Balls/Srixon-Q-Star-Tour-3-Yellow-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/srixon-tour-3-yellow.png"/></a><a class="cta" href="/Golf-Balls/Balls/Srixon-Q-Star-Tour-3-Yellow-Golf-Balls.htm"><span>Shop Now</span></a> </li> </ul> </div> </div> <div class="block promo"> <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">QSTARTOUR</div> </div> </div> </div> <div class="block close-up"> <div class="inner"> <h2>Tour Performance That's Soft</h2> <p>The new Q-STAR TOUR is our softest ball with tour-level performance. Get tour-caliber spin and distance from its 3-piece construction and urethane cover, along with exceptionally softer feel than traditional tour balls.</p> <ul> <li> <img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/Q-STAR-CORE.png" alt="NEW FastLayer Core"/> <h3>NEW FastLayer Core</h3> <p>The new FastLayer Core offers distance and soft feel without compromise due to a gradual transition from soft inner core to firm outer edge.</p> </li> <li> <img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/Q-STAR-SeRM.png" alt="NEW SpinSkin with SeRM"/> <h3>NEW SpinSkin with S<span>e</span>RM</h3> <p>A new urethane coating with flexible molecular bonds digs deep into wedge and iron grooves for increased friction and maximum spin.</p> </li> <li> <img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/Q-STAR-ALIGNMENTAID.png" alt="NEW Alignment Aid"/> <h3>NEW Alignment Aid</h3> <p>New side stamping aids in alignment when standing over those critical putts.</p> </li> <li> <img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Srixon/2020-01_Q-Star-Tour-3/Q-STAR-SPEED-DIMPLES.png" alt="NEW 338 Speed Dimple Pattern"/> <h3>NEW 338 Speed Dimple Pattern</h3> <p>Providing a penetrating ball flight in any conditions, the optimal dimple design increases lift and reduces drag to maximize distance.</p> </li> </ul> </div> </div> <div class="block vid"> <div class="inner"> <div class="video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/DuMjMTiCFGY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe> </div> </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>