diff --git a/SIMULATOR_FINAL.png b/SIMULATOR_FINAL.png
new file mode 100644
index 0000000..55c35e7
Binary files /dev/null and b/SIMULATOR_FINAL.png differ
diff --git a/Simulator.png b/Simulator.png
new file mode 100644
index 0000000..3b40c63
Binary files /dev/null and b/Simulator.png differ
diff --git a/Standard-White_2.png b/Standard-White_2.png
new file mode 100644
index 0000000..4eb2b4f
Binary files /dev/null and b/Standard-White_2.png differ
diff --git a/Standard_2.png b/Standard_2.png
new file mode 100644
index 0000000..27d8a41
Binary files /dev/null and b/Standard_2.png differ
diff --git a/editor.js b/editor.js
index 04abdbc..3d9d2cc 100644
--- a/editor.js
+++ b/editor.js
@@ -1,13 +1,15 @@
 'use strict'
 let editr = ace.edit('editor');
-let arrayOfStrings=[]; //<<<-------this will contain the code line by line
+editr.setShowPrintMargin(false);
+let arrayOfStrings=[];  //<<<-------this will contain the code line by line
 let memory = []; //this is the memory which is 4kB big
 for(let i=0;i<=4096;i++){
     memory[i] = 0;
 }
 let linePointer = 0;
-let Registers ={}; //this is all the registers in the risc-v
+let Registers ={};    //this is all the registers in the risc-v
 initialiseRegisters();
+updateRegisters();
 document.querySelector('.submitButton')?.addEventListener('click',
 function(){
     
@@ -16,30 +18,47 @@ function(){
     memory =[];
     let content1  = editor.session.getLine(0);
     let i = 0; 
-    while(i < editor.session.getLength()){
+    while(i < editor.session.getLength()){  //here we are getting the total lines present in the code and saving all the lines in a array of strings
         content1 = editor.session.getLine(i)
         i++;
         arrayOfStrings.push(content1);
     }
     for(let linePointer=0;linePointer<arrayOfStrings.length;linePointer++){ //--> j changed to linePointer
-        if(arrayOfStrings[linePointer]==="")continue
-        let currIndex =linePointer
-        console.log(linePointer);
+        if(arrayOfStrings[linePointer]==="")continue //this part of the code prevents the compiling the lines with no code in it
+        else if(IsLabel(arrayOfStrings[linePointer])){ //this part of the code checks if the line is label or not if it is a label then the compiler ignores it
+            continue;
+        }
+        let currIndex =linePointer //this currIndex variable keeps track of the line that we are compiling
         let regs=returnRegisters(arrayOfStrings[currIndex]);
         let instruction = returnFunction(arrayOfStrings[currIndex]);
         if(instruction === 'j'){
             linePointer = rInstruction(instruction,returnLabel(arrayOfStrings[currIndex]));
         }
+        else if(IsBranch(instruction)){
+            let temporaryPointer = rInstruction(instruction,regs[0],regs[1],regs[2]);
+            if(temporaryPointer === "labelNotFound"){
+                console.log("labelNotFound");
+                return;
+            }
+            if(temporaryPointer ===-1) continue;
+            else{
+                linePointer = temporaryPointer;
+                continue;
+            }
+        }
         else{
         rInstruction(instruction,regs[0],regs[1],regs[2]);
         }
     }
     console.log(Registers);
-    
+    updateRegisters();
 }
 )
-
-
+document.querySelector('.resetButton').addEventListener('click',function(){
+    initialiseRegisters();
+    updateRegisters();
+    location.reload();
+})
 //<<--------------------------write testing code after this---------------------->>
 
 
@@ -48,42 +67,55 @@ function(){
 
 
 // <<-----------------------------------functions-------------------------------------->>
+function updateRegisters(){
+    let regss = Object.keys(Registers);
+    document.querySelector('.s1').textContent = 0;
+    for(let temp of regss){
+        let temp1 = "."+temp;
+        document.querySelector(temp1).textContent = Registers[temp]; 
+    }
+}
 function initialiseRegisters(){
-    Registers['zero'] = 0;
-    Registers['ra'] = 0;
-    Registers['sp'] = 0;
-    Registers['gp'] =0;
-    Registers['tp'] =0;
-    Registers['t0'] =0;
-    Registers['t1'] = 0;
+   
+    Registers['zero'] = 0; 
+    Registers['ra'] = 0; 
+    Registers['sp'] = 0; 
+    Registers['gp'] =0; 
+    Registers['tp'] =0; 
+    Registers['t0'] =0; 
+    Registers['t1'] = 0; 
     Registers['t2'] =0;
-    Registers['s0'] =0;
-    Registers['fp'] =0;
-    Registers['s1'] =0;
-    for(let i=0;i<8;i++){
+    Registers['s0'] =0; 
+    Registers['s1'] =0; 
+    for(let i=0;i<8;i++){ 
         let temp1 = 'a'+i;
         Registers[temp1] = 0;
     }
-    for(let i=2;i<12;i++){
+    for(let i=2;i<12;i++){ 
         let temp1 = 's'+i;
         Registers[temp1] = 0;
     }
     for(let i=3;i<7;i++){
-        let temp1 = 't'+3;
+        let temp1 = 't'+i;
         Registers[temp1] =0;
     }
 
 }
 function returnFunction(s){
     let temp = "";
+    let spaceCheck = false;
     for(let i=0;i<s.length;i++){
-        if(s.charAt(i) === "#") return;   // changed the format
-        if(s.charAt(i)!=" "){
-            temp = temp+s.charAt(i);
-        }
-        else{
-            return temp;
+        if(s.charAt(i)!=" ") spaceCheck = true; //taken care of indentations
+        if(spaceCheck){
+            if(s.charAt(i) === "#") return;   // changed the format
+            if(s.charAt(i)!=" "){
+                temp = temp+s.charAt(i);
+            }
+            else{
+                return temp;
+            }
         }
+
     }
 }
 
@@ -107,7 +139,10 @@ function returnLabel(s){
 function returnRegisters(s){
     let regs =[];
     let temp;
+    let initialSpaceCheck = false;
     for(let i=0;i<s.length;i++){
+        if(s.charAt(i)!== " ") initialSpaceCheck = true;  //taken care of indentations
+        if(initialSpaceCheck){
         if(s.charAt(i) !== " "){
             continue;
         }
@@ -115,6 +150,7 @@ function returnRegisters(s){
             temp = i;
             break;
         }
+    }
     }    
     let temp1 ="";
     for(let i=(temp+1);i<=s.length;i++){
@@ -150,13 +186,6 @@ function rInstruction(operation, register1=null,register2=null,register3=null){
             Registers[register1] = Registers[register2] + parseInt(register3);
             break;
         case "jal":
-            let i = 0;
-            for(i=0;i<arrayOfStrings.length;i++){
-                if(arrayOfStrings[i]==(register1+":")){
-                    break;
-                }
-            }
-            //i --> length of arrayOfStrings or 
             break;
         case "lw":
             break;
@@ -173,8 +202,119 @@ function rInstruction(operation, register1=null,register2=null,register3=null){
             return i;
             break;
         case "beq":
+            if(Registers[register1] === Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    if(arrayOfStrings[i] === (register3+":")){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
             break;
         case "bne":
+            if(Registers[register1] !== Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    if(arrayOfStrings[i] === (register3+":")){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
             break;
+        case 'bgt':
+            if(Registers[register1] > Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    // if(arrayOfStrings[i] === (register3+":")){
+                    //     return i;
+                    // }
+                    if(doesLabelExists((arrayOfStrings[i]),(register3+":"))){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
+            break;
+        case 'bge':
+            if(Registers[register1] >= Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    if(arrayOfStrings[i] === (register3+":")){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
+            break;
+        case 'blt':
+            if(Registers[register1] < Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    if(arrayOfStrings[i] === (register3+":")){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
+            break;
+        case 'ble':
+            if(Registers[register1] <= Registers[register2]){
+                for(let i=0;i<arrayOfStrings.length;i++){
+                    if(arrayOfStrings[i] === (register3+":")){
+                        return i;
+                    }
+                }
+                return('labelNotFound');
+            }
+            return -1;
+            break;
+    }
+}
+function doesLabelExists(wholeLine,label){
+    let spaceCheck = false;    
+    let temp="";
+    for(let i=0;i<wholeLine.length;i++){
+        if(wholeLine.charAt(i)!= " "){
+            spaceCheck = true;
+        }
+        if(spaceCheck){
+            temp = temp+wholeLine.charAt(i);
+        }
     }
+
+    return((temp)===(label));
+}
+function IsBranch(s){
+    if(s==='beq' || s==='bne' || s==='bgt' || s==='bge' || s==='blt' || s==='ble'){
+        return true;
+    }
+    return false;
 }
+function IsLabel(s){
+    let temp ="";
+    for(let i=0;i<s.length;i++){
+        if(s.charAt(i)!==" " && s.charAt(i) !==":"){
+            temp = temp+s.charAt(i);
+            continue;
+        }
+        if(s.charAt(i) ===":" && temp.length!==0){
+            return true;
+        }
+
+    }
+    return false;
+}
+function isEcall(s){
+    let temp ="";
+    let isSpace = false;
+    for(let i=0;i<s.length;i++){
+        if(s.charAt(i)!=" ") isSpace = true;
+        if(isSpace){
+            temp = temp+s.charAt(i);
+        }
+    }
+    if(temp==="ecall") return true;
+    return false;
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..6aa5096
--- /dev/null
+++ b/style.css
@@ -0,0 +1,28 @@
+body{
+    background-color: #FAEEE7;
+}
+#editor { 
+    position: absolute;
+    top: 108px;
+    right: 500px;
+    bottom: 200px;
+    left: 0px;
+    /* width: 50% */
+    
+}
+
+.btn-group{
+    height:40px;
+    width:67.1%;
+}
+.registers{
+    position: absolute;
+    top: 63px;
+    left: 1020px;
+    height: 50px;
+    width:33%;
+    border:2.5px solid black;
+}
+tr{
+    background-color: #F7F7F7;
+}
\ No newline at end of file
diff --git a/textEditor.html b/textEditor.html
index 8bc8874..98f8537 100644
--- a/textEditor.html
+++ b/textEditor.html
@@ -2,35 +2,156 @@
 <html lang="en">
 <head>
 <title>RISC-V</title>
-<style type="text/css" media="screen">
-    #editor { 
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 100px;
-        /* width: 50% */
-    }
-</style>
+<!-- BootStrap CSS -->
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+<link rel ="stylesheet" type="text/css" href="style.css">
+
+
 </head>
 <body>
+    <nav class="navbar navbar-light navbar-expand-lg bg-light">
+        <a class ="navbar-brand" href="#">
+            <img src = "SIMULATOR_FINAL.png" width ="150" height="40" class ="" > 
+        </a>
+        <ul class ="navbar-nav ms-auto">
+            <li class ="nav-item">
+                <a class="nav-link" href="https://riscv.org/" target="_blank">Website</a>
+            </li>
+            <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  Developers
+                </a>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                  <li><a class="dropdown-item" href="#">Surya Varman E</a></li>
+                  <li><a class="dropdown-item" href="#">Prathik P Kulkarni</a></li>
+                </ul>
+              </li>
+            <li class ="nav-item">
+                <a class="nav-link" href="https://riscv.org/wp-content/uploads/2017/05/riscv-spec-v2.2.pdf" target="_blank">Documentation</a>
+            </li>
+            
+
+        </ul>
 
-<div id="editor" class = "simple">addi t0,t0,7
-j tag
-addi t0,t0,7
-tag:
-mul t0,t0,t0
-j tag2
-tag2:
-mul t0,t0,t0
+    </nav>
+
+<div id="editor" class = "simple">main:
+#Input your code here
 </div>
 <div class = "console">
     
 </div>
-<button class="submitButton btn">
-    Submit
-</button>
-    
+<div class="btn-group rounded-0" role="group" aria-label="Basic example">
+    <button type="button" class="btn btn-success submitButton">Run</button>
+    <button type="button" class="btn btn-danger resetButton">Reset</button>
+    <!-- <button type="button" class="btn btn-primary">Reload</button> -->
+  </div>
+<table class ="table registers table-bordered ">
+    <tr>
+        <th class="col-sm-1" >Register</th>
+        <th>Value</th>
+        <th class="col-sm-1">Register</th>
+        <th>Value</th>
+    </tr>
+    <tr>
+        <td>x0 (zero)</td>
+        <td class="zero"> </td>
+        <td>x16 (a6)</td>
+        <td class="a6"> -1</td>
+    </tr>
+    <tr>
+        <td>x1 (ra)</td>
+        <td class="ra"> -1</td>
+        <td>x17 (a7)</td>
+        <td class="a7"> -1</td>
+    </tr>
+    <tr>
+        <td>x2 (sp)</td>
+        <td class="sp">-1 </td>
+        <td>x18 (s2)</td>
+        <td class ="s2">-1 </td>
+    </tr>
+    <tr>
+        <td>x3 (gp)</td>
+        <td class="gp"> -1</td>
+        <td>x19 (s3)</td>
+        <td class="s3">-1 </td>
+    </tr>
+    <tr>
+        <td>x4 (tp)</td>
+        <td class="tp">-1 </td>
+        <td>x20 (s4)</td>
+        <td class="s4">-1 </td>
+    </tr>
+    <tr>
+        <td>x5 (t0)</td>
+        <td class="t0"> -1</td>
+        <td>x21 (s5)</td>
+        <td class="s5">-1 </td>
+    </tr>
+    <tr>
+        <td>x6 (t1)</td>
+        <td class="t1"> -1</td>
+        <td>x22 (s6)</td>
+        <td class="s6">-1</td>
+    </tr>
+    <tr>
+        <td>x7 (t2)</td>
+        <td class="t2"> -1</td>
+        <td>x23 (s7)</td>
+        <td class="s7">-1 </td>
+    </tr>
+    <tr>
+        <td>x8 (s0)</td>
+        <td class="s0"> -1</td>
+        <td>x24 (s8)</td>
+        <td class="s8">-1 </td>
+    </tr>
+    <tr>
+        <td>x9 (s1)</td>
+        <td class= "s1">-1</td>
+        <td>x25 (s9)</td>
+        <td class="s9"> -1</td>
+    </tr>
+    <tr>
+        <td>x10 (a0)</td>
+        <td class="a0"> -1</td>
+        <td> x26 (s10)</td>
+        <td class = "s10">-1 </td>
+    </tr>
+    <tr>
+        <td>x11 (a1)</td>
+        <td class="a1"> -1</td>
+        <td>x27 (s11)</td>
+        <td class ="s11">-1 </td>
+    </tr>
+    <tr>
+        <td>x12 (a2)</td>
+        <td class = "a2"> -1</td>
+        <td>x28 (t3)</td>
+        <td class ="t3"> -1</td>
+    </tr>
+    <tr>
+        <td>x13 (a3)</td>
+        <td class ="a3"> -1</td>
+        <td>x29 (t4)</td>
+        <td class ="t4"> -1</td>
+    </tr>
+    <tr>
+        <td>x14 (a4)</td>
+        <td class="a4"> -1</td>
+        <td>x30 (t5)</td>
+        <td class ="t5"> -1</td>
+    </tr>
+    <tr>
+        <td>x15 (a5)</td>
+        <td class = "a5"> -1</td>
+        <td>x31 (t6)</td>
+        <td class = "t6">-1 </td>
+    </tr>
+</table>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
 <script src="ace.js" type="text/javascript" charset="utf-8"></script>
 <script>
     var editor = ace.edit("editor");