ATM for printing and charging AstroID
This commit is contained in:
parent
d0af6133ee
commit
980033cb58
|
|
@ -0,0 +1,40 @@
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Montserrat';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Montserrat';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Montserrat';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Montserrat';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Montserrat';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,194 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<head>
|
||||||
|
<script src="/ipfs/QmQLQ5WdCEc7mpKw5rhUujUU1URKweei4Bb4esyVNd9Atx/G1PalPay_fichiers/jquery-3.6.3.min.js"></script>
|
||||||
|
<link rel='stylesheet' type='text/css' ' media="screen" href="atm.css"/>
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="atmmac">
|
||||||
|
<center>
|
||||||
|
<div id="outer">
|
||||||
|
<div id="camera"><div id="lens"></div>
|
||||||
|
<div id="light"></div>
|
||||||
|
</div>
|
||||||
|
<div id="com">
|
||||||
|
|
||||||
|
<button id="b1" ></button>
|
||||||
|
<button id="b2"></button>
|
||||||
|
<button id="b3"></button>
|
||||||
|
<button id="b4"></button>
|
||||||
|
<button id="b5"></button>
|
||||||
|
<button id="b6"></button>
|
||||||
|
|
||||||
|
<p id="com1"><b> ATM</b></p></div>
|
||||||
|
<div class="screen">
|
||||||
|
|
||||||
|
<div id="loading">
|
||||||
|
|
||||||
|
<p id="inf" >Please wait 5 seconds</p>
|
||||||
|
<div id="round1"></div>
|
||||||
|
<div id="round2"></div>
|
||||||
|
<div id="round3"></div>
|
||||||
|
<div id="round4"></div>
|
||||||
|
<p id="l4" style="color:white;font-weight:bold">Card processing</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="begin">
|
||||||
|
|
||||||
|
<p class="well1"> Welcome to Our ATM </p>
|
||||||
|
<p class="well2">Enter demo acc no.</p>
|
||||||
|
<input type="text" class="pass2" maxlength="8">
|
||||||
|
<button id="btne2" >Submit</button>
|
||||||
|
</div>
|
||||||
|
<div id="all">
|
||||||
|
|
||||||
|
<div class="welcome">
|
||||||
|
<p class="well8">Welcome UserName !!</p>
|
||||||
|
<p class="well2">Please enter your password</p>
|
||||||
|
<input type="password" class="pass" maxlength="4" >
|
||||||
|
<button id="btne1" >Submit</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="beginwrg">
|
||||||
|
<p id="pinwrg6">!! Invalid Account number !!</p>
|
||||||
|
<p id="pinwrg2">!! Please try again !!</p>
|
||||||
|
<center> <button id="bac4">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="pinwrg">
|
||||||
|
<p id="pinwrg1">!! Invalid pin !!</p>
|
||||||
|
<p id="pinwrg2">!! Please try again !!</p>
|
||||||
|
<center> <button id="bac3">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="pincrt">
|
||||||
|
<div id="success">
|
||||||
|
<button id="wdr">WITHDRAW</button>
|
||||||
|
<button id="dep">DEPOSIT</button>
|
||||||
|
<button id="mst">BAL ENQUIRY</button>
|
||||||
|
<button id="cpin">CHANGE PIN</button>
|
||||||
|
<button id="det">DETAILS</button>
|
||||||
|
<button id="otr">OTHERS</button>
|
||||||
|
<center> <button id="backs">Cancel</button></center>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="deti">
|
||||||
|
<table id="de">
|
||||||
|
<tr>
|
||||||
|
<td>Account Name:</td>
|
||||||
|
<td>UserName </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="text-align:right">Account No:</td>
|
||||||
|
<td>12345678</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="text-align:right">Total Amount:</td>
|
||||||
|
<td>50,000</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="text-align:right">Account type:</td>
|
||||||
|
<td>Savings</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<center> <button id="back">Back</button></center>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="error">
|
||||||
|
<p id="err1">ERROR-404<br></p><p id="erp2">This feature under construction and it will be available soon..</p>
|
||||||
|
<center> <button id="back2">Back</button></center>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="chgpin">
|
||||||
|
<p id="err8">Permission required!!</p><p id="err4">Sorry Permission denied,<br> visit nearest branch</p>
|
||||||
|
<center> <button id="back3">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="balen">
|
||||||
|
<p id="err5">Total balance:50,000<br>Last withdarw:20,000
|
||||||
|
<br>credit interest:400</p>
|
||||||
|
<center> <button id="back4">Back</button></center>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="witdrw">
|
||||||
|
<b> Enter the amount: </b><input type="number" id="witdrwno">
|
||||||
|
<button id="btns2">Submit</button>
|
||||||
|
<button id="back5">Back</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="bill">
|
||||||
|
<p id="succ">!!SUCCESS!!</p>
|
||||||
|
<p id="succ2">Please collect your cash within 5 seconds<br>take your card back</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="result">
|
||||||
|
<p id="wdt6">Total amount:</p>
|
||||||
|
<p id="wdt7"></p>
|
||||||
|
<p id="wdt2">widthdrawl amount:</p>
|
||||||
|
<p id="wdt3"></p>
|
||||||
|
<p id="wdt4">Remaining balance:</p>
|
||||||
|
<p id="wdt5"></p>
|
||||||
|
|
||||||
|
<center> <button id="back6">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="wrong">
|
||||||
|
<p id="err5">Error:Your account contains low balance than you entered</p><br><p id="err6">**Please Enter the valid amount** </p>
|
||||||
|
<center> <button id="back7">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="depst">
|
||||||
|
<b> Enter the amount: </b><input type="number" id="depstno">
|
||||||
|
<input type="button" id="bt3" value="Submit">
|
||||||
|
<button id="back8">Back</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="result2">
|
||||||
|
|
||||||
|
<p id="dep8">Total amount:</p>
|
||||||
|
<p id="dep9"></p>
|
||||||
|
<p id="dep10">Deposited amount:</p>
|
||||||
|
<p id="dep11"></p>
|
||||||
|
<p id="dep12">previous balance:</p>
|
||||||
|
<p id="dep13"></p>
|
||||||
|
<center> <button id="back9">Back</button></center>
|
||||||
|
</div>
|
||||||
|
<div id="final">
|
||||||
|
<p id="final1">Thank you</p>. <p id="final3">For visiting ATM</p>
|
||||||
|
<p id="final2">Have a nice day</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="card">
|
||||||
|
<div id="indictr">
|
||||||
|
|
||||||
|
<div id="card2">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="botto">
|
||||||
|
|
||||||
|
<div id="indicator2"> </div> <div id="cash"><div id="cash1"></div></div>
|
||||||
|
|
||||||
|
<button id="help1" onclick="arr();">!</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="atm.js"></script>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue