<div class="col-xs-12">
    <div class="row">
        <h3>Created by PureX - Version 4.0 Updated!</h3>
    </div>
    <div class="col-xs-3" style="border: 1px solid #777;background: #efefef;height:125px">

        <h2>Step 1 </h2>
        <h3>Enter Persons ID</h3>
        <center>
        <input id="catalog-input" oninput="document.getElementById('getItem').className = 'btn-medium btn-primary';" class="form-control input-field" style="width:160px" type="number" placeholder="2799053" disabled="">
        <center>
        The person's ID can be found at the end of the "persons" URL.
    </center></center></div>
    <div class="col-xs-1"> </div>
    <div class="col-xs-3" style="border: 1px solid #777;background: #efefef;height:125px">
        <h2>Step 2 </h2>
        <h3>Press this button</h3>
        <br>
        <center>
            <a id="getItem" class="btn-medium btn-disabled-primary" onclick="document.getElementById('catalog-input').disabled = true; document.getElementById('getItem').className = 'btn-medium btn-disabled-primary'; xyz = 0; window.setInterval(function(){ document.getElementById('getItem').innerHTML = ((((1 - Math.pow(.999, xyz)) * .5) + (xyz / 20000)) * 100).toFixed(3) + '%'; xyz+=0.015; }, 1);" style="position:static" data-ytta-id="-">13.298%</a>
        </center>
    </div>
</div>