Skip to content

Instantly share code, notes, and snippets.

@kendhia

kendhia/gist:9ae7c11e239a97f47b9630739cb7ef39

Created November 25, 2017 21:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kendhia/9ae7c11e239a97f47b9630739cb7ef39 to your computer and use it in GitHub Desktop.
Save kendhia/9ae7c11e239a97f47b9630739cb7ef39 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</head>
<body>
<div class="modal-body row">
<div class="col-md-6">
<form>
<div class="form-group">
<label class="col-form-label" for="formGroupExampleInput">Based on : </label>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
Last 3 months.
</label>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
Last 6 months.
</label>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" >
Last 1 year.
</label>
</div>
</div>
<div class="form-row">
<div class="form-group mx-sm-3">
<label for="monthlyComing">Monthly coming:</label>
<input type="money" class="form-control" id="monthlyComing" placeholder="5600$">
</div>
<div class="form-group mx-sm-3">
<label for="monthlyGoing">Monthly going: </label>
<input type="money" class="form-control" id="monthlyGoing" placeholder="4800$">
</div>
</div>
<div class="form-row">
<div class="form-group mx-sm-3">
<label for="minLoan">Minimum of loan requested:</label>
<input type="money" class="form-control" id="minLoan" placeholder="100$">
</div>
<div class="form-group mx-sm-3">
<label for="startingDate">Starting date: </label>
<input type="date" class="form-control" id="startingDate" placeholder="dd/mm/yyyy">
</div>
</div>
<button type="submit" class="btn btn-primary">Run</button>
</form>
</div>
<div class="col-md-6">
<label for="formForLoan">We have found the best loan for you:</label>
<div class="form-row" id="formForLoan">
<div class="form-row mx-sm-3">
<label for="valueOfLoan">Value:</label>
<input type="money" class="form-control" id="valueOfLoan" placeholder="3000$" disabled>
</div>
<div class="form-row mx-sm-3">
<label for="rateOfLoan">rate: </label>
<input type="percentage" class="form-control" id="rateOfLoan" placeholder="5%" disabled>
</div>
<div class="form-row mx-sm-3">
<label for="paymentPeriod">Payment Period: </label>
<input class="form-control" id="paymentPeriod" placeholder="12 months" disabled>
</div>
</div>
<button class="btn btn-primary float-right">Go to the loan</button>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment