{_<if-INSTITUTION_LOGIN_APPHIDE>_}
<div class="container-fluid app-download-bg">
    <div class="wraper">  

 {_<if-spark_carousel>_} 
          <div id="homeHeader1" class="carousel slide app_information" data-ride="carousel">

          <div class="carousel-inner">
          <div class="carousel-item active">
{_<end_if-spark_carousel>_} 
                {_<php_token-NativeappAlreadyRegistered>_}
                {_<if-isios>_}
                {_<php_token-ScholarNativeappIos>_}
                <div class="text">
                  <strong>{_<echo_token-NativeappAlreadyRegistered>_}</strong><br>
                  <span id="ios" >{_<echo_token-ScholarNativeappIos>_}</span>
                    </div>
                    <a href="{_<echo_token-CP_IPAD_APP_STORE_URL>_}" target="_blank" id="iosAppStore" class="app-btn animated  waves-effect waves-light">
                    <img alt="Download on the App Store" height="40" src="/themes/2.0/fluid/public/spark/img/app-store.svg" width="140">
                    </a>
                {_<end_if-isios>_} 

                {_<if-isandroid>_}
                {_<php_token-ScholarNativeappAndroid>_}
                <div class="text">
                  <div class="app-label">
                  <strong>{_<echo_token-NativeappAlreadyRegistered>_}</strong>
                </div>
                  <span class="download-text" id="android" >{_<echo_token-ScholarNativeappAndroid>_}</span>
                  </div>
                    <a href="{_<echo_token-CP_ANDROID_AAP_STORE_URL>_}" target="_blank" id="googlePlay" class="app-btn animated waves-effect waves-light">
                      <img alt="get it on google play" height="40" src="/themes/2.0/fluid/public/spark/img/google-play.svg" width="140">
                    </a>
                {_<end_if-isandroid>_}
    
                {_<if-isdesktop>_}
                {_<php_token-ScholarNativeappDesktop>_}
                <div class="text">
                   <div class="app-label">
                  <strong>{_<echo_token-NativeappAlreadyRegistered>_}</strong>
                </div>
                    <span class="download-text" id="android" >{_<echo_token-ScholarNativeappDesktop>_}</span>
                  </div>
                    <a href="{_<echo_token-CP_IPAD_APP_STORE_URL>_}" target="_blank" id="iosAppStore" class="app-btn animated  waves-effect waves-light">
                    <img alt="Download on the App Store" height="40" src="/themes/2.0/fluid/public/spark/img/app-store.svg" width="140">
                    </a> 

                    <a href="{_<echo_token-CP_ANDROID_AAP_STORE_URL>_}" target="_blank" id="googlePlay" class="app-btn animated  waves-effect waves-light">
                    <img alt="get it on google play" height="40" src="/themes/2.0/fluid/public/spark/img/google-play.svg" width="140">
                    </a>
                {_<end_if-isdesktop>_}
                {_<if-DOWNLOAD_INSTRUCTION>_}
                    <a href="{_<echo_token-APP_DOWNLOAD_INSTRUCTION>_}" target="_blank" id="googlePlay" class="app-btn animated waves-effect waves-light">
                      <img alt="App Download Instruction" height="40" src="/themes/2.0/fluid/public/spark/img/App_Download.png" width="140">
                    </a>
                {_<end_if-DOWNLOAD_INSTRUCTION>_} 
   
        
      <div class="clearfix"></div>

 {_<if-spark_carousel>_}     
</div>
          <div class="carousel-item">

            <p>There are two versions of each module. The ePub version is best for online and in-app reading, studying, highlighting and note-taking. The ePDF version is available for printing of the module material as desired. </p>

            </div>
</div>

 <ol class="carousel-indicators">
            </ol>
            <a class="left carousel-control" href="#homeHeader1" role="button" tabindex="-1" data-slide="prev" id="prev">
            <span class="icon-prev" aria-hidden="true"></span>
            </a>
            <a class="right carousel-control" href="#homeHeader1" role="button" tabindex="-1" data-slide="next" id="next">
            <span class="icon-next" aria-hidden="true"></span>
            </a>

        </div>

{_<end_if-spark_carousel>_} 

    </div>
  </div>
{_<end_if-INSTITUTION_LOGIN_APPHIDE>_}  


<style type="text/css">
    table.fixed { table-layout:fixed; }
    table.fixed td { overflow: hidden; }
</style>

<div class="bulk_order_quote_div clearfix">
    <div class="container" style="text-align:center;">
        <div class="col-md-8">
            <table width="150%">
            <col width="300px" />
            <col width="200px" />
            <tr>
                <td>
                    <b>First time on the Aspen Learning Library platform? Get started!</b>
                </td>
                <td>
                  
                    <a class="btn btn-danger" href="https:\/\/aspenlearninglibrary.com/staticcms/gettostarted" title="<?php echo  $translator->_( 'ipc.cart.bulk_order_notification_btn' )  ?>">Quick start Guide</a> 
                </td>
            
                <td>
                    <span style="padding-left: 10px;"><b>Need to advice on which study aid to use and when?</b></span>
                </td>
                <td>
                    <a class="btn btn-danger" href="https:\/\/www.aspenpublishing.com\/File%20Library\/Unassigned\/ALL-STUDYGUIDE-COMP_v1-INTERACTIVE.pdf" title="<?php echo  $translator->_( 'ipc.cart.bulk_order_notification_btn' )  ?>">Download series Guide</a> 
                    
                </td>
            </tr>
            </table>
        </div>        
    </div>
</div>