Skip to content

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
KOSASIH authored May 10, 2024
1 parent e3cabeb commit 82513db
Showing 1 changed file with 113 additions and 0 deletions.
113 changes: 113 additions & 0 deletions ui/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Decentralized Banking</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+Knujsl7/1L_dstPt3HV5HzF6Gvk/e3s4Wz6iJgD/+ub2oU" crossorigin="anonymous">
<!-- Web3 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>
</head>
<body>
<div class="container">
<h1 class="my-4 text-center">Decentralized Banking</h1>

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#register">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#login">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#create-identity">Create Identity</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#deposit">Deposit</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#withdraw">Withdraw</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#create-escrow">Create Escrow</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resolve-escrow">Resolve Escrow</a>
</li>
</ul>
</div>
</div>
</nav>

<!-- Register -->
<section id="register" class="my-4">
<h2 class="text-center">Register</h2>
<form>
<!-- TO-DO: Implement registration form -->
</form>
</section>

<!-- Login -->
<section id="login" class="my-4">
<h2 class="text-center">Login</h2>
<form>
<!-- TO-DO: Implement login form -->
</form>
</section>

<!-- Create Identity -->
<section id="create-identity" class="my-4">
<h2 class="text-center">Create Identity</h2>
<form>
<!-- TO-DO: Implement create identity form -->
</form>
</section>

<!-- Deposit -->
<section id="deposit" class="my-4">
<h2 class="text-center">Deposit</h2>
<form>
<!-- TO-DO: Implement deposit form -->
</form>
</section>

<!-- Withdraw -->
<section id="withdraw" class="my-4">
<h2 class="text-center">Withdraw</h2>
<form>
<!-- TO-DO: Implement withdrawal form -->
</form>
</section>

<!-- Create Escrow -->
<section id="create-escrow" class="my-4">
<h2 class="text-center">Create Escrow</h2>
<form>
<!-- TO-DO: Implement escrow creation form -->
</form>
</section>

<!-- Resolve Escrow -->
<section id="resolve-escrow" class="my-4">
<h2 class="text-center">Resolve Escrow</h2>
<form>
<!-- TO-DO: Implement escrow resolution form -->
</form>
</section>
</div>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz4fnFO9gybBud7RduPuemT//+jJXB16zg6i8UQD3lV5uDC3Yc7bz1Eeow" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>
<!-- Web3 -->
<script src="app.js"></script>
</body>
</html>

0 comments on commit 82513db

Please sign in to comment.