ROI Calculator
<!DOCTYPE html><html data-wf-page="5d7907052db3db16dc43c17f" data-wf-site="5d7907052db3db6a3c43c17e"><head> <meta charset="utf-8"> <title>RO WATER</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> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,300,400,400i,600,700" rel="stylesheet"> <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/ro_water.js" type="text/javascript"></script></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">RO Water Treatment</h1> </div></div><br> <br> <h2>1. How many tons of ice will you bag per year?</h2> <hr> <div class="row"> <div class="col-sm-4"> <div class="input-group rates"> <input type="text" class="form-control" id="tonsOfIce" aria-describedby="basic-addon1" value="350000"> <span class="input-group-addon">tons</span> </div><input type="range" class="rangeSlider" value="350000" min="1000" max="350000" step="1000" id="tonsOfIceSlider"> <label class="s-label">Range: 1,000 - 350,000</label> </div><div class="col-sm-2"></div><div class="col-sm-5"></div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta" id="stepNext1" data-step-id="#step2" href="#">Next Step ›</a> </div></div><div id="step2" style="display:none"> <br> <br> <br> <h2>2. What is your cost per KWH?</h2> <hr> <div class="row"> <div class="col-sm-4"> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="costPerKWH" value="0.09"> </div><input type="range" class="rangeSlider" value="0.09" min="0.05" max="0.50" step="0.01" id="costPerKWHSlider"> <label class="s-label">Range: $0.05 - $0.50</label> </div><div class="col-sm-2"></div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta" id="stepNext2" data-step-id="#step3" href="#">Next Step ›</a> </div></div></div><div id="step3" style="display:none"> <br> <br> <br> <h2>3. What is your cost of a Gallon of Water?</h2> <hr> <div class="row"> <div class="col-sm-4"> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="costGallonWater" value="0.050"> </div><input type="range" class="rangeSlider" value="0.050" min="0.000" max="0.050" step="0.001" id="costGallonWaterSlider"> <label class="s-label">Range: $0.000 - $0.050</label> </div><div class="col-sm-2"></div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta" id="stepNext3" data-step-id="#step4" href="#">Next Step ›</a> </div></div></div><div id="step4" style="display:none"> <br> <br> <br> <h2>4. What is the price of the machine?</h2> <hr> <div class="row"> <div class="col-sm-4"> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="priceOfMachine" value="10000"> </div><input type="range" class="rangeSlider" value="10000" min="10000" max="100000" step="1000" id="priceOfMachineSlider"> <label class="s-label">Range: $10,000 - $100,000</label> </div><div class="col-sm-2"></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="step5" style="display:none"> <div id="roiReturns" style="display: none"> <br> <br> <h2>5. Your returns</h2> <hr> <div class="summary"> <div class="row"> <div class="col-xs-8 text-right"> <span class="r-label2">4% less energy to make the ice.</span> </div><div class="col-xs-4"> <span id="lessIce" class="r-label1"></span> </div></div><div class="row"> <div class="col-xs-8 text-right"> <span class="r-label2">Money saved on eliminating personne</span> </div><div class="col-xs-4"> <span id="savedMoney" class="r-label1"></span> </div></div><br> <br> <br> <div class="row"> <div class="col-xs-8 text-right"> <span class="r-label2 bold">Total Yearly Savings</span> </div><div class="col-xs-4"> <span class="r-label1" id="totalSavings">0</span> </div></div><br> <br> <div class="row"> <div class="col-xs-8 text-right"> <span class="r-label2 bold">Cost of the equipment</span> </div><div class="col-xs-4"> <span class="r-label1" id="costEquipment">0</span> </div></div><br> <br> <div class="row"> <div class="col-xs-8 text-right"> <span class="r-label2 bold">Years until Payoff</span> </div><div class="col-xs-4"> <span class="r-label1" id="yearsPayoff"></span> </div></div><br> <br> </div><br> <br> <br> <div class="row summary" style="margin-top:30px"> <div class="col-sm-12"> <p class="p-label"> * Yearly savings is approximate off the calculation that you will use only one person on the line. There can be efficiency savings in addition. These are estimates based on the industry. </p></div></div></div></div></div></div></div></div></section> </body></html>
.svg)