<?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;
overflow: auto;
}
#landing {
position: relative;
background-image: linear-gradient(to right, #b9974d, #c0a05d, #c6aa6e, #cdb37e, #d3bd8f, #d3bd8f, #d3bd8f, #d3bd8f, #cdb37e, #c6aa6e, #c0a05d, #b9974d);
-webkit-box-shadow: inset 0 0 140px rgba(0,0,0,0.15);
box-shadow: inset 0 0 140px rgba(0,0,0,0.15);
margin-bottom: 1em;
text-align: center;
font-size: 13px;
overflow: auto;
border-radius: 5px;
padding: 0 0 10px 0;
}
#landing.running {
padding-top: 20px;
}
#landing * {
font-family: 'Montserrat', sans-serif;
}
#landing .masthead {
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-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#landing img.logo {
max-width: 100px;
margin: 1em 0;
}
#landing .ends {
position: absolute;
right: 0;
top: 20px;
padding: 10px 20px;
background: #fee016;
color: #087f89;
font-weight: 700;
}
#landing h1 {
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-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 0;
font-size: 3.5em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-shadow: 0 2px 0px rgba(0,0,0,0.2), 0 2px 10px rgba(0,0,0,0.1);
}
#landing h1 img {
max-width: 200px;
margin-bottom: 0.1em;
}
#landing h1 span {
font-size: 0.6em;
color: #B22222;
}
#landing h2 {
font-size: 3em;
border: 0;
color: #000000;
font-weight: 700;
}
#landing .was {
font-size: 2.5em;
margin-bottom: 1em;
font-weight: 300;
color: #545454;
}
#landing .was span {
text-decoration: line-through;
}
#landing .was:before {
content: 'was: ';
}
#landing ul {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
list-style-type: none;
margin: 0 20px;
padding: 0;
}
#landing ul li {
width: 45%;
margin-bottom: 2em;
margin: 0 10px 2em 10px;
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;
background: rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
box-shadow: 0 1px 10px rgba(0,0,0,0.1);
border-radius: 10px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#landing ul li img {
max-width: 80%;
margin-bottom: 1em;
-webkit-filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.2));
}
#landing ul li a.cta {
display: inline-block;
padding: 10px 20px;
text-transform: capitalize;
font-size: 1.3em;
color: #fff;
background: #000000;
text-decoration: none;
border-radius: 4px;
}
#landing ul li a.cta:after {
content: '\00BB';
margin-left: 10px;
}
#landing ul li a.cta:hover {
background: #262626;
}
#landing ul li .disclaimer {
margin-top: 1em;
font-style: italic;
}
#landing.ended {
padding-top: 20px;
}
#landing.ended h1 {
font-size: 2em;
font-weight: 400;
}
#landing .count {
display: none;
text-align: center;
background: #000000;
color: #fff;
padding: 10px 0;
font-size: 1.6em;
margin-bottom: 10px;
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;
font-weight: 300;
border-radius: 5px;
}
.count header {
font-size: 1.7em;
font-weight: 700;
}
.count .counter {
margin-left: 10px;
}
.count .counter span {
text-transform: none;
font-weight: 700;
margin-left: 5px;
}
.count .counter:before {
content: 'Offer ends in ';
}
#mobile-wrapper #landing {
line-height: normal;
border-radius: 0;
max-width: 1600px;
margin: 0 auto;
}
#mobile-wrapper #landing ul li {
width: 30%;
}
.block .inner {
margin: 0 auto;
max-width: 920px;
position: relative;
}
#ended a.cta {
display: inline-block;
padding: 10px 20px;
text-transform: capitalize;
font-size: 1.3em;
color: #fff;
background: #000000;
text-decoration: none;
border-radius: 4px;
}
#ended a.cta:after {
content: '\00BB';
margin-left: 10px;
}
#ended a.cta:hover {
background: #262626;
}
#landing .offerend {
font-size: 2.5em;
margin-bottom: 1em;
font-weight: 300;
color: #545454;
}
@media screen and (max-width: 900px) {
#mobile-wrapper .block.top {
padding: 0 40px;
}
#mobile-wrapper #landing h1 {
font-size: 4em;
line-height: normal;
}
#mobile-wrapper #landing ul {
margin: 0;
}
#mobile-wrapper #landing ul li {
width: 45%;
}
}
@media screen and (max-width: 700px) {
#mobile-wrapper #landing .was {
margin-bottom: 0.5em;
}
#mobile-wrapper #landing .ends {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-o-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
position: static;
display: inline-block;
margin-bottom: 1.5em;
}
#mobile-wrapper #landing h1 {
font-size: 3em;
}
}
@media screen and (max-width: 600px) {
#mobile-wrapper #landing h1 {
font-size: 3em;
}
#mobile-wrapper #landing ul {
margin: 0;
padding: 0 10px;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#mobile-wrapper #landing ul li {
width: 100%;
margin: 0;
margin-bottom: 1em;
}
}
</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><div id="running">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"/>
<div id="landing">
<div class="block top">
<div class="inner">
<div class="count">
<header></header>
<div class="counter"></div>
</div>
<div class="masthead">
<img class="logo" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Volvik.svg" alt="Volvik"/>
<div class="margin-top:20px;">
<h1>2 Dozen for $55.00</h1>
<div class="was"><span>$65.90</span></div>
</div>
</div>
<div>
<h2>VIVID</h2>
<ul>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-White-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/vivid-2dz-white.png" alt="Volvik Vivid Matte White Golf Balls"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-White-Golf-Balls-Double-Dozen.htm">Shop White</a>
</li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Orange-Golf-Balls-Double-Dozen_1.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/vivid-2dz-orange.png" alt="Volvik Vivid Matte Orange Golf Balls"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Orange-Golf-Balls-Double-Dozen_1.htm">Shop Orange</a>
</li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Red-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/vivid-2dz-red.png" alt="Volvik Vivid Matte Red Golf Balls"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Red-Golf-Balls-Double-Dozen.htm">Shop Red</a>
</li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Yellow-Golf-Balls-Double-Dozen_1.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/vivid-2dz-yellow.png" alt="Volvik Vivid Matte Yellow Golf Balls"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Vivid-Matte-Yellow-Golf-Balls-Double-Dozen_1.htm">Shop Yellow</a>
</li>
</ul>
</div>
<div class="masthead">
<div class="margin-top:20px;">
<h1>2 Dozen for $35.00</h1>
<div class="was"><span>$39.90</span></div>
</div>
</div>
<div>
<h2>VIMAX</h2>
<ul>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-VIMAX-Soft-Matte-Green-Double-Dozen-Golf-Balls.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/vimax-2dz-green.png" alt="Volvik VIMAX Soft Matte Green Golf Balls"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-VIMAX-Soft-Matte-Green-Double-Dozen-Golf-Balls.htm">Shop Green</a></li>
</ul>
<h2>POWER SOFT</h2>
<ul>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Power-Soft-Yellow-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/power-soft-2dz-yellow.png" alt="Volvik Power Soft Golf Balls - Yellow"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Power-Soft-Yellow-Golf-Balls-Double-Dozen.htm">Shop Yellow</a></li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Power-Soft-Orange-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/power-soft-2dz-orange.png" alt="Volvik Power Soft Golf Balls - Orange"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Power-Soft-Orange-Golf-Balls-Double-Dozen.htm">Shop Orange</a></li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Power-Soft-Red-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/power-soft-2dz-red.png" alt="Volvik Power Soft Golf Balls - Red"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Power-Soft-Red-Golf-Balls-Double-Dozen.htm">Shop Red</a></li>
<li><a class="img" href="/Golf-Balls/Balls/Volvik-Power-Soft-Green-Golf-Balls-Double-Dozen.htm"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/brands/Mixed/Holiday-Ball-Offers/2020/vol/power-soft-2dz-green.png" alt="Volvik Power Soft Golf Balls - Green"/></a><a class="cta" href="/Golf-Balls/Balls/Volvik-Power-Soft-Green-Golf-Balls-Double-Dozen.htm">Shop Green</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="ended">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"/>
<div id="landing">
<div class="block top">
<div class="inner">
<div class="masthead">
<img class="logo" src="https://d1tp32r8b76g0z.cloudfront.net/images/creative/logos/logo-white-Volvik.svg" alt="Volvik"/>
<div class="margin-top:20px;">
<h1>Volvik Double Dozens</h1>
<div class="offerend"><span>Offer has ended</span></div>
</div>
</div>
<div class="section" style="padding-bottom:30px;text-align:center;">
<a class="cta" href="/Golf-Balls/Volvik.html">Shop All Volvik Golf Balls</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
! function(a) {
"use strict";
"function" == typeof define && define.amd ? define(["jquery"], a) : a(jQuery)
}(function(a) {
"use strict";
function b(a) {
if (a instanceof Date) return a;
if (String(a).match(g)) return String(a).match(/^[0-9]*$/) && (a = Number(a)), String(a).match(/\-/) && (a = String(a).replace(/\-/g, "/")), new Date(a);
throw new Error("Couldn't cast `" + a + "` to a date object.")
}
function c(a) {
var b = a.toString().replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
return new RegExp(b)
}
function d(a) {
return function(b) {
var d = b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);
if (d)
for (var f = 0, g = d.length; f < g; ++f) {
var h = d[f].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),
j = c(h[0]),
k = h[1] || "",
l = h[3] || "",
m = null;
h = h[2], i.hasOwnProperty(h) && (m = i[h], m = Number(a[m])), null !== m && ("!" === k && (m = e(l, m)), "" === k && m < 10 && (m = "0" + m.toString()), b = b.replace(j, m.toString()))
}
return b = b.replace(/%%/, "%")
}
}
function e(a, b) {
var c = "s",
d = "";
return a && (a = a.replace(/(:|;|\s)/gi, "").split(/\,/), 1 === a.length ? c = a[0] : (d = a[0], c = a[1])), Math.abs(b) > 1 ? c : d
}
var f = [],
g = [],
h = {
precision: 100,
elapse: !1,
defer: !1
};
g.push(/^[0-9]*$/.source), g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source), g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source), g = new RegExp(g.join("|"));
var i = {
Y: "years",
m: "months",
n: "daysToMonth",
d: "daysToWeek",
w: "weeks",
W: "weeksToMonth",
H: "hours",
M: "minutes",
S: "seconds",
D: "totalDays",
I: "totalHours",
N: "totalMinutes",
T: "totalSeconds"
},
j = function(b, c, d) {
this.el = b, this.$el = a(b), this.interval = null, this.offset = {}, this.options = a.extend({}, h), this.instanceNumber = f.length, f.push(this), this.$el.data("countdown-instance", this.instanceNumber), d && ("function" == typeof d ? (this.$el.on("update.countdown", d), this.$el.on("stoped.countdown", d), this.$el.on("finish.countdown", d)) : this.options = a.extend({}, h, d)), this.setFinalDate(c), this.options.defer === !1 && this.start()
};
a.extend(j.prototype, {
start: function() {
null !== this.interval && clearInterval(this.interval);
var a = this;
this.update(), this.interval = setInterval(function() {
a.update.call(a)
}, this.options.precision)
},
stop: function() {
clearInterval(this.interval), this.interval = null, this.dispatchEvent("stoped")
},
toggle: function() {
this.interval ? this.stop() : this.start()
},
pause: function() {
this.stop()
},
resume: function() {
this.start()
},
remove: function() {
this.stop.call(this), f[this.instanceNumber] = null, delete this.$el.data().countdownInstance
},
setFinalDate: function(a) {
this.finalDate = b(a)
},
update: function() {
if (0 === this.$el.closest("html").length) return void this.remove();
var b, c = void 0 !== a._data(this.el, "events"),
d = new Date;
b = this.finalDate.getTime() - d.getTime(), b = Math.ceil(b / 1e3), b = !this.options.elapse && b < 0 ? 0 : Math.abs(b), this.totalSecsLeft !== b && c && (this.totalSecsLeft = b, this.elapsed = d >= this.finalDate, this.offset = {
seconds: this.totalSecsLeft % 60,
minutes: Math.floor(this.totalSecsLeft / 60) % 60,
hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24,
days: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
daysToWeek: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
daysToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 % 30.4368),
weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7),
weeksToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7) % 4,
months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30.4368),
years: Math.abs(this.finalDate.getFullYear() - d.getFullYear()),
totalDays: Math.floor(this.totalSecsLeft / 60 / 60 / 24),
totalHours: Math.floor(this.totalSecsLeft / 60 / 60),
totalMinutes: Math.floor(this.totalSecsLeft / 60),
totalSeconds: this.totalSecsLeft
}, this.options.elapse || 0 !== this.totalSecsLeft ? this.dispatchEvent("update") : (this.stop(), this.dispatchEvent("finish")))
},
dispatchEvent: function(b) {
var c = a.Event(b + ".countdown");
c.finalDate = this.finalDate, c.elapsed = this.elapsed, c.offset = a.extend({}, this.offset), c.strftime = d(this.offset), this.$el.trigger(c)
}
}), a.fn.countdown = function() {
var b = Array.prototype.slice.call(arguments, 0);
return this.each(function() {
var c = a(this).data("countdown-instance");
if (void 0 !== c) {
var d = f[c],
e = b[0];
j.prototype.hasOwnProperty(e) ? d[e].apply(d, b.slice(1)) : null === String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i) ? (d.setFinalDate.call(d, e), d.start()) : a.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi, e))
} else new j(this, b[0], b[1])
})
}
});
</script>
<script>
$.noConflict();
var finalDate = '2021/01/04 23:30:00';
jQuery('#running').hide();
jQuery('#ended').hide();
jQuery('.count .counter').countdown(finalDate, {
elapse: true
})
.on('update.countdown', function(event) {
if (event.elapsed) {
jQuery(this).countdown('stop');
jQuery('.count').remove();
jQuery('#running').remove();
jQuery('#ended').show();
} else {
jQuery('#running').show();
jQuery('#ended').hide();
var format = '%Hhr%!H %Mm %Ss';
if (event.offset.totalDays > 0) {
format = '%-d day%!d ' + format;
}
if (event.offset.weeks > 2) {
jQuery('.count').hide();
}
if (event.offset.weeks > 0 && event.offset.weeks <= 2) {
jQuery('.count').show();
jQuery('.count header').html('Ending Soon!');
format = '%-w week%!w ' + format;
} else if (event.offset.totalDays <= 0) {
jQuery('.count header').html('Final Day!');
} else {
jQuery('.count header').html('Final Days!');
}
jQuery(this).html(event.strftime(format));
}
});
</script></HTML>
<hide>false</hide>
</ConfigObject>
</Config>
<RenderOnFullSite>
true
</RenderOnFullSite>
<RenderOnMobileSite>
true
</RenderOnMobileSite>
</WidgetObject>
</Widgets>
</ContentConfig>