<meta name="viewport" content="width=device-width, initial-scale=1.0" />  <link rel="stylesheet" href="https://www.flipful.eu/files/cal.css" /><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.rangeSlider.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js"></script> <script src="https://www.flipful.eu/files/cal.js"></script> <div class="calmain"><div class="cal_inner"><div class="element"> <label>Number of employees </label><div> <input type="number" id="a" value="1000" onchange="Calculate()" /></div></div><div class="element"> <label>Average annual gross salary </label><div> <input type="number" id="b" value="12000" onchange="Calculate()" /></div></div><div class="element sld"> <label><br /> Staff turnover rate </label><div> <input type="text" id="staff" /> <input type="text" id="c" value="30" /></div></div><div class="element sld"> <label><br /> Active app users </label><div> <input type="text" id="active" /> <input type="text" id="d" value="20" /></div></div><div class="result" id="result"><h3>Total turnover costs saved: <span id="result_show">0</span></h3> <select class="select-css"><option>EUR</option><option>PLN</option><option>GBP</option><option>UAH</option> </select></div><p>*Calculation is based on assumptions of average cost to replace one employee (recruitment, HR costs)</p></div></div>