ROI Calculator
<!DOCTYPE html><html data-wf-page="5d7907052db3db16dc43c17f" data-wf-site="5d7907052db3db6a3c43c17e"><head> <meta charset="utf-8"> <title>Matthiesen Block Press</title> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="css/styles.css" rel="stylesheet" type="text/css"> <link href="icons/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link href="icons/webclip.png" rel="apple-touch-icon"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="js/jquery.number.min.js" type="text/javascript"></script> <script src="js/block_maker.js" type="text/javascript"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,300,400,400i,600,700" rel="stylesheet"></head><body><section class="white-bg" id="roi-container"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="roi-calculator"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center">Matthiesen Block Press</h1> </div></div><br> <br> <h2>1. Qty of Blocks sold</h2> <hr> <div class="row"> <div class="col-sm-5"> <div class="input-group hourlyRates"> <input type="text" class="form-control" id="qtyofBlocksSold" value="25000"> </div><input type="range" class="rangeSlider" value="25000" min="10000" max="50000" step="1000" id="qtyofBlocksSoldSlider"> <label class="s-label">Range: 10,000 - 50,000</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext1" data-step-id="#step2" href="#">Next Step ›</a> </div></div><div id="step2" style="display:none"> <br> <br> <h2>2. Cost to buy the equipment</h2> <hr> <div class="row"> <div class="col-sm-5"> <div class="input-group hourlyRates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="costToBuy" value="70000"> </div><input type="range" class="rangeSlider" value="70000" min="66000" max="70000" step="1000" id="costToBuySlider"> <label class="s-label">Range: $66,000 - $70,000</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext2" data-step-id="#step3" href="#">Next Step ›</a> </div></div></div><div id="step3" style="display:none"> <br> <br> <br> <h2>3. Labor Information</h2> <hr> <p class="p-label"> Return on investment Study for Robotic Palletizer </p><p class="p-label"> These are estimates based on the information gathered from the customer. </p><br> <br> <div class="row"> <div class="col-sm-12"> <label for="numPersons">Number of Persons removed per shift</label> <input type="number" class="form-control inline" id="numPersons1" value="3" min="1" max="10"> </div></div><br> <div class="row"> <div class="col-sm-12"> <label>We bag</label> <input type="number" class="form-control inline" id="numShifts1" value="3" min="1" max="3"> <label>shifts for </label> <input type="number" class="form-control inline" id="numMonths1" value="7" min="1" max="12"> <label for="webBag">months </label> </div></div><br> <div class="row"> <div class="col-sm-12"> <label for="webBag">We bag</label> <input type="number" class="form-control inline" id="numDays1" value="1" min="1" max="7"> <label for="webBag"> days a week during those months. </label> <label for="webBag"> Over Time</label> <input type="number" class="form-control inline" id="numOvertime1" value="5" min="0" max="76"> <label for="webBag">%</label> </div></div><br> <br> <br> <div class="row"> <div class="col-sm-12"> <label for="numPersons">Number of Persons removed per shift</label> <input type="number" class="form-control inline" id="numPersons2" value="3" min="1" max="10"> </div></div><br> <div class="row"> <div class="col-sm-12"> <label>We bag</label> <input type="number" class="form-control inline" id="numShifts2" value="1" min="1" max="3"> <label>shifts for </label> <input type="number" class="form-control inline" id="numMonths2" value="4" min="1" max="12"> <label for="webBag">months </label> </div></div><br> <div class="row"> <div class="col-sm-12"> <label for="webBag">We bag</label> <input type="number" class="form-control inline" id="numDays2" value="4" min="1" max="7"> <label for="webBag"> days a week during those months. </label> <label for="webBag"> Over Time</label> <input type="number" class="form-control inline" id="numOvertime2" value="4" min="0" max="76"> <label for="webBag">%</label> </div></div><br> <br> <br> <div class="row"> <div class="col-sm-12"> <label for="numPersons">Number of Persons removed per shift</label> <input type="number" class="form-control inline" id="numPersons3" value="1" min="0" max="10"> </div></div><br> <div class="row"> <div class="col-sm-12"> <label>We bag</label> <input type="number" class="form-control inline" id="numShifts3" value="1" min="0" max="3"> <label>shifts for </label> <input type="number" class="form-control inline" id="numMonths3" value="1" min="0" max="12"> <label for="webBag">months </label> </div></div><br> <div class="row"> <div class="col-sm-12"> <label for="webBag">We bag</label> <input type="number" class="form-control inline" id="numDays3" value="1" min="1" max="7"> <label for="webBag"> days a week during those months. </label> <label for="webBag"> Over Time</label> <input type="number" class="form-control inline" id="numOvertime3" value="1" min="0" max="76"> <label for="webBag">%</label> </div></div><br> <br> <br> <p class="p-label"> **Note** Shift is set at 8 hours. If you work a 12 hour shift then call that 1.5 shifts. </p><br> <div class="row"> <div class="col-sm-4"> <label for="numPersons">Total months worked:</label> <span id="totalWorked" class="r-label1"></span> <br> <label for="numPersons">(This number must be 12)</label> </div><div class="col-sm-2"></div><div class="col-sm-4"> <label for="averagePay">Our Average pay per hour is</label> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="averagePay" value="30"> </div><br> <input type="range" class="rangeSlider" value="30" min="7" max="30" step="1" id="averagePaySlider"> <label class="s-label">Range: $7 - $30</label> </div></div><br> <div class="row"> <div class="col-sm-5"> <label for="totalCost">Total cost of machine</label> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="totalCost" value="180000"> </div><br> <input type="range" class="rangeSlider" value="180000" min="180000" max="1500000" step="1000" id="totalCostSlider"> <label class="s-label">Range: $180,000 - $1,500,000</label> </div><div class="col-sm-2"></div><div class="col-sm-5"> <label for="totalLabor">Cost to buy the block from current supplier</label> <div class="input-group hourlyRates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="costBlock" aria-describedby="basic-addon1" value="0.75"> </div><br> <input type="range" class="rangeSlider" value="0.75" min="0.50" max="1.25" step="0.01" id="costBlockSlider"> <label class="s-label">Range: $0.50 - $1.25</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta" id="calculateROI" href="#">Calculate ROI ›</a> </div></div></div><div id="step4" style="display:none"> <br> <br> <br> <h2>Result</h2> <hr> <br> <div class="row"> <div class="col-sm-4 text-center"> <label for="totalLabor">Total Hours to be eliminated.</label> <br> <label class="r-label1" id="totalHours"></label> </div><div class="col-sm-4 text-center"> <label for="totalCost">Qty of these hours on overtime</label> <br> <label class="r-label1" id="qty"></label> </div><div class="col-sm-4 text-center"> <label for="totalCost">What % of hours are paid at overtime</label> <br> <label class="r-label1" id="paidHours">%</label> </div></div><br> <br> <p class="p-label"> Estimated Savings based off the information above. </p><br> <div class="row"> <div class="col-sm-4 text-center"> <label for="totalLabor">Total Labor Savings per year.</label> <br> <label class="r-label1" id="totalLabor">$</label> </div><div class="col-sm-4 text-center"> <label for="yearsPay">Years to pay back</label> <br> <label class="r-label1" id="yearsPay">$</label> </div></div><br> <br> <div class="row"> <div class="col-sm-5 text-center"> <label for="totalLabor">Cost of wire</label> <br> <label class="r-label1" id="purchaseOfWire">$</label> </div><div class="col-sm-2 text-center"> </div><div class="col-sm-5 text-center"> <label for="buyCost">Already buy bags for supplier so no cost needed.</label> </div></div><br> <br> <div class="row"> <div class="col-sm-3 text-center"> <label class="r-label1" id="costBlockResult">$</label> </div></div><br> <br> <br> <br> </div></div></div></div></div></section> </body></html>
.svg)