SpendSync/spendsync.html at main · ebinjose02/SpendSync · GitHub

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
	<title>My Website</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
	<div class="navbar">
		<h2 id="title">SpreadSync</h2>
		<a href="#">Profile</a>
		<a href="#">History</a>
		<a href="#">Home</a>


	</div>
	<div class="m" style="padding:15px;">
		<h1>Welcome Aadesh P S</h1>
		<div class="expenditure">
			<h4>Your total expenditure this month is :</h4>
		</div>
		<div class="circular">
			<img src="download.jpg" alt="My Image">
	</div>
	</div>
<div class="new">
	<div class="de1">
				<div class="up">
						<label for="imageUpload">Upload the receipt image</label>
					</div>
				<div class="down">
					<input type="file" id="imageUpload" name="imageUpload">

				</div>
				<div class="save">
					<button>Add</button>
				</div>

		</div>
		<div class="de2">
		<div class="money">

			<label for="textinput">Money Spend</label>


			<input type="text" id="textinput" name="textinput">


		</div>
		<div class="dropdown">

				<label for="dropdown">Category of Spending</label>


				<select id="dropdown" name="dropdown">
					<option value="option1">Food</option>
					<option value="option2">Travel</option>
					<option value="option3">Ammenities</option>
					<option value="option4">Entertainment</option>
					<option value="option5">Grocery</option>
				  </select>


		</div>
		<div class="good6">
			<button type="button" class="button">Add</button>
		</div>


	</div>
</div>
		</div>

<div class="breakdown">
	<div class="categories">
		<h2>Expenditure Breakdown</h2>
		<p id="sub">Food</p>
		<p id="sub">Travel</p>
		<p id="sub"> Grocery</p>
		<p id="sub">Entertainment</p>
		<p id="sub">Ammenities</p>
	</div>
		<div class="graphs">
			<img src="loading.png" alt="1" class="set">
			<img src="2.png" alt="2" class="set">
			<img src="3.png" alt="3" class="set">
			<img src="4.png" alt="4" class="set">
			<img src="5.png" alt="5" class="set">
		</div>
		<div class="purse">
			<h2>Remaining purse</h2>
			<p>1600</p>
			<p>1000</p>
			<p>2600</p>
			<p>2300</p>
			<p>1700</p>
		</div>
	</div>

</body>
</html>