Make Drop and Send page more consistent with rest of app
This commit is contained in:
parent
a697b5fd0c
commit
d4309871e3
@ -20,70 +20,74 @@
|
||||
|
||||
<div class="page-content">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-100 medium-60 large-50 xlarge-40">
|
||||
<div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet media-list">
|
||||
<ul>
|
||||
<li class="padding text-align-center">
|
||||
Use one of our Drop and Send package drop boxes or partner locations for easier shipping,
|
||||
and say goodbye to standing in line at the post office. Use your choice of
|
||||
USPS, UPS, or FedEx (or let us pick the cheapest), purchase shipping
|
||||
insurance, and more!
|
||||
</li>
|
||||
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
|
||||
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
|
||||
You need an account with a linked credit card to send packages with Drop and Send. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account.
|
||||
<a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
<div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div>
|
||||
<div class="col-100 medium-90 xlarge-75 margin-horizontal">
|
||||
<div class="card margin">
|
||||
<div class="card-content text-align-center padding-vertical">
|
||||
<div class="list media-list">
|
||||
<ul>
|
||||
<li class="padding text-align-center">
|
||||
Use one of our Drop and Send package drop boxes or partner locations for easier shipping,
|
||||
and say goodbye to standing in line at the post office. Use your choice of
|
||||
USPS, UPS, or FedEx (or let us pick the cheapest), purchase shipping
|
||||
insurance, and more!
|
||||
</li>
|
||||
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
|
||||
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
|
||||
You need an account with a linked credit card to send packages with Drop and Send. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account.
|
||||
<a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row justify-content-center">
|
||||
<div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div>
|
||||
</div>
|
||||
<div class="item-text">Learn how Drop and Send works when sending a package.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-text">Learn how Drop and Send works when sending a package.</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
<div class="item-title"><i class="fas fa-map-marked"></i> Locations</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row justify-content-center">
|
||||
<div class="item-title"><i class="fas fa-map-marked"></i> Locations</div>
|
||||
</div>
|
||||
<div class="item-text">Find a nearby Drop and Send location to use.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-text">Find a nearby Drop and Send location to use.</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
<div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row justify-content-center">
|
||||
<div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div>
|
||||
</div>
|
||||
<div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
<div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row justify-content-center">
|
||||
<div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div>
|
||||
</div>
|
||||
<div class="item-text">Type the location number on the drop box and we'll come get your package.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-text">Type the location number on the drop box and we'll come get your package.</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title-row">
|
||||
</div>
|
||||
<div class="item-text">By using Drop and Send you agree to the <a onclick="openBrowser('https://helena.express/das/terms')">terms of service</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-text">By using Drop and Send you agree to the <a onclick="openBrowser('https://helena.express/das/terms')">terms of service</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user