about.html

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.6.4/math.js"
    integrity="sha512-BbVEDjbqdN3Eow8+empLMrJlxXRj5nEitiCAK5A1pUr66+jLVejo3PmjIaucRnjlB0P9R3rBUs3g5jXc8ti+fQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.6.4/math.min.js"
    integrity="sha512-iphNRh6dPbeuPGIrQbCdbBF/qcqadKWLa35YPVfMZMHBSI6PLJh1om2xCTWhpVpmUyb4IvVS9iYnnYMkleVXLA=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="fontawesome.js"></script>
<style>
    * {
        margin: 0;
        padding: 0;
        font-family: Inter;
        box-sizing: border-box;
        overflow: hidden;
        transition: all 0.1s ease;
    }

    .headerpart button {
        padding: 5px;
        box-sizing: border-box;
    }

    button {
        background: none;
        border: none;
        border-radius: 2.5px;
        color: white;
        transition: all 0.1s ease;
        padding: 5px;
        font-weight: bold;
    }

    button:hover {
        background: #4d4d4d90;
        border: none;
        border-radius: 2.5px;
        transition: all 0.1s ease;
    }

    button:active {
        background: #4d4d4d;
        border: none;
        border-radius: 2.5px;
        transition: all 0.1s ease;
    }

    input[type="button"] {
        width: 71px;
        font-size: 24px;
        font-weight: bold;
        border: none;
        background: none;
        border-radius: 5px;
        height: 75.3px;
    }

    input[type="button"]:hover {
        background: #eaeaea;
    }

    #result {
        height: 39px;
        width: 100%;
        box-sizing: border-box;
        font-size: 2em;
        text-align: center;
        font-weight: bold;
        background: none;
        border: none;
        color: white;
    }
</style>
<div style="padding: 5px; background: #1d1d1ddd; backdrop-filter: blur(10px); color: white; text-align: center; height: 100vh; width: 100vw; box-sizing: border-box;">
    <h4>Mobiz-Advanced-Calculating-Suite</h4><br>
    Version 1.0
    <br>
    © 2023 Mobiz-Advanced-Technologies
</div>
<script>
    function dis(val) {
        document.getElementById("result").value += val
    }

    function solve() {
        let x = document.getElementById("result").value
        let y = math.evaluate(x)
        document.getElementById("result").value = y
    }
</script>