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="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…
Cancel
Save