Mon Dec 03 2018
Copied to clipboard! Copy reply
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
<a href="/lp/mobile-apps" id="pushdown"></a>

<style>
#pushdown {
    display: block;
    padding: 16% 0% 5% 60.5%;
    display: none;
    background: url(https://rosettastone.com/lp/globals/img/ios-desktop.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#pushdown > img {
    display: block;
}

@media (max-width: 600px) {
    #pushdown {
        background: url(https://rosettastone.com/lp/globals/img/ios-mobile.jpg);
        height: 310px;
        background-size: 100% 100%;
        padding: 0;
    }
}
</style>


<script>
    // If iOS, link directly to appstore. if not, leave original link in <a>
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (iOS)
    {
        $('#pushdown').attr('href', 'https://control.kochava.com/v1/cpi/click?campaign_id=korosettacourseiosrosettastoneadmin14345277e864a269b82cffd28897eb&network_id=811&device_id=device_id&site_id=1')
    }

    var $pd = $('#pushdown').detach()
    $('body').prepend($pd)
    $pd.slideDown().css({display: 'block'})
</script>