diff --git a/UI/css/style.css b/UI/css/style.css
index 7c05912b70ab49a1fb9a76a05417132dd2d30979..8adfa4db99f46da79b52d4f86cee1fc5b27e0b68 100644
--- a/UI/css/style.css
+++ b/UI/css/style.css
@@ -130,4 +130,4 @@ form1 div .clear { margin-bottom: 0; }
form1 input,label { cursor: pointer; }
form1 input[type="radio"] { float: left; width: 20px; margin-right: 20px; margin-top: 0px; }
-form1 label { float: left; width: 100px; margin-bottom: 50px;}
\ No newline at end of file
+form1 label { float: left; width: 100px; margin-bottom: 50px;}
diff --git a/UI/html/analyze.html b/UI/html/analyze.html
new file mode 100644
index 0000000000000000000000000000000000000000..beeea5ff66c1298c9b5bc693238598f170a1f6cb
--- /dev/null
+++ b/UI/html/analyze.html
@@ -0,0 +1,26 @@
+<!--
+Authors: Mohamed feroz khan D
+Created Date: 24-DEC-2022
+Updated Date: 04-JAN-2023
+Description: Analyze page
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>BLOCKCHAIN FORENSICS</title>
+ <link rel="stylesheet" href="../css/style_Analyze.css">
+</head>
+<body>
+ <img src="../images/i1.jpg" alt="Blockchain" style="width:1700px;">
+ <form>
+ <h2>Result</h2>
+ <div class="form-group">
+ <div class="container">
+
+ <div class="button" onClick="location.href='menu.html'" type="submit">Back</div>
+</div>
+ </form>
+ </body>
+</html>
\ No newline at end of file
diff --git a/UI/html/graph.html b/UI/html/graph.html
new file mode 100644
index 0000000000000000000000000000000000000000..5c977e5a1dfebdb1d99fbbb9d0634a31c74bd1dc
--- /dev/null
+++ b/UI/html/graph.html
@@ -0,0 +1,35 @@
+<!--
+Authors: Mohamed feroz khan D
+Created Date: 24-DEC-2022
+Updated Date: 05-JAN-2023
+Description: Temporal Graph page
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>BLOCKCHAIN FORENSICS</title>
+ <link rel="stylesheet" href="../css/style_TG.css">
+</head>
+<body>
+ <img src="../images/i1.jpg" alt="Blockchain" style="width:1700px;">
+ <form>
+ <h2>Temporal Graph Visualization</h2>
+ <div class="form-group">
+ <label for="fname">node size:</label>
+ <input type="text" placeholder="Enter the node size" name="fname" id="nsize">
+ <label for="fname">active edge width:</label>
+ <input type="text" placeholder="Enter the edge width" name="fname" id="aewidth">
+ <label for="fname">label color:</label>
+ <input type="text" placeholder="Enter the label color" name="fname" id="lcolor">
+ <label for="fname">label size:</label>
+ <input type="text" placeholder="Enter the label size" name="fname" id="lsize">
+
+
+ <div class="container">
+ <div class="button" onClick="location.href='menu.html'" type="submit">Back</div>
+</div>
+ </form>
+ </body>
+</html>
\ No newline at end of file
diff --git a/UI/html/menu.html b/UI/html/menu.html
new file mode 100644
index 0000000000000000000000000000000000000000..4f152c2fbad5e6aef6739dd18444e28f06fca311
--- /dev/null
+++ b/UI/html/menu.html
@@ -0,0 +1,29 @@
+<!--
+Authors: Mohamed feroz khan D
+Created Date: 24-DEC-2022
+Updated Date: 04-JAN-2023
+Description: Menu page
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>BLOCKCHAIN FORENSICS</title>
+ <link rel="stylesheet" href="../css/style_page1.css">
+</head>
+<body>
+ <img src="../images/i1.jpg" alt="Blockchain" style="width:1690px;">
+ <form>
+ <h2>Choose the following to continue:</h2>
+ <div class="form-group">
+ <div class="container">
+ <div class="button" onClick="location.href='onchain.html'" type="submit">On-chain</div>
+ <div class="button" onClick="location.href='offchain.html'" type="submit">Off-chain</div>
+ <div class="button" onClick="location.href='graph.html'" type="submit">Temporal Graph</div>
+ <div class="button" onClick="location.href='analyze.html'" type="submit">Analyze</div>
+ <div class="button" onClick="location.href='../index.html'" type="submit">Back</div>
+</div>
+ </form>
+ </body>
+</html>
\ No newline at end of file
diff --git a/UI/html/offchain.html b/UI/html/offchain.html
new file mode 100644
index 0000000000000000000000000000000000000000..20190ef893cc4f9d24e4ce98fe81385948836124
--- /dev/null
+++ b/UI/html/offchain.html
@@ -0,0 +1,26 @@
+<!--
+Authors: Mohamed feroz khan D
+Created Date: 24-DEC-2022
+Updated Date: 04-JAN-2023
+Description: offchain page
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>BLOCKCHAIN FORENSICS</title>
+ <link rel="stylesheet" href="../css/style_offchain.css">
+</head>
+<body>
+ <img src="../images/i1.jpg" alt="Blockchain" style="width:1700px;">
+ <form>
+ <h2>Results found in off-chain</h2>
+ <div class="form-group">
+ <div class="container">
+
+ <div class="button" onClick="location.href='menu.html'" type="submit">Back</div>
+</div>
+ </form>
+ </body>
+</html>
\ No newline at end of file
diff --git a/UI/html/onchain.html b/UI/html/onchain.html
new file mode 100644
index 0000000000000000000000000000000000000000..cac1648175f30cafedbb34553e657a3ea694d199
--- /dev/null
+++ b/UI/html/onchain.html
@@ -0,0 +1,26 @@
+<!--
+Authors: Mohamed feroz khan D
+Created Date: 24-DEC-2022
+Updated Date: 04-JAN-2023
+Description: onchain page
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>BLOCKCHAIN FORENSICS</title>
+ <link rel="stylesheet" href="../css/style_onchain.css">
+</head>
+<body>
+ <img src="../images/i1.jpg" alt="Blockchain" style="width:1700px;">
+ <form>
+ <h2>Results found in on-chain</h2>
+ <div class="form-group">
+ <div class="container">
+
+ <div class="button" onClick="location.href='menu.html'" type="submit">Back</div>
+</div>
+ </form>
+ </body>
+</html>