<?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 type="text/css" media="all"> #col1, #breadcrumbs { display: none; } #col2 { width: auto; float: none; overflow: auto; } a.cta { display: inline-block; -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; padding: 5px 10px; background: #f60; border-radius: 3px; color: #fff; font-weight: bold; text-decoration: none; } a.cta:after { content: '\00BB'; margin-left: 10px; } a.cta:hover { background: #ff7d26; } #landing { font-size: 14px; margin-bottom: 1em; } #landing * { font-family: 'Montserrat', 'Lato', sans-serif; } #landing h1 span { display: none; } #landing > ul { display: -webkit-box; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style-type: none; padding: 0; margin: 0; } #landing > ul > li { border: 1px solid #ccc; padding: 10px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 32%; margin: 0 5px 1em 5px; display: -webkit-box; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -o-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: -o-linear-gradient(#fff 40%, #eee); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(#eee)); background: linear-gradient(#fff 40%, #eee); } #landing > ul > li:first-child { margin-left: 0; } #landing > ul > li:last-child { margin-right: 0; } #landing > ul > li header { color: #b00; font-weight: bold; font-size: 1.2em; text-transform: uppercase; } #landing > ul > li header sup { font-size: 0.6em; } #landing > ul > li header span { font-size: 0.8em; display: block; text-transform: none; } #landing > ul > li .price { font-size: 1.5em; } #landing > ul > li .price .starting { font-size: 0.8em; font-weight: 300; } #landing > ul > li .img { text-align: center; } #landing > ul > li .img img { max-width: 90%; } #landing > ul > li.half { width: 49%; } #landing > ul > li.half header { font-size: 1.6em; } #landing > ul > li.wide { width: 100%; -webkit-box-orient: horizontal; -o-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -o-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; } #landing > ul > li.wide header { font-size: 2.5em; } #landing > ul > li.wide .sku-top { display: -webkit-box; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -o-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #landing > ul > li.wide .img img { max-width: inherit; } #landing > ul > li.wide .included { margin: 1em 0; } #landing > ul > li.wide .included span { font-size: 1.6em; color: #999; } #landing > ul > li.wide .included ul { font-size: 1.2em; } #landing > ul > li.wide .price { -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } #landing > ul > li.gift { background: -o-linear-gradient(#afe786, #fff 60%); background: -webkit-gradient(linear, left top, left bottom, from(#afe786), color-stop(60%, #fff)); background: linear-gradient(#afe786, #fff 60%); border-radius: 5px; padding: 10px; border: 1px solid #ccc; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -o-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 60px; } #landing > ul > li.gift header { display: none; } #landing > ul > li.gift .banner { position: absolute; left: 0; top: 10px; } #landing > ul > li.gift .img { width: 100%; -webkit-box-ordinal-group: -1; -o-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; margin-bottom: 1em; } #landing > ul > li.gift .price { -webkit-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; } #landing > ul > li.gift ul { font-size: 0.9em; margin: 0 0 0 30px; padding: 0; } #landing > ul > li.gift ul li { margin-bottom: 0.2em; } #landing > ul > li.gift .was-now { display: -webkit-box; display: -ms-flexbox; display: box; display: flex; margin: 1em 0; -webkit-box-pack: distribute; -o-box-pack: distribute; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -o-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5em; } #landing > ul > li.gift .was-now .was { color: #777; } #landing > ul > li.gift .was-now .was span { text-decoration: line-through; } #landing > ul > li.gift .was-now .was:before { content: 'was: '; } #landing > ul > li.gift .was-now .now:before { content: 'now: '; } #mobile-wrapper #landing { max-width: 920px; margin: 0 auto; } #mobile-wrapper #landing * { line-height: 1.5; } #mobile-wrapper #landing .price { color: #f60; } #mobile-wrapper #landing > ul > li ul { list-style-type: disc; } #mobile-wrapper #landing > ul > li.wide ul { margin-left: 30px; } @media screen and (max-width: 920px) { #mobile-wrapper #landing > ul > li { width: 49%; } #mobile-wrapper #landing > ul > li.wide { width: 100%; } #mobile-wrapper #landing > ul > li.wide header { font-size: 1.5em; } } @media screen and (max-width: 700px) { #mobile-wrapper #landing > ul > li.wide { -webkit-box-orient: vertical; -o-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #mobile-wrapper #landing > ul > li.wide a.cta { -webkit-align-self: center; -ms-grid-row-align: center; align-self: center; -ms-flex-item-align: center; } } @media screen and (max-width: 600px) { #mobile-wrapper #landing > ul > li { -webkit-box-align: center; -o-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-orient: vertical; -o-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #mobile-wrapper #landing > ul > li .img { margin-bottom: 1em; } #mobile-wrapper #landing > ul > li a.cta { -webkit-align-self: center; -ms-grid-row-align: center; align-self: center; -ms-flex-item-align: 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"> <h1><span>Tabasco Pro Shop</span><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/masthead.jpg" alt="Tabasco Pro Shop"/></h1> <ul> <li class="wide"> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Diamond Label Design Box Set</span></header> <div class="price"><span>$27.95/dz</span> </div> <div class="included"> <span>What's Included:</span> <ul> <li>12 TABASCO<sup>&reg;</sup> Brand Golf Balls</li> <li>TABASCO<sup>&reg;</sup> Brand Box Top</li> </ul> </div> </div> <div class="img"><a href="/Golf-Balls/Tabasco-Brand-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/box-diamond.png" alt="box-diamond"/></a></div><a class="cta" href="/Golf-Balls/Tabasco-Brand-Golf-Balls.htm">Shop Now</a> </li> <li> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Diamond Label Design Golf Balls</span></header> <div class="price"> <div class="starting">starting at</div><span>$17.95/dz</span> </div> </div> <div class="img"><a href="/Golf-Balls/TABASCO-Brand-Diamond-Design-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/ball-diamond.png" alt="ball-diamond"/></a></div><a class="cta" href="/Golf-Balls/TABASCO-Brand-Diamond-Design-Golf-Balls.htm">Shop Now</a> </li> <li> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Bottle Golf Balls</span></header> <div class="price"> <div class="starting">starting at</div><span>$17.95/dz</span> </div> </div> <div class="img"><a href="/Golf-Balls/TABASCO-Brand-Bottle-Design-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/ball-bottle.png" alt="ball-bottle"/></a></div><a class="cta" href="/Golf-Balls/TABASCO-Brand-Bottle-Design-Golf-Balls.htm">Shop Now</a> </li> <li> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Bottle Alignment Aid Golf Balls</span></header> <div class="price"> <div class="starting">starting at</div><span>$17.95/dz</span> </div> </div> <div class="img"><a href="/Golf-Balls/TABASCO-Brand-Bottle-Alignment-Aid-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/ball-bottle-id.png" alt="ball-bottle-id"/></a></div><a class="cta" href="/Golf-Balls/TABASCO-Brand-Bottle-Alignment-Aid-Golf-Balls.htm">Shop Now</a> </li> </ul> <ul> <li> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Bottle Design Golf Towel</span></header> <div class="price"><span>$14.95/ea</span> </div> </div> <div class="img"><a href="/Golf-Misc/Golf-Towels/TABASCO-Brand-Bottle-Design-Golf-Towel.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/towels-bottle.png" alt="towels-bottle"/></a></div><a class="cta" href="/Golf-Misc/Golf-Towels/TABASCO-Brand-Bottle-Design-Golf-Towel.htm">Shop Now</a> </li> <li> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Diamond Label Golf Towel</span></header> <div class="price"><span>$14.95/ea</span> </div> </div> <div class="img"><a href="/Golf-Misc/Golf-Towels/TABASCO-Brand-Diamond-Design-Golf-Towel.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/towels-diamond.png" alt="towels-diamond"/></a></div><a class="cta" href="/Golf-Misc/Golf-Towels/TABASCO-Brand-Diamond-Design-Golf-Towel.htm">Shop Now</a> </li> </ul> <ul> <li class="half"> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span>Premium Golf Tees</span></header> <div class="price"><span>$12.95/50-pk</span> </div> </div> <div class="img"><a href="/Golf-Misc/Golf-Tees/TABASCO-Brand-Premium-Golf-Tees.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/tees.png" alt="tees"/></a></div><a class="cta" href="/Golf-Misc/Golf-Tees/TABASCO-Brand-Premium-Golf-Tees.htm">Shop Now</a> </li> <li class="gift half"> <div class="sku-top"> <header>TABASCO<sup>&reg;</sup> Brand<span></span></header> <div class="banner"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/ribbon-par-three.png"/></div> <div class="content"> <ul> <li> <span>1 </span>TABASCO<sup>&reg;</sup> Bottle Design Tri-Fold Golf Towel</li> <li> <span>3 </span>Callaway HEX Diablo Golf Balls w/ TABASCO<sup>&reg;</sup> Diamond Label Design</li> <li> <span>50 </span>TABASCO<sup>&reg;</sup> Premium Golf Tees</li> </ul> <div class="was-now"> <div class="was"><span>$37.85</span></div> <div class="now price">$19.95</div> </div> </div> </div> <div class="img"><a href="/Golf-Balls/TABASCO-Brand-Par-Three-Gift-Set.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Tabasco/2013-12/pack-par-three.png" alt="pack-par-three"/></a></div><a class="cta" href="/Golf-Balls/TABASCO-Brand-Par-Three-Gift-Set.htm">Shop Now</a> </li> </ul> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>