892f7b0c by Dan Rempel

Bosco early times. Still need to complete animation of logo.

1 parent 39b153c3
Showing 42 changed files with 617 additions and 0 deletions
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
<defs>
<style>
.cls-1 {
fill: #ff7049;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>subscribe</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<rect class="cls-1" width="114.01" height="32.5"/>
<g>
<path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
<path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
<path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
<path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
<path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
<path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
<path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
<path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
<path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
</g>
</g>
</g>
</g>
</svg>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "https://boscoandroxys.com";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
<style>
body{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 100%;
height: 100%;
border: 1px solid #323e48;
background-color: #FFFFFF;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-position: 0 -10px;
}
img {
position: absolute;
}
/* Custom per ad */
body{
width: 300px;
height: 250px;
}
#border{
border-top: 10px solid #323e48;
}
.box{
left:11px;
top:13px;
opacity: 0;
}
#box-xmas{
opacity: 1;
}
#txt{
left: 167px;
top: 21px;
-ms-transform: scale(.5); /* IE 9 */
-ms-transform-origin: 0% 0%; /* IE 9 */
-webkit-transform: scale(.5); /* Chrome, Safari, Opera */
-webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
transform: scale(.5);
transform-origin: 0% 0%;
}
#logo{
position: absolute;
left: 17px;
top: 168px;
width:131px;
height:157px;
}
#subscribe{
left: 167px;
top: 190px;
}
#eye-right-lash, #e-large, #e-small{
opacity: 0;
}
#pant{
}
</style>
</head>
<body>
<div id="border">
<img class="box" id="box-xmas" src="assets/box-xmas.jpg" alt="box-xmas">
<img class="box" id="box-advent" src="assets/box-advent.jpg" alt="box-advent">
<img class="box" id="box-winter" src="assets/box-winter.jpg" alt="box-winter">
<img class="box" id="box-spoileddog" src="assets/box-spoileddog.jpg" alt="box-spoileddog">
<img class="box" id="box-valentines" src="assets/box-valentines.jpg" alt="box-valentines">
<!--
<img class="box" id="box-birthday" src="assets/box-birthday.jpg" alt="box-birthday">
<img class="box" id="box-thanksgiving" src="assets/box-thanksgiving.jpg" alt="box-thanksgiving">
-->
<img id="txt" src="assets/txt.png" alt="txt"> <!-- width="238" height="215" -->
<div id="logo"></div>
<img id="subscribe" src="assets/subscribe.svg" alt="txt" width="114" height="33">
<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
$( document ).ready(function() {
/*
* embed external svg using ajax
*/
var container = $("#logo");
var svgUrl = "assets/logo.svg";
$.get(svgUrl)
.then(injectSvg);
function injectSvg(xmlDoc) {
var svg = $(xmlDoc).find("svg");
container.append(svg);
animate();
}
/*
* animate
*/
function animate(){
// animate the boxes
var tl = new TimelineMax({repeat:2});
var d = 1.25;
var box_arr = ["#box-advent", "#box-winter", "#box-spoileddog", "#box-valentines"];
for (var i = 0 in box_arr) {
tl.to(box_arr[i], 0.6, {opacity:1, ease:Power1.easeInOut, delay:d });
}
for (var i = 0 in box_arr) {
tl.to(box_arr[i], 0.6, {opacity:0, delay:0 });
}
console.log("boxes: " + tl.totalDuration());
// animate the logo
var eye_tl = new TimelineMax({repeat:12});
eye_tl.to("#eye-right-lid", 2, {scaleY:.1, transformOrigin:"0% 0%", delay:0 });
console.log("eye_right: " + eye_tl.totalDuration());
var tongue_tl = new TimelineMax();
var pantDuration = .3;
var pantTongueLength = .9;
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:9, delay:0 });
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:33, delay:1 });
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:3, delay:1 });
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
tongue_tl.fromTo("#pant", pantDuration, {scaleY:.5}, {scaleY:pantTongueLength, transformOrigin:"0% 0%", yoyo: true, repeat:13, delay:1 });
console.log("tongue: " + tongue_tl.totalDuration());
};
});
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
<defs>
<style>
.cls-1 {
fill: #ff7049;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>subscribe</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<rect class="cls-1" width="114.01" height="32.5"/>
<g>
<path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
<path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
<path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
<path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
<path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
<path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
<path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
<path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
<path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
</g>
</g>
</g>
</g>
</svg>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "https://businesstobruce.com/wiarton";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
<style>
body{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 100%;
height: 100%;
border: 1px solid #939598;
background-color: #FFFFFF;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
}
img {
position: absolute;
}
#logos {
right: 0px;
top: 185px;
opacity: 0;
}
/* Custom per ad */
body{
width: 300px;
height: 250px;
}
#blue {
left: -402px;
}
</style>
</head>
<body>
<div id="border">
<img id="img" src="assets/img.jpg">
<img id="blue" src="assets/blue.gif">
<img id="logos" src="assets/logos.gif">
<img id="triangle" src="assets/triangle.png">
<img id="check" src="assets/check.gif">
<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
var tl = new TimelineMax({repeat:2});
tl.to("#check", 0.6, {left:-728, ease:Power1.easeInOut, delay:3.5 });
tl.to("#blue", 0.4, {left:0, ease:Power1.easeInOut, delay:3.3 });
tl.to("#img", 1.0, {opacity:0, ease:Power1.easeInOut, delay:-0.5 });
tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:0 });
tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:2 });
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
<defs>
<style>
.cls-1 {
fill: #ff7049;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>subscribe</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<rect class="cls-1" width="114.01" height="32.5"/>
<g>
<path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
<path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
<path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
<path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
<path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
<path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
<path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
<path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
<path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
</g>
</g>
</g>
</g>
</svg>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "https://businesstobruce.com/wiarton";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
<style>
body{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 100%;
height: 100%;
border: 1px solid #939598;
background-color: #FFFFFF;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
}
img {
position: absolute;
}
#logos {
right: 0px;
top: 185px;
opacity: 0;
}
/* Custom per ad */
body{
width: 300px;
height: 250px;
}
#blue {
left: -402px;
}
</style>
</head>
<body>
<div id="border">
<img id="img" src="assets/img.jpg">
<img id="blue" src="assets/blue.gif">
<img id="logos" src="assets/logos.gif">
<img id="triangle" src="assets/triangle.png">
<img id="check" src="assets/check.gif">
<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
var tl = new TimelineMax({repeat:2});
tl.to("#check", 0.6, {left:-728, ease:Power1.easeInOut, delay:3.5 });
tl.to("#blue", 0.4, {left:0, ease:Power1.easeInOut, delay:3.3 });
tl.to("#img", 1.0, {opacity:0, ease:Power1.easeInOut, delay:-0.5 });
tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:0 });
tl.to("#logos", 1.0, {opacity:1, ease:Power1.easeInOut, delay:2 });
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.01 32.5">
<defs>
<style>
.cls-1 {
fill: #ff7049;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>subscribe</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<rect class="cls-1" width="114.01" height="32.5"/>
<g>
<path class="cls-2" d="M16.33,20.61a3.77,3.77,0,0,1-1.42-.79.6.6,0,0,1-.2-.46.48.48,0,0,1,.1-.31.33.33,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.37,4.37,0,0,0,2.76.94,2.89,2.89,0,0,0,1.72-.43,1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.22,2.22,0,0,0-.76-.45,11.41,11.41,0,0,0-1.26-.35,10.57,10.57,0,0,1-1.74-.52,2.66,2.66,0,0,1-1.11-.78,2,2,0,0,1-.42-1.32,2.4,2.4,0,0,1,.42-1.39,2.76,2.76,0,0,1,1.18-.93,4.35,4.35,0,0,1,1.74-.33,4.87,4.87,0,0,1,1.69.28,3.59,3.59,0,0,1,1.33.79.66.66,0,0,1,.2.46.51.51,0,0,1-.1.32.3.3,0,0,1-.25.13.77.77,0,0,1-.38-.14,4.21,4.21,0,0,0-1.18-.73,3.65,3.65,0,0,0-1.31-.2,2.75,2.75,0,0,0-1.68.44,1.48,1.48,0,0,0-.6,1.26,1.15,1.15,0,0,0,.53,1,5.44,5.44,0,0,0,1.62.61c.79.19,1.41.36,1.86.52a2.78,2.78,0,0,1,1.12.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.42,1.35,2.7,2.7,0,0,1-1.19.91,4.42,4.42,0,0,1-1.76.33A6,6,0,0,1,16.33,20.61Z"/>
<path class="cls-2" d="M25.45,20a3.74,3.74,0,0,1-.93-2.75v-5.1a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.48.48,0,0,1,.37.15.55.55,0,0,1,.15.4V17.3a2.81,2.81,0,0,0,.65,2,2.59,2.59,0,0,0,1.93.68,2.56,2.56,0,0,0,1.93-.68,2.81,2.81,0,0,0,.65-2V12.11a.55.55,0,0,1,.15-.4.52.52,0,0,1,.38-.15.5.5,0,0,1,.39.15.54.54,0,0,1,.14.4v5.1A3.73,3.73,0,0,1,30.87,20a3.65,3.65,0,0,1-2.71.94A3.61,3.61,0,0,1,25.45,20Z"/>
<path class="cls-2" d="M41.73,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H35.85a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H39a3.47,3.47,0,0,1,2.2.62A2.15,2.15,0,0,1,42,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,41.73,16.87ZM36.36,15.7h2.47a2.45,2.45,0,0,0,1.55-.42,1.44,1.44,0,0,0,.53-1.21c0-1-.7-1.56-2.08-1.56H36.36Zm4.25,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H36.36v3.33H39A2.55,2.55,0,0,0,40.61,19.51Z"/>
<path class="cls-2" d="M46.42,20.61A3.85,3.85,0,0,1,45,19.82a.6.6,0,0,1-.2-.46.49.49,0,0,1,.11-.31.31.31,0,0,1,.25-.14.66.66,0,0,1,.36.14,4.35,4.35,0,0,0,2.76.94A2.88,2.88,0,0,0,50,19.56a1.41,1.41,0,0,0,.6-1.22,1,1,0,0,0-.29-.74,2.27,2.27,0,0,0-.75-.45,11.41,11.41,0,0,0-1.26-.35,11,11,0,0,1-1.75-.52,2.63,2.63,0,0,1-1.1-.78A1.94,1.94,0,0,1,45,14.18a2.34,2.34,0,0,1,.43-1.39,2.7,2.7,0,0,1,1.18-.93,4.27,4.27,0,0,1,1.73-.33,4.93,4.93,0,0,1,1.7.28,3.63,3.63,0,0,1,1.32.79.63.63,0,0,1,.21.46.52.52,0,0,1-.11.32.3.3,0,0,1-.24.13.74.74,0,0,1-.38-.14,4.52,4.52,0,0,0-1.18-.73,3.7,3.7,0,0,0-1.32-.2,2.72,2.72,0,0,0-1.67.44,1.48,1.48,0,0,0-.6,1.26,1.13,1.13,0,0,0,.53,1,5.48,5.48,0,0,0,1.61.61c.79.19,1.41.36,1.86.52a2.82,2.82,0,0,1,1.13.72,1.83,1.83,0,0,1,.45,1.29,2.26,2.26,0,0,1-.43,1.35,2.7,2.7,0,0,1-1.19.91,4.37,4.37,0,0,1-1.75.33A6.14,6.14,0,0,1,46.42,20.61Z"/>
<path class="cls-2" d="M56.32,20.33a3.71,3.71,0,0,1-1.46-1.62,5.72,5.72,0,0,1-.51-2.5,5.65,5.65,0,0,1,.51-2.49,3.74,3.74,0,0,1,1.46-1.63,4.27,4.27,0,0,1,2.25-.56,4.77,4.77,0,0,1,1.65.28,4,4,0,0,1,1.34.79.62.62,0,0,1,.21.46.51.51,0,0,1-.1.32.31.31,0,0,1-.25.13.71.71,0,0,1-.38-.14,4.75,4.75,0,0,0-1.2-.73,3.4,3.4,0,0,0-1.24-.2,2.82,2.82,0,0,0-2.32,1,4.26,4.26,0,0,0-.82,2.79,4.31,4.31,0,0,0,.82,2.8,2.84,2.84,0,0,0,2.32,1,3.37,3.37,0,0,0,1.23-.21A4.62,4.62,0,0,0,61,19.05a.81.81,0,0,1,.38-.14.31.31,0,0,1,.25.13.49.49,0,0,1,.1.32.6.6,0,0,1-.21.46,4,4,0,0,1-1.34.8,4.77,4.77,0,0,1-1.65.28A4.27,4.27,0,0,1,56.32,20.33Z"/>
<path class="cls-2" d="M71.87,20.43a.39.39,0,0,1-.15.32.52.52,0,0,1-.34.12.52.52,0,0,1-.47-.26l-1.74-2.75a2.11,2.11,0,0,0-.71-.74,2.07,2.07,0,0,0-1-.2H65.84v3.39a.57.57,0,0,1-.14.4.52.52,0,0,1-.38.15.5.5,0,0,1-.39-.15.53.53,0,0,1-.14-.4V12.15a.5.5,0,0,1,.14-.38.59.59,0,0,1,.4-.14h3.23a3.48,3.48,0,0,1,2.28.66,2.41,2.41,0,0,1,.78,2A2.45,2.45,0,0,1,71,16a2.85,2.85,0,0,1-1.8.8,1.75,1.75,0,0,1,.59.34,3.42,3.42,0,0,1,.52.65l1.48,2.34A.58.58,0,0,1,71.87,20.43ZM68.46,16a2.42,2.42,0,0,0,1.6-.45,1.63,1.63,0,0,0,.52-1.33,1.61,1.61,0,0,0-.52-1.32,2.51,2.51,0,0,0-1.6-.43H65.84V16Z"/>
<path class="cls-2" d="M75.15,20.71a.54.54,0,0,1-.15-.4v-8.2a.55.55,0,0,1,.15-.4.5.5,0,0,1,.39-.15.53.53,0,0,1,.39.15.59.59,0,0,1,.14.4v8.2a.57.57,0,0,1-.14.4.53.53,0,0,1-.39.15A.5.5,0,0,1,75.15,20.71Z"/>
<path class="cls-2" d="M86.06,16.87a2.3,2.3,0,0,1,.44,1.43,2.25,2.25,0,0,1-.8,1.85,3.49,3.49,0,0,1-2.25.64H80.18a.53.53,0,0,1-.4-.14.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14h3.13a3.49,3.49,0,0,1,2.2.62A2.15,2.15,0,0,1,86.29,14a2.11,2.11,0,0,1-.39,1.28,2.3,2.3,0,0,1-1.07.79A2.19,2.19,0,0,1,86.06,16.87ZM80.68,15.7h2.47a2.46,2.46,0,0,0,1.56-.42,1.44,1.44,0,0,0,.52-1.21c0-1-.69-1.56-2.08-1.56H80.68Zm4.26,3.81a1.46,1.46,0,0,0,.52-1.24c0-1.12-.71-1.69-2.11-1.69H80.68v3.33h2.67A2.55,2.55,0,0,0,84.94,19.51Z"/>
<path class="cls-2" d="M89.84,20.65a.49.49,0,0,1-.15-.38V12.15a.5.5,0,0,1,.15-.38.57.57,0,0,1,.4-.14H95.1a.49.49,0,0,1,.36.12.39.39,0,0,1,.14.32.42.42,0,0,1-.14.33.53.53,0,0,1-.36.11H90.75V15.7h4.09a.49.49,0,0,1,.36.12.38.38,0,0,1,.13.32.42.42,0,0,1-.13.33.53.53,0,0,1-.36.11H90.75v3.33H95.1a.53.53,0,0,1,.36.11.41.41,0,0,1,.14.33.42.42,0,0,1-.14.33.49.49,0,0,1-.36.11H90.24A.53.53,0,0,1,89.84,20.65Z"/>
</g>
</g>
</g>
</g>
</svg>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body>
<h3><a href="index.html">Wiarton</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_kin.html">Kincardine</a></h3>
<iframe id='' class="b728x90 float" scrolling="no" src="728x90_Wiarton/index.html"></iframe>
<div style="width:700px">
<iframe id='' class="b300x250 float" scrolling="no" src="300x250_Wiarton/index.html"></iframe>
</div>
<!-- <iframe id='' class="b300x600 stacked" scrolling="no" src="300x600_Wiarton/index.html"></iframe> -->
</body>
</html>
html {
background-color: #d4d4d4;
}
body {
margin: 0 auto;
padding: 2em 2em 4em;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #8e8e8e;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.3em;
margin-left: 10px;
}
a {
color: #8e8e8e;
}
a:hover {
color: #FFFFFF;
}
iframe, img {
margin: 10px;
/* border: 1px #d4d4d4 solid; */
border: 0px fuchsia solid;
overflow: hidden;
iframe::-webkit-scrollbar {
display: none;
};
}
.stacked {
display: flex;
}
.float {
display: inline-flex;
vertical-align: top;
}
.b300x250 {
width: 300px;
height: 250px;
}
.b728x90 {
width: 728px;
height: 90px;
}
.b300x600 {
width: 300px;
height: 600px;
}
.b600x566 {
width: 600px;
height: 566px;
}