<!-- /templates/page.liquid -->
<div class="grid">
<div class="grid__item large--five-sixths push--large--one-twelfth">
<header class="section-header text-center">
<h1>{{ page.title }}</h1>
<hr class="hr--small">
</header>

<div class="grid">
<div class="grid__item large--four-fifths push--large--one-tenth">
<div class="rte rte--nomargin rte--indented-images">
{{ page.content }}
</div>
<input type="text" id="YQNum" maxlength="50" placeholder="Enter Tracking Number"/>
<input type="button" value="Track Order" onclick="doTrack()" id="YQButton"/>
<div id="YQContainer"></div>
</div>
</div>

</div>
</div>


<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num==="") {
alert("Enter your number.");
return;
}
YQV5.trackSingle( {
YQ_ContainerId:"YQContainer",YQ_Height:560,YQ_Fc:"0",YQ_Lang:"en",YQ_Num:num
}
);}</script>
<style>

#YQContainer {
margin-top:20px;
}
#YQNum {
margin-top:10px;
border:1px solid #cccccc;
padding:6px 10px;
width:200px;
vertical-align:middle;
height:36px;
font-size:14px;
}
#YQButton {
margin-top:10px;
width:120px;
color:#FFFFFF;
background:#F58D17;
border:none;
padding:6px 10px;
vertical-align:middle;
height:36px;
}
</style>