Make Drop and Send page more consistent with rest of app

master
Skylar Ittner 2 years ago
parent a697b5fd0c
commit d4309871e3

@ -20,70 +20,74 @@
<div class="page-content"> <div class="page-content">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-100 medium-60 large-50 xlarge-40"> <div class="col-100 medium-90 xlarge-75 margin-horizontal">
<div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet media-list"> <div class="card margin">
<ul> <div class="card-content text-align-center padding-vertical">
<li class="padding text-align-center"> <div class="list media-list">
Use one of our Drop and Send package drop boxes or partner locations for easier shipping, <ul>
and say goodbye to standing in line at the post office. Use your choice of <li class="padding text-align-center">
USPS, UPS, or FedEx (or let us pick the cheapest), purchase shipping Use one of our Drop and Send package drop boxes or partner locations for easier shipping,
insurance, and more! and say goodbye to standing in line at the post office. Use your choice of
</li> USPS, UPS, or FedEx (or let us pick the cheapest), purchase shipping
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;"> insurance, and more!
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br> </li>
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. <li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
<a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a> <i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
</li> 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.
<li> <a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a>
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup"> </li>
<div class="item-inner"> <li>
<div class="item-title-row"> <div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
<div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div> <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>
<div class="item-text">Learn how Drop and Send works when sending a package.</div> </li>
</div> <li>
</div> <div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup">
</li> <div class="item-inner">
<li> <div class="item-title-row justify-content-center">
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup"> <div class="item-title"><i class="fas fa-map-marked"></i> Locations</div>
<div class="item-inner"> </div>
<div class="item-title-row"> <div class="item-text">Find a nearby Drop and Send location to use.</div>
<div class="item-title"><i class="fas fa-map-marked"></i> Locations</div> </div>
</div> </div>
<div class="item-text">Find a nearby Drop and Send location to use.</div> </li>
</div> <li>
</div> <div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn">
</li> <div class="item-inner">
<li> <div class="item-title-row justify-content-center">
<div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn"> <div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div>
<div class="item-inner"> </div>
<div class="item-title-row"> <div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div>
<div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div> </div>
</div> </div>
<div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div> </li>
</div> <li>
</div> <div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn">
</li> <div class="item-inner">
<li> <div class="item-title-row justify-content-center">
<div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn"> <div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div>
<div class="item-inner"> </div>
<div class="item-title-row"> <div class="item-text">Type the location number on the drop box and we'll come get your package.</div>
<div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div> </div>
</div> </div>
<div class="item-text">Type the location number on the drop box and we'll come get your package.</div> </li>
</div> <li>
</div> <div class="item-content">
</li> <div class="item-inner">
<li> <div class="item-title-row">
<div class="item-content"> </div>
<div class="item-inner"> <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 class="item-title-row"> </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> </li>
</div> </ul>
</div> </div>
</li> </div>
</ul>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save