overlay text

overlay text

==========SPECIAL OFFERS=================

h3.special-offers-text {
    position: absolute;
    color: white;
    display: block;
    top: 100px;
    text-transform: uppercase;
    z-index: 999;
    font-size: 2.46em;
    /* margin-bottom: 17px; */
    font-style: italic;
    line-height: 1.1;
    /* word-wrap: inherit; */
    width: 30px;
    top: 23px;
    text-shadow: 0.5px 0.5px 0.5px #171611;
    right: 144px;
}

<div id="adGridLarge" class="editable"><span><h3 class="special-offers-text">Special Offers</h3></span><a href="https://www.exmark.com/SpecialOffers/" title="Special Offers"><img alt="Special Offers" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(4)"><span></span></a></div>



============================PROMOTIONS==================================

<div id="adGridLarge" class="editable"><a href="https://www.exmark.com/SpecialOffers/" title="Special Offers"><img alt="Special Offers" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(4)"></a><span><a href="https://www.exmark.com/SpecialOffers/"><h6 class="promotions">PROMOTIONS</h6></a></span></div>

h6.promotions {
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 60px;
    text-shadow: 1px 1px 1px #f4f2f3;
    color: black;
}


==========================INNOVATIONS====================================

h6.recent-innovations {
font-size: 2.46em;
    margin-bottom: 9px;
    z-index: 999;
    max-width: 300px;
    left: -528px;
    bottom: 30px;
    font-weight: 600;
    font-style: italic;
    position: absolute;
    top: -84px;
    text-shadow: 1px 1px 1px black;
    right: 300px;
    color: #fcfefd;
    text-transform: uppercase;
    line-height: 1.15em;
}


<div id="adGridMedium" class="editable"><a href="https://www.exmark.com/Exmark-Advantage/Recent-Innovations" title="Recent Innovations"><img alt="recent-innovations" class="single-image" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(5)"><span><h6 class="recent-innovations">RECENT INNOVATIONS</h6></span></a><h6><a href="https://www.exmark.com/Exmark-Advantage/Recent-Innovations" title="Recent Innovations"></a></h6></div>




=======================REQUEST A DEMO========================

h4.request-an-estimate {
    font-size: 2.33em;
    color: white;
    position: absolute;
    z-index: 999;
    top: -88px;
    text-shadow: 1px 1px 1px black;
    right: 24px;
    left: -231px;
    line-height: 32px;
}


<img alt="ad-request-demo" class="single-image" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(6)">
<span><h4 class="request-an-estimate">REQUEST A DEMO</h4></span>

================================================



========REQUEST AN ESTIMATE==============

h3.request-small-2 {
    color: #ffffff;
    z-index: 999;
    position: absolute;
    top: -96px;
    right: 4px;
    width: 237px;
    font-style: italic;
    left: -235px;
    text-shadow: 1px 1px 1px black;
    font-size: 2.32em;
    font-weight: 700;
}

<a href="https://www.exmark.com/Exmark-Advantage/Request-a-Demo" title="Request a Demo"><img alt="ad-request-demo" class="single-image" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(6)"><span><h4 class="request-an-estimate">REQUEST A DEMO</h4></span></a>


==================================BENEFITS OF EXMARK LEASING=====================

h3.benefits-of-exmarks {
    position: absolute;
    top: -1px;
    font-size: 1.44em;
    color: black;
    max-width: 304px;
    right: 203px;
    letter-spacing: 1.42px;
    z-index: 999;
}

<div id="adGridSmallFullWidth" class="editable"><a href="https://www.exmark.com/Special-Offers/Lease-Program/" title="Exmark Lease Program"></a><a href="https://www.exmark.com/Special-Offers/Lease-Program"><img class="single-image" src="./Zero-Turn Mowers and Commercial Mowers _ Exmark_files/ShowImage(8)" alt="2015 Leasing"></a></div><span><h3 class="benefits-of-exmarks">BENEFITS OF EXMARK LEASING</h3><h3></h3></span>