MainPage.html



<!DOCTYPE html>

<html>

<head>

	<style type="text/css">
	.btn {
    text-align: center;
}



.button1{
padding:20px 100px;
border:none;
outline:none;
font-size:20px;
font-weight:700;
   

}
.button2{
padding:20px 100px;
border:none;
outline:none;
font-size:20px;
font-weight:700;

}

.button3{
padding:20px 100px;
border:none;
outline:none;
font-size:20px;
font-weight:700;

    top: 100%;

}


	</style>
</head>

	<body>


		<div class="btn" align:"center">
					<h1>My APP</h1>

		<form action="/insertPage">
			<button class="button1" >Insert Data</button>

		</form><br><br>

		<form action="/TransactionPage">
			<button class="button2">Balance Transfer</button>


		</form><br><br>
		<form action="/DisplayTransaction">
			<button class="button3">Display Trnasactions</button>

		</form>
		</div>

	

	</body>


</html>
