Jump to content
🚛
Streamline your cross-border operation. From ACE & ACI eManifests to PARS tracking and U.S. In-Bond filing, BorderConnect is the fastest way to cross.
Start Free Trial

Template:AppPromo: Difference between revisions

From BorderConnect Wiki
← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
<div class="bc-card bc-promo" style="background-color: #002D40 !important; color: #ffffff !important; border-radius: 8px; padding: 20px; border-left: 5px solid #005f73;">
<div class="bc-app-banner">
<h2 style="color: #ffffff !important; margin-top: 0; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; font-size: 1.5em; display:flex; align-items:center; gap:10px;">{{Icon|mobile-screen-button|color=#ffffff}} {{{title|BorderConnect Mobile App}}}</h2>
  <div class="bc-app-content">
<div style="margin-bottom:20px; color: #e0e6ed; font-size: 1.1em;">{{{text|Track shipments, view PARS/PAPS statuses, and upload documents in real-time.}}}</div>
    <div class="bc-app-icon">🚛</div>  
<div class="bc-btngrid">
   
<div class="bc-btn" style="background: #ffffff !important; border: none !important; display: flex; align-items: center; gap: 10px; padding: 10px;">
    <div class="bc-app-text">
<div class="bc-btn-icon">{{Icon|apple|type=fa-brands|size=2em|color=#002D40}}</div>
      <strong>Streamline your cross-border operation.</strong> From ACE & ACI eManifests to PARS tracking and U.S. In-Bond filing, BorderConnect is the fastest way to cross.
<div class="bc-btn-content"><span class="plainlinks">[{{{ios|https://apps.apple.com/us/app/emanifest-app/id1620694667}}} <span style="font-weight:bold; display:block; color:#333; font-size:0.75em; text-transform:uppercase;">Download on the</span><span style="color:#002D40; font-weight:bold; font-size:1.1em;">App Store</span>]</span></div>
    </div>
  </div>
 
  <div class="bc-store-container">
   
    <a href="INSERT_APPLE_LINK_HERE" class="bc-store-btn external" target="_blank" rel="nofollow" style="background-image: none !important; padding-right: 12px;">
      <svg class="bc-store-svg" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-46.6-35.5-4.6-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5c0 66.2 23.9 122.2 52.4 167.5 20.3 32 46.3 61.8 79.5 60.8 31.7-.9 43.7-21.3 82.3-21.3 38.7 0 51.5 21.3 83.6 21.3 29.8-.9 54.5-27 75.8-56.1 23.2-33.5 31.8-73.4 32.2-74.9-.3-.5-61.9-24.2-61.1-102.1zM255 79.5c19-23 31.2-54.8 27.6-80.1-23.3 1-52.6 15.6-70.1 41.5-15.3 22.8-28.5 53.3-25.2 81.3 25.8 2.2 52.1-18.1 67.7-42.7z"/></svg>
      <div class="bc-store-text">
        <span>Download on the</span>
        <span>App Store</span>
      </div>
    </a>
 
    <a href="INSERT_ANDROID_LINK_HERE" class="bc-store-btn external" target="_blank" rel="nofollow" style="background-image: none !important; padding-right: 12px;">
      <svg class="bc-store-svg" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3-60.1-60.1L47 499z"/></svg>
      <div class="bc-store-text">
        <span>GET IT ON</span>
        <span>Google Play</span>
      </div>
    </a>
 
  </div>
</div>
</div>
<div class="bc-btn" style="background: #ffffff !important; border: none !important; display: flex; align-items: center; gap: 10px; padding: 10px;">
<div class="bc-btn-icon">{{Icon|google-play|type=fa-brands|size=1.8em|color=#002D40}}</div>
<div class="bc-btn-content"><span class="plainlinks">[{{{android|https://play.google.com/store/apps/details?id=com.borderconnect.app}}} <span style="font-weight:bold; display:block; color:#333; font-size:0.75em; text-transform:uppercase;">Get it on</span><span style="color:#002D40; font-weight:bold; font-size:1.1em;">Google Play</span>]</span></div>
</div>
</div>
</div><noinclude>
Documentation: Use {{Promo}} to display the Dark Mode App Download banner.
</noinclude>

Revision as of 14:11, 4 February 2026

🚛
     Streamline your cross-border operation. From ACE & ACI eManifests to PARS tracking and U.S. In-Bond filing, BorderConnect is the fastest way to cross.

   <a href="INSERT_APPLE_LINK_HERE" class="bc-store-btn external" target="_blank" rel="nofollow" style="background-image: none !important; padding-right: 12px;">
     <svg class="bc-store-svg" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-46.6-35.5-4.6-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5c0 66.2 23.9 122.2 52.4 167.5 20.3 32 46.3 61.8 79.5 60.8 31.7-.9 43.7-21.3 82.3-21.3 38.7 0 51.5 21.3 83.6 21.3 29.8-.9 54.5-27 75.8-56.1 23.2-33.5 31.8-73.4 32.2-74.9-.3-.5-61.9-24.2-61.1-102.1zM255 79.5c19-23 31.2-54.8 27.6-80.1-23.3 1-52.6 15.6-70.1 41.5-15.3 22.8-28.5 53.3-25.2 81.3 25.8 2.2 52.1-18.1 67.7-42.7z"/></svg>

       Download on the
       App Store

   </a>

   <a href="INSERT_ANDROID_LINK_HERE" class="bc-store-btn external" target="_blank" rel="nofollow" style="background-image: none !important; padding-right: 12px;">
     <svg class="bc-store-svg" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3-60.1-60.1L47 499z"/></svg>

       GET IT ON
       Google Play

   </a>
Retrieved from "https://wiki.borderconnect.com/index.php?title=Template:AppPromo&oldid=2819"