<?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 { float: none; width: auto; overflow: auto; } #landing { font-size: 14px; background: #333; border-radius: 5px; background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/background-tile.png") center center; color: #fff; position: relative; margin-bottom: 1em; } #landing ul { margin: 0; padding: 0; list-style-type: none; } #landing .inner { background: url("https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/background-top.png") center top no-repeat; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 20px 0; } #landing * { font-family: 'Roboto Condensed', san-serif; } #landing #badge { position: absolute; right: 0; width: 130px; background: #83753d; padding: 15px 20px; } #landing .headline { display: flex; flex-direction: column; align-items: center; font-size: 3em; text-shadow: 2px 3px 0 rgba(0,0,0,0.4); font-weight: 700; font-style: italic; text-align: center; } #landing .headline .new { color: #b8a867; } #landing .headline .e12-logo { width: 250px; } #landing .headline .softspeed { font-weight: 700; } #landing .headline .plus { font-size: 0.8em; color: #b8a867; } #landing ul.heroes { margin: 0; padding: 0; display: flex; justify-content: space-evenly; margin-bottom: 1em; } #landing ul.heroes li { text-align: center; } #landing .swing-speed { text-align: center; margin-bottom: 1em; } #landing .swing-speed img { width: 500px; } #landing .promo { display: flex; width: 90%; margin: 0 auto; justify-content: center; align-items: center; background: #83753d; 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: 2em; font-weight: 700; } #landing ul.skus { width: 100%; box-sizing: border-box; list-style-type: none; clear: both; text-align: center; margin: 0 0 1.5em 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } #landing ul.skus li { width: 40%; box-sizing: border-box; text-align: center; margin-top: 0.8em; margin-bottom: 0.8em; box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 0 10px; } #landing ul.skus li img.box { max-width: 98%; -webkit-filter: drop-shadow(0px 8px 3px rgba(0,0,0,0.3)); rgba(0,0,0,0.3) filter: url("shadow.svg#drop-shadow"); margin-bottom: 0.5em; } #landing a.cta { border-radius: 3px; display: inline-block; padding: 8px 20px; font-size: 1.3em; font-weight: 700; text-decoration: none; background: #fff; color: #333; } #landing a.cta:hover { background: #e6e6e6; } #landing a.cta:after { content: '\00BB'; margin-left: 10px; } #landing a.cta.white { background: #fff; color: #333; } #landing a.cta.white:hover { background: #e6e6e6; } #landing a.cta.yellow { background: #cbb111; color: #333; } #landing a.cta.yellow:hover { background: #e6c813; } #landing a.cta.green { background: #86b90f; color: #333; } #landing a.cta.green:hover { background: #9bd611; } #landing a.cta.red { background: #db0023; color: #fff; } #landing a.cta.red:hover { background: #f80028; } #landing .features { display: flex; justify-content: space-evenly; margin-bottom: 2em; } #landing .features .feature { width: 40%; box-sizing: border-box; padding: 30px; background: #83753d; text-align: center; } #landing .features .feature img { margin-bottom: 1.5em; } #landing .features .feature p { text-align: justify; line-height: 1.6em; font-size: 1.2em; } #landing .straight { text-align: center; } #landing .straight img { width: 200px; } #mobile-wrapper #landing { max-width: 920px; margin: 0 auto; line-height: normal; } #mobile-wrapper #landing img { max-width: 100%; } @media screen and (max-width: 920px) { #mobile-wrapper #landing ul.skus li { width: 50%; } } @media screen and (max-width: 800px) { #mobile-wrapper #landing .heroes img { width: 80%; } #mobile-wrapper #landing .swing-speed { padding: 0 30px; } #mobile-wrapper #landing .promo { flex-direction: column; padding: 15px 0; } } @media screen and (max-width: 640px) { #mobile-wrapper #landing { font-size: 0.8em; } #mobile-wrapper #landing .inner { padding-top: 0; } #mobile-wrapper #landing #badge { position: static; margin: 0 auto 1em auto; } #mobile-wrapper #landing .headline { margin-bottom: 1em; } #mobile-wrapper #landing .headline .e12-logo { width: 150px; } #mobile-wrapper #landing ul.heroes { flex-direction: column; } #mobile-wrapper #landing ul.heroes li { padding: 0 30px; } #mobile-wrapper #landing ul.heroes img { width: auto; } #mobile-wrapper #landing .swing-speed { display: none; } #mobile-wrapper #landing .promo { margin: 2em auto; } #mobile-wrapper #landing ul.skus li { width: auto; } #mobile-wrapper #landing .features { flex-direction: column; align-items: center; } #mobile-wrapper #landing .features .feature { width: auto; display: flex; align-items: center; margin-bottom: 10px; } #mobile-wrapper #landing .features .feature img { margin-right: 10px; width: 100px !important; } } </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=Roboto+Condensed:400,700,700i" rel="stylesheet"/> <div id="landing"> <div class="inner"> <div id="badge"><img class="logo" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Bridgestone.svg"/></div> <div class="headline"> <div class="new">New for 2019!</div><img class="e12-logo" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/logo-e12.png"/> <div class="softspeed">Soft &amp; Speed</div> <div class="plus">Plus Free Personalization!</div> </div> <ul class="heroes"> <li><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/hero-e12-soft.png"/></li> <li><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/hero-e12-speed.png"/></li> </ul> <div class="swing-speed"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/swing-speed.png"/> </div> <div class="promo"> <p>For Free Personalization, use code at checkout:</p><span>PRINTED</span> </div> <ul class="skus"> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/e12-soft-white.png" alt="e12 Soft"/></a><a class="cta white" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Golf-Balls.htm"><span>Shop e12 Soft</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Yellow-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/e12-soft-yellow.png" alt="e12 Soft Yellow"/></a><a class="cta yellow" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Yellow-Golf-Balls.htm"><span>Shop e12 Soft Yellow</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Green-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/e12-soft-green.png" alt="e12 Soft Green"/></a><a class="cta green" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Green-Golf-Balls.htm"><span>Shop e12 Soft Green</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Red-Golf-Balls.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/e12-soft-red.png" alt="e12 Soft Red"/></a><a class="cta red" href="/Golf-Balls/Balls/Bridgestone-e12-Soft-Matte-Red-Golf-Balls.htm"><span>Shop e12 Soft Red</span></a> </li> <li><a class="imgLink" href="/Golf-Balls/Balls/Bridgestone-e12-Speed-Golf-Ball.htm"><img class="box" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/e12-speed.png" alt="e12 Speed"/></a><a class="cta white" href="/Golf-Balls/Balls/Bridgestone-e12-Speed-Golf-Ball.htm"><span>Shop e12 Speed</span></a> </li> </ul> <div class="features"> <div class="feature"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/logo-delta.png"/> <p>e12 utilizes Bridgestone's patented Delta Wing Dimple pattern for less drag and smoother airflow when the ball is in flight. The enhanced aerodynamics increase the straight distance properties of e12 SOFT.</p> </div> <div class="feature"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/logo-active.png"/> <p>e12 features the Active Acceleration Mantle which is comprised of a new High Performance Polymer material with added surfactant that creates increased thrust and higher initial ball velocity at impact.</p> </div> </div> <div class="straight"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Bridgestone/2019-02_e12Launch/logo-straight-distance.png"/> </div> </div> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>