HTMLify
index.html
Views: 5 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link rel="stylesheet" href="style.css" /> <title>Expense Tracker</title> </head> <body> <h2>Expense Tracker</h2> <div class="container"> <h4>Your Balance</h4> <h1 id="balance">$0.00</h1> <div class="inc-exp-container"> <div> <h4>Income</h4> <p id="money-plus" class="money plus">+$0.00</p> </div> <div> <h4>Expense</h4> <p id="money-minus" class="money minus">-$0.00</p> </div> </div> <h3>History</h3> <ul id="list" class="list"> <!-- <li class="minus"> Cash <span>-$400</span><button class="delete-btn">x</button> </li> --> </ul> <h3>Add new transaction</h3> <form id="form"> <div class="form-control"> <label for="text">Text</label> <input type="text" id="text" placeholder="Enter text..." /> </div> <div class="form-control"> <label for="amount" >Amount <br /> (negative - expense, positive - income)</label > <input type="number" id="amount" placeholder="Enter amount..." /> </div> <button class="btn">Add transaction</button> </form> </div> <script src="script.js"></script> </body> </html> |