
Step 1.
Copy and paste the following code to your footer file right above the </body> tag:


<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<script>
var ml5 = {};
ml5.opacityIn = [0,1];
ml5.scaleIn = [0.2, 1];
ml5.scaleOut = 3;
ml5.durationIn = 800;
ml5.durationOut = 600;
ml5.delay = 500;

anime.timeline({loop: true})
  .add({
    targets: '.ml5 .letters-1',
    opacity: ml5.opacityIn,
    scale: ml5.scaleIn,
    duration: ml5.durationIn
  }).add({
    targets: '.ml5 .letters-1',
    opacity: 0,
    scale: ml5.scaleOut,
    duration: ml5.durationOut,
    easing: "easeInExpo",
    delay: ml5.delay
  }).add({
    targets: '.ml5 .letters-2',
    opacity: ml5.opacityIn,
    scale: ml5.scaleIn,
    duration: ml5.durationIn
  }).add({
    targets: '.ml5 .letters-2',
    opacity: 0,
    scale: ml5.scaleOut,
    duration: ml5.durationOut,
    easing: "easeInExpo",
    delay: ml5.delay
  }).add({
    targets: '.ml5 .letters-3',
    opacity: ml5.opacityIn,
    scale: ml5.scaleIn,
    duration: ml5.durationIn
  }).add({
    targets: '.ml5 .letters-3',
    opacity: 0,
    scale: ml5.scaleOut,
    duration: ml5.durationOut,
    easing: "easeInExpo",
    delay: ml5.delay
  }).add({
    targets: '.ml5',
    opacity: 0,
    duration: 500,
    delay: 500
  });
</script>




Step 2. 
Insert the following CSS into your style.css file:

.iacainteractive1 span {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    line-height: initial; color:#FFF;
	font-family: inherit;
}

.gpacontent2 {
    text-align: center;
    font-size: 20px;
	font-family: inherit;
    background: #dedede;
	color: #800000;
    padding: 10px;
    display: block;
    font-weight: bold;
}
a.gpared {	text-decoration: none; color: #800000;}
a.gpared:hover {color: #d9161d}
.iacainteractive1 {
background: rgba(183,32,37,1);
    background: -moz-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,32,37,1)), color-stop(100%, rgba(121,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72025', endColorstr='#d61917', GradientType=0 );
   }

.ml5:hover {
    background: #b72025;
    background: -moz-linear-gradient(top, #b72025 0%,#800000 56%, #991114 100%);
    background: -webkit-linear-gradient(top, #b72025 0%,#d61917 56%,#991114 100%);
    background: linear-gradient(to bottom, #b72025 0%,#d61917 56%,#991114 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72025', endColorstr='#991114',GradientType=0 );

}
.ml5 {
    background: rgba(183,32,37,1);
    background: -moz-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,32,37,1)), color-stop(100%, rgba(121,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(183,32,37,1) 0%, rgba(121,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72025', endColorstr='#d61917', GradientType=0 );
    color: #fff;
    position: relative;
    font-weight: 900;
    font-size: 20px;
    display: flex;
    color: #fff !important;
    height: 74px; overflow:hidden;
    text-align: center;
}
element {

    opacity: 0;
    transform: scale(3);

}

.ml5 .letters {

    position: absolute;
    margin: auto;
    left: 0;
    top: 0.5em;
    right: 0;
    opacity: 0;

}


Step 3. 
Create your advertisement special page, add This code onto that page:

<div class="iacainteractive1">
<div class="ml5"><a href="#"><span class="letters letters-1">No Cost!</span> <span class="letters letters-2">No SSN Required!</span> <span class="letters letters-3">No Obligation!</span></a></div>

<div class="gpacontent2"><a href="#" class="gpared">Get Pre-Approved &amp; See Your Credit Score</a></div>
</div>

