diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 66681c7..1a6790b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,8 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="5ab27152-05f5-4a56-a258-48751ee5da62" name="Changes" comment="greyscale 2">
+    <list default="true" id="5ab27152-05f5-4a56-a258-48751ee5da62" name="Changes" comment="Invert Color and Blur">
+      <change afterPath="$PROJECT_DIR$/templates/labs/unsignedaddition.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/image.py" beforeDir="false" afterPath="$PROJECT_DIR$/image.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/main.py" beforeDir="false" afterPath="$PROJECT_DIR$/main.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/static/assets/blue-square-16.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/static/assets/blue-square-16.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/static/assets/lassen-volcano-256.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/static/assets/lassen-volcano-256.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/templates/layouts/navbar.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/layouts/navbar.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -83,7 +89,7 @@
       <envs>
         <env name="PYTHONUNBUFFERED" value="1" />
       </envs>
-      <option name="SDK_HOME" value="C:\Users\everi_9pq1npj\AppData\Local\Programs\Python\Python39\python.exe" />
+      <option name="SDK_HOME" value="C:\Downloaded Apps\Coding Apps\Python Download\python.exe" />
       <option name="WORKING_DIRECTORY" value="$PROJECT_DIR$" />
       <option name="IS_MODULE_SDK" value="false" />
       <option name="ADD_CONTENT_ROOTS" value="true" />
@@ -149,6 +155,8 @@
       <workItem from="1632680460612" duration="597000" />
       <workItem from="1632854291756" duration="1599000" />
       <workItem from="1632938169514" duration="925000" />
+      <workItem from="1633712589800" duration="1190000" />
+      <workItem from="1633975222464" duration="3577000" />
     </task>
     <task id="LOCAL-00001" summary="General Edits">
       <created>1631298622960</created>
@@ -328,13 +336,14 @@
     <option name="LAST_COMMIT_MESSAGE" value="greyscale 2" />
   </component>
   <component name="com.intellij.coverage.CoverageDataManagerImpl">
-    <SUITE FILE_PATH="coverage/GamerGroupRepository2$GamerGroupRepository2.coverage" NAME="GamerGroupRepository2 Coverage Results" MODIFIED="1631212966944" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="" />
-    <SUITE FILE_PATH="coverage/GamerGroupRepository$GamerGroupRepository.coverage" NAME="GamerGroupRepository Coverage Results" MODIFIED="1633328495449" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
+    <SUITE FILE_PATH="coverage/GamerGroupRepository$Python.coverage" NAME="Python Coverage Results" MODIFIED="1631213651937" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/GamerGroupRepository3$GamerGroupRepository.coverage" NAME="GamerGroupRepository Coverage Results" MODIFIED="1631557246112" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
+    <SUITE FILE_PATH="coverage/GamerGroupRepository$Flask.coverage" NAME="Flask Coverage Results" MODIFIED="1632854783250" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/GamerGroupRepository3$GamerGroupRepository3.coverage" NAME="GamerGroupRepository3 Coverage Results" MODIFIED="1631300944446" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="" />
     <SUITE FILE_PATH="coverage/gamergroup$GamerGroupRepository.coverage" NAME="GamerGroupRepository Coverage Results" MODIFIED="1631505287071" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/GamerGroupRepository2$GamerGroupRepository.coverage" NAME="GamerGroupRepository Coverage Results" MODIFIED="1631559445083" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
-    <SUITE FILE_PATH="coverage/GamerGroupRepository$Python.coverage" NAME="Python Coverage Results" MODIFIED="1631213651937" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/GamerGroupRepository$Flask__main_py_.coverage" NAME="Flask Coverage Results" MODIFIED="1631213137465" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
+    <SUITE FILE_PATH="coverage/GamerGroupRepository2$GamerGroupRepository2.coverage" NAME="GamerGroupRepository2 Coverage Results" MODIFIED="1631212966944" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="" />
+    <SUITE FILE_PATH="coverage/GamerGroupRepository$GamerGroupRepository.coverage" NAME="GamerGroupRepository Coverage Results" MODIFIED="1633978172429" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
   </component>
 </project>
\ No newline at end of file
diff --git a/image.py b/image.py
index f8bbd59..eb819dd 100644
--- a/image.py
+++ b/image.py
@@ -27,7 +27,7 @@ def image_data(path=Path("static/assets/"), img_list=None):  # path of static im
             {'source': "iconsdb.com", 'label': "Green square", 'file': "green-square-16.png", filter: "nothing"},
             {'source': "iconsdb.com", 'label': "Blue square", 'file': "blue-square-16.png", filter: "nothing"},
             {'source': "iconsdb.com", 'label': "White square", 'file': "white-square-16.png", filter: "nothing"},
-            {'source': "iconsdb.com", 'label': "Blue square", 'file': "blue-square-16.jpg", filter: "nothing"}
+            {'source': "iconsdb.com", 'label': "Blue square", 'file': "blue-square-16.jpg", filter: "gaussian"}
         ]
 
     for img_dict in img_list:
diff --git a/main.py b/main.py
index eac9d1c..1d03a36 100644
--- a/main.py
+++ b/main.py
@@ -138,6 +138,9 @@ def binary():
 def tclicker():
     return render_template("turtleclicker.html")
 
+@app.route('/unsignedaddition/')
+def unsignedaddition():
+    return render_template("/labs/unsignedaddition.html")
 
 @app.route('/rgb/')
 def rgb():
diff --git a/static/assets/blue-square-16.jpg b/static/assets/blue-square-16.jpg
index 1095f9f..893384a 100644
Binary files a/static/assets/blue-square-16.jpg and b/static/assets/blue-square-16.jpg differ
diff --git a/static/assets/lassen-volcano-256.jpg b/static/assets/lassen-volcano-256.jpg
index 38064e1..29dc479 100644
Binary files a/static/assets/lassen-volcano-256.jpg and b/static/assets/lassen-volcano-256.jpg differ
diff --git a/templates/labs/unsignedaddition.html b/templates/labs/unsignedaddition.html
new file mode 100644
index 0000000..9183938
--- /dev/null
+++ b/templates/labs/unsignedaddition.html
@@ -0,0 +1,412 @@
+<!DOCTYPE html>
+{% extends "layouts/base.html" %}
+{% block background %}
+{% endblock %}
+
+{% set project = "Signed and Unsigned Turtle Addition" %}
+{% set subheading = "Signed and Unsigned Turtle Addition" %}
+
+{% set BITS = 24 %}
+{% set MAX = ((2 ** BITS) - 1) %}
+
+{% set imageurl = "/static/assets/backgrounds/patrick-schneider-mountains-unsplash.jpg" %}
+
+<!-- Hack: Set bulbs and pass as variables via Python render_template
+           add new images (ie PNGs) to project -->
+<!-- use your PNGs as default -->
+
+{% set imgBulbOn = "/static/turtleyes.png" %}
+{% set imgBulbOff = "/static/turtledefault.png" %}
+{% set msgTurnOn = "Turn On" %}
+{% set msgTurnOff = "Turn Off" %}
+
+{% block body %}
+
+    <style>
+        body, html {
+            height: 100%;
+        }
+
+        .parallax {
+            /* Lime green */
+            background-image: url({{ imageurl }}); background-color: #00FF00;
+
+            /* Full height */
+            height: 100%;
+
+            /* Create the parallax scrolling effect */
+            background-attachment: fixed;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: cover;
+        }
+
+        input.checkboxBig {
+            width: 20px;
+            height: 20px;
+        }
+
+        .square {
+            height: 100px;
+            width: 300px;
+            background-color: rgb(255, 255, 0);
+            margin: 1%;
+            border: 1px;
+            border-color: saddlebrown;
+        }
+    </style>
+
+    <body>
+
+    <script>
+
+        const BITS = {{ BITS }}; let max = '{{ MAX }}'; let MAX = parseInt(max, 10);
+        // return string with current value of each bit
+        function getBits() {
+            let bits = "";
+            for(let i = 0; i < BITS; i++) {
+                bits = bits + document.getElementById('digit' + i).value;
+            }
+            return bits;
+        }
+
+        function toggleOp(){
+            const operator = document.getElementById("operator")
+            // Operator input taken from displayed toggle button
+            if (operator.value.match("-")) {
+                operator.value = "+";
+            }
+            else {
+                operator.value = "-";
+            }
+            // Determines which operator was chosen to decide addition/subtraction
+            // Gets Binary numbers
+            const binary = getBits();
+            setConversions(binary);
+        }
+
+        // setter for DOM values
+        function setConversions(binary) {
+            const stringDec = parseInt(binary, 2).toString(10);
+            const stringBin = String(binary)
+            const dec = parseInt(stringDec)
+            document.getElementById('binary').innerHTML = binary;
+            // DOM assignment to Octal conversion
+            document.getElementById('octal').innerHTML = parseInt(binary, 2).toString(8);
+            // DOM assignment to Hexadecimal conversion
+            document.getElementById('hexadecimal').innerHTML = parseInt(binary, 2).toString(16);
+            // DOM assignment to Decimal conversion
+            document.getElementById('decimal').innerHTML = parseInt(binary, 2).toString(10);
+
+
+            var operatorRaw = document.getElementById("operator")
+
+            if (operatorRaw.value.match("-")) {
+                var sign = 1;
+            }
+            else {
+                var sign = 0;
+            }
+            // Determines var sign depending on given operator
+
+            // Takes substrings of binary values for each row
+            var binaryR1 = parseInt(stringBin.substring(0, 8));
+            var binaryR2 = parseInt(stringBin.substring(8, 16));
+            var operator = sign;
+
+
+            // Converts each substring to the decimal values for each color
+            document.getElementById('decimalR1').innerHTML = parseInt(binaryR1, 2).toString(10);
+            document.getElementById('decimalR2').innerHTML = parseInt(binaryR2, 2).toString(10);
+
+            // Same thing, but substring is saved in a variable
+            var decimalR1 = parseInt(binaryR1, 2).toString(10);
+            var decimalR2 = parseInt(binaryR2, 2).toString(10);
+
+
+            if (operator == 0){
+                var decimalR3 = (+decimalR2 + +decimalR1)
+            }
+            else if (operator == 1) {
+                var decimalR3 = (+decimalR1 - +decimalR2)
+            }
+            // With given var, determines process (add/subtract)
+
+            var binaryR3 = parseInt(decimalR3).toString(2);
+            document.getElementById('outputR3').innerHTML = "Binary: " + binaryR3;
+            document.getElementById('decimalR3').innerHTML = "Decimal: " + decimalR3;
+
+        }
+
+        // algorithm to convert decimal to base using division and remainder
+        function decimal_2_base(decimal, base) {
+            let conversion = "";
+            // loop to convert to base
+            do {
+                let digit = decimal % base;
+                conversion = "" + digit + conversion; // what does this do? converts
+                decimal = ~~(decimal / base);         // what does this do?  what is ~~? Rounds down to integer
+            } while (decimal > 0);                  // why while at the end?
+            // loop to pad with zeros
+            if (base === 2) {                        // only pad for binary conversions
+                for (let i = 0; conversion.length < BITS; i++) {
+                    conversion = "0" + conversion;
+                }
+            }
+            return conversion;
+        }
+
+        // toggle selected bit and recalculate
+        function toggleBit(i) {
+            //alert("Digit action: " + i );
+            const dig = document.getElementById('digit' + i);
+            const image = document.getElementById('bulb' + i);
+            const butt = document.getElementById('butt' + i);
+            // Change digit and visual
+            if (image.src.match("{{ imgBulbOn }}")) {
+                dig.value = 0;
+                image.src = "{{ imgBulbOff }}";
+                butt.innerHTML = "{{ msgTurnOn }}";
+            } else {
+                dig.value = 1;
+                image.src = "{{ imgBulbOn }}";
+                butt.innerHTML = "{{ msgTurnOff }}";
+            }
+            // Binary numbers
+            const binary = getBits();
+            setConversions(binary);
+        }
+
+
+        // adding results in positive and subtracting results in negative
+        function add(n) {
+            let binary = getBits();
+            // convert to decimal and do math
+            let decimal = parseInt(binary, 2);
+            if (n > 0) {  // PLUS
+                decimal = MAX === decimal ? 0 : decimal += n; // OVERFLOW or PLUS
+            } else  {     // MINUS
+                decimal = 0 === decimal ? MAX : decimal += n; // OVERFLOW or MINUS
+            }
+            // convert the result back to binary
+            binary = decimal_2_base(decimal, 2);
+            // update conversions
+            setConversions(binary);
+            // update bits
+            for (let i = 0; i < binary.length; i++) {
+                let digit = binary.substr(i, 1);
+                document.getElementById('digit' + i).value = digit;
+                if (digit === "1") {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOn }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOff }}";
+                } else {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOff }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOn }}";
+                }
+            }
+        }
+        function multiply(m) {
+            let binary = getBits();
+            let decimal = parseInt(binary, 2);
+            if (m > 0) {  // multiply
+                decimal = MAX === decimal ? 0 : decimal << m; // OVERFLOW or MULTIPLY
+            } else  {     // divide
+                decimal = decimal
+            }
+            // convert the result back to binary
+            binary = decimal_2_base(decimal, 2);
+            // update conversions
+            setConversions(binary);
+            // update bits
+            for (let i = 0; i < binary.length; i++) {
+                let digit = binary.substr(i, 1);
+                document.getElementById('digit' + i).value = digit;
+                if (digit === "1") {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOn }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOff }}";
+                } else {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOff }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOn }}";
+                }
+            }
+        }
+
+        function divide(m) {
+            let binary = getBits();
+            let decimal = parseInt(binary, 2);
+            if (m > 0) {  // multiply
+                decimal = MAX === decimal ? 0 : decimal >> m; // OVERFLOW or DIVIDE
+            } else  {     // divide
+                decimal = decimal
+            }
+            // convert the result back to binary
+            binary = decimal_2_base(decimal, 2);
+            // update conversions
+            setConversions(binary);
+            // update bits
+            for (let i = 0; i < binary.length; i++) {
+                let digit = binary.substr(i, 1);
+                document.getElementById('digit' + i).value = digit;
+                if (digit === "1") {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOn }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOff }}";
+                } else {
+                    document.getElementById('bulb' + i).src = "{{ imgBulbOff }}";
+                    document.getElementById('butt' + i).innerHTML = "{{ msgTurnOn }}";
+                }
+            }
+        }
+
+
+
+    </script>
+
+    <div class="parallax" style="height: max-content">
+        <div class="frame" style="background-color: sandybrown; padding: 5%; width: 100%; margin: auto; height: max-content">
+            <div>
+                <div class="d-flex justify-content-center" style="background-color: rgb(4, 155, 0)">
+                    <h1> Signed and Unsigned Turtle Addition </h1>
+                </div>
+            </div>
+            <div>
+                <div class="d-flex justify-content-center" style="background-color: greenyellow">
+                    <h5> Switch between - and + with toggle button </h5>
+                </div>
+            </div>
+
+            <div class="table">
+                <tr>
+                    <td>
+                        <div class="row justify-content-md-center" style="background-color: rgba(0, 0, 0, 0.8)">
+
+
+                            <div class="col-10" style="display: none">
+                                <table class="table">
+                                    <tr id="table" style="color: white">
+                                        <th>Shift Left</th>
+                                        <th>Plus</th>
+                                        <th>Binary</th>
+                                        <th>Octal</th>
+                                        <th>Hexadecimal</th>
+                                        <th>Decimal</th>
+                                        <!-- Hack: display ASCII label for printable character(s) - DONE -->
+                                        <th>Ascii</th>
+                                        <th>Minus</th>
+                                        <th>Shift Right</th>
+                                    </tr>
+                                    <tr style="color: white">
+                                        <td><button type="button" id="multiply2" onclick="multiply(1)">*2</button></td>
+                                        <td><button type="button" id="add1" onclick="add(1)">+1</button></td>
+                                        <td id="binary">0</td>
+                                        <td id="octal">0</td>
+                                        <td id="hexadecimal">0</td>
+                                        <td id="decimal">0</td>
+                                        <!-- Hack: display ASCII printable character(s) - DONE -->
+                                        <td id="ascii">0</td>
+                                        <td><button type="button" id="sub1" onclick="add(-1)">-1</button></td>
+                                        <td><button type="button" id="divide2" onclick="divide(1)">/2</button></td>
+                                    </tr>
+                                </table>
+                            </div>
+
+                            <div class="col-12" style="background-color: lightgreen">
+                                <div class="container-fluid" >
+                                    <div class="row">
+                                        <div class="col-sm">
+                                            <!-- On/off toggles for bulbs-->
+                                            <table class="table">
+                                                <tr>
+                                                    <td> First Number </td>
+                                                    <td style="visibility: hidden">
+                                                        <button type="button" onclick="toggleOp()"> + or - </button>
+                                                    </td>
+                                                    {% for i in range(0, 8) %}
+                                                        <td><img class="img-responsive py-3" id="bulb{{i}}" src="{{ imgBulbOff }}" alt="" width="40" height="Auto">
+                                                            <br>
+                                                            <button type="button" id="butt{{i}}" onclick="toggleBit('{{i}}')">{{ msgTurnOn }}</button>
+                                                        </td>
+                                                    {% endfor %}
+                                                </tr>
+                                                <tr>
+                                                    <td id="decimalR1">000</td>
+                                                    <td style="visibility: hidden"><input type='text' Value="-" size="1" readonly></td>
+                                                    {% for i in range(0, 8) %}
+                                                        <td><input type='text' id='digit{{i}}' Value="0" size="1" readonly></td>
+                                                    {% endfor %}
+                                                </tr>
+                                            </table>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-12" style="background-color: lightgreen">
+                                <div class="container-fluid" >
+                                    <div class="row">
+                                        <div class="col-sm">
+                                            <!-- On/off toggles for bulbs-->
+                                            <table class="table">
+                                                <tr>
+                                                    <td> Second Number </td>
+                                                    <td style="background-color: darkseagreen">
+                                                        <button type="button" id="operatorbutton" onclick="toggleOp()"> Toggle + or - </button>
+                                                    </td>
+                                                    {% for i in range(8, 16) %}
+                                                        <td><img class="img-responsive py-3" id="bulb{{i}}" src="{{ imgBulbOff }}" alt="" width="40" height="Auto">
+                                                            <br>
+                                                            <button type="button" id="butt{{i}}" onclick="toggleBit('{{i}}')">{{ msgTurnOn }}</button>
+                                                        </td>
+                                                    {% endfor %}
+                                                </tr>
+                                                <tr>
+                                                    <td id="decimalR2">000</td>
+                                                    <td style="background-color: darkseagreen"><input type='text' id='operator' Value="-" size="1" readonly></td>
+                                                    {% for i in range(8,16) %}
+                                                        <td><input type='text' id='digit{{i}}' Value="0" size="1" readonly></td>
+                                                    {% endfor %}
+                                                </tr>
+                                            </table>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-12" style="background-color: lightgreen">
+                                <div class="container-fluid" >
+                                    <div class="row">
+                                        <div class="col-sm">
+                                            <!-- On/off toggles for bulbs-->
+                                            <table class="table">
+                                                <tr>
+                                                    <td style="background-color: darkgreen; color: white"> Output
+                                                        <div id="operator" style="visibility: hidden">0</div>
+                                                        <div id="decimalR3">Dec: 0</div>
+                                                    </td>
+                                                    {% for i in range(16, 25) %}
+                                                        <td style="display: none"><img class="img-responsive py-3" id="bulb{{i}}" src="{{ imgBulbOff }}" alt="" width="40" height="Auto">
+                                                            <br>
+                                                            <button type="button" id="butt{{i}}" style="display: none" onclick="toggleBit('{{i}}')">{{ msgTurnOn }}</button>
+                                                        </td>
+                                                    {% endfor %}
+                                                </tr>
+                                                <tr>
+                                                    <td style="background-color: darkgreen; color: white" id="outputR3">Bin: 000000000</td>
+                                                    {% for i in range(16, 25) %}
+                                                        <td style="display: none"><input type='text' id='digit{{i}}' Value="0" size="1" readonly></td>
+                                                    {% endfor %}
+                                                </tr>
+                                            </table>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+
+            </div>
+        </div>
+    </div>
+    <div class="parallax" style="height: 20%"></div>
+    </body>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/layouts/navbar.html b/templates/layouts/navbar.html
index b963bec..937d352 100644
--- a/templates/layouts/navbar.html
+++ b/templates/layouts/navbar.html
@@ -105,6 +105,7 @@
                     Mini-Labs
                 </a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/unsignedaddition">Signed and Unsigned Addition</a>
                     <a class="dropdown-item" href="/binary">Binary Clicker</a>
                     <a class="dropdown-item" href="/colorcode">Color Codes</a>
                     <a class="dropdown-item" href="/greet">Mini-Lab1(Greet page)</a>