The Hyper Calculator

<html lang=”en”>

	<head>

	<meta charset=”utf-8″>
	<meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
	<meta name=”description” content=””>
	<meta name=”author” content=””>

	<title>HTG Calculator</title>

	<!– Bootstrap core CSS –>
	<link href=”vendor/bootstrap/css/bootstrap.min.css” rel=”stylesheet”>
	<link href=”vendor/bootstrap-datepicker-1.9.0-dist/css/bootstrap-datepicker.min.css” rel=”stylesheet”>

	<!– Custom styles for this template –>
	<link href=”css/shop-homepage.css” rel=”stylesheet”>
	<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css“>
	</head>

	<body>

	<!– Navigation –>
	<nav class=”navbar navbar-expand-lg navbar-dark bg-dark fixed-top”>
	<div class=”container”>
	<a class=”navbar-brand” href=”#“><img src=”images/logo.png” alt=”logo.png” width=”200″ /></a>
	<button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#navbarResponsive” aria-controls=”navbarResponsive” aria-expanded=”false” aria-label=”Toggle navigation”>
	<span class=”navbar-toggler-icon”></span>
	</button>
	<div class=”collapse navbar-collapse” id=”navbarResponsive”>
	<ul class=”navbar-nav ml-auto”>
	<li class=”nav-item active”>
	<a class=”nav-link” href=”#“>Home
	<span class=”sr-only”>(current)</span>
	</a>
	</li>
	<li class=”nav-item”>
	<a class=”nav-link” href=”#“>About</a>
	</li>
	<li class=”nav-item”>
	<a class=”nav-link” href=”#“>Services</a>
	</li>
	<li class=”nav-item”>
	<a class=”nav-link” href=”#“>Contact</a>
	</li>
	</ul>
	</div>
	</div>
	</nav>

	<div class=”clearfix”></div>
	<!– Page Content –>
	<div class=”container mt-100″>

	<div class=”row”>
	<div class=”col-lg-12″>
	<div class=”col-sm-12″>
	<p class=”fnt-red”>Disclaimer- This calculator is for illustration purposes only. It is not meant to be and accurate description of what will happen for you. This is not investment or financial advice and should not be taken as facts. This is merely a hypothetical illustration assuming you’ve contributed for the full 600 days with no withdrawal’s it is not intended to be 100% accurate. Your use of this calculator is strictly voluntary on your part.</p>
	</div>
	</div>
	<div class=”col-lg-12″>
	<form>
	<div class=”form-group row”>
	<label for=”staticEmail” class=”col-sm-4 col-form-label”>Start Date</label>
	<div class=”col-sm-8″>
	<input type=”text” name=”startDate” class=”form-control” id=”startDate” placeholder=”yyyy-mm-dd” value=”2022-01-14″ onchange=”setCalculation();”>
	</div>
	</div>
	<div class=”form-group row”>
	<label for=”inputPassword” class=”col-sm-4 col-form-label”>Starting Membership <span class=”fnt-red”>*</span></label>
	<div class=”col-sm-8″>
	<input type=”text” name=”startingMembership” class=”form-control” id=”startingMembership” placeholder=”Starting Membership” value=”1000″ onkeyup=”$(this).digits();” onchange=”setCalculation();”>
	</div>
	</div>
	<div class=”form-group row”>
	<label for=”inputPassword” class=”col-sm-4 col-form-label”>Membership Rewards 3x </label>
	<div class=”col-sm-8″>
	<input type=”text” name=”membershipRewards” readonly class=”form-control” id=”membershipRewards” placeholder=”Membership Rewards 3x” value=”3000″>
	</div>
	</div>
	</form>
	</div>
	</div>
	<div class=”row”>
	<div class=”col-lg-12″>
	<table class=”table” border=”1″>
	<thead class=”thead-dark”>
	<tr>
	<th scope=”col”>Day</th>
	<th scope=”col”>Month</th>
	<th scope=”col”>Date</th>
	<th scope=”col”>Amount</th>
	<th scope=”col”>Daily Rewards</th>
	<th scope=”col”>Daily Rewards <br/>Running Balance</th>
	<th scope=”col”>Rebuy</th>
	<th scope=”col”>Membership Rewards <br/>Running Balance</th>
	</tr>
	</thead>
	<tbody class=”rewardTable”></tbody>
	</table>
	</div>
	</div>
	<!– /.row –>

	</div>
	<!– /.container –>

	<div class=”loading” style=”display:none;”>Loading…</div>
	<!– Footer –>
	<footer class=”py-5 bg-dark”>
	<div class=”container”>
	<p class=”m-0 text-center text-white”>Copyright © Your Website 2020</p>
	</div>
	<!– /.container –>
	</footer>

	<!– Bootstrap core JavaScript –>
	<script src=”https://code.jquery.com/jquery-1.12.4.js“></script>
	<script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js“></script>
	<!–<script src=”vendor/jquery/jquery.min.js”></script>–>
	<script src=”vendor/bootstrap/js/bootstrap.bundle.min.js“></script>
	<script src=”js/custom.js“></script>

Interesting links

Pages

Categories

Archive