tb.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">  
    <title>COMBook | Trial Balance</title>
    <meta property="og:title" content="COMBook | Trial Balance">
    <meta name="keywords" content="combook, accounting software, acc, accounting, ledger, Trial Balance, Srilanka, Financial Position, Profit and loss, nimash eshan, githmi paranahewa, milan swantra, ashan tharaka, accounting srilanka, srilankan softwares">
    <meta property="og:description" content="COMBook is an accounting software package developed by group Perfectly Balanced .COMBook is an web based application designed primarily for small to medium size businesses and enterprises. This software could be used to Report Ledger Balances record them in Trail Balance and, manage accounting books and to prepare financial statements and Profit and loss Comprehensive Statement">
    <meta property="og:image" content="https://nimasheshan.tk/assets/img/projects/combook.png">
    <meta property="og:site_name" content="combook.tk">
    <meta property="og:url" content="https://combook.tk">
    <meta property="og:type" content="website">
    <meta name="description" content="COMBook is an accounting software package developed by group Perfectly Balanced .COMBook is an web based application designed primarily for small to medium size businesses and enterprises. This software could be used to Report Ledger Balances record them in Trail Balance and, manage accounting books and to prepare financial statements and Profit and loss Comprehensive Statement">

    <!-- Boxicons -->
    <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
    <!-- My CSS -->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="tbstyle.css">
    <!--title icon-->
    <link rel="shortcut icon" href="./img/icon.ico">
</head>

<body>

<script type="text/javascript">
    setcolor();

    function setcolor(){
        let state = window.localStorage.getItem("state");
        if(state==null) return
        (state === "dark")? document.body.classList.add('dark'):document.body.classList.remove('dark');
    }
</script>
    <!-- SIDEBAR -->
    <section id="sidebar">
        <a href="#" class="brand">
            <i class='bx bxs-smile'></i>
            <span class="text">COMBook</span>
        </a>
        <ul class="side-menu top">
            <li>
                <a href="./index.html">
                    <i class='bx bxs-dashboard'></i>
                    <span class="text">Dashboard</span>
                </a>
            </li>
            <li>
                <a href="./trans.html">
                    <i class='bx bxs-shopping-bag-alt'></i>
                    <span class="text">Ledger Balancess</span>
                </a>
            </li>
            <li class="active">
                <a href="#">
                    <i class='bx bxs-doughnut-chart'></i>
                    <span class="text">Trial Balance</span>
                </a>
            </li>
            <li>
                <a href="./PnL.html">
                    <i class='bx bxs-credit-card'></i>
                    <span class="text">Profit & Loss</span>
                </a>
            </li>
            <li>
                <a href="./fps.html">
                    <i class='bx bxs-bank'></i>
                    <span class="text">Financial Positions</span>
                </a>
            </li>
        </ul>
        <ul class="side-menu">
            <li>
                <a href="#">
                    <i class='bx bxs-group'></i>
                    <span class="text">Our Team</span>
                </a>
            </li>
            <li>
                <a href="#" class="logout">
                    <i class='bx bxs-log-out-circle'></i>
                    <span class="text">Logout</span>
                </a>
            </li>
        </ul>
    </section>
    <!-- SIDEBAR -->


    <!-- CONTENT -->
    <section id="content">
        <!-- NAVBAR -->
        <nav>
            <i class='bx bx-menu'></i>
            <a href="#" class="nav-link">Categories</a>
            <form action="#">
                <div class="form-input">
                    <input type="search" placeholder="Search...">
                    <button type="submit" class="search-btn"><i class='bx bx-search'></i></button>
                </div>
            </form>
            <input type="checkbox" id="switch-mode" hidden>
            <label for="switch-mode" class="switch-mode"></label>
            <a href="#" class="notification">
                <i class='bx bxs-bell'></i>
                <span class="num">8</span>
            </a>
            <a href="#" class="profile">
                <img src="img/people.png">
            </a>
        </nav>
        <!-- NAVBAR -->

        <!-- MAIN -->
        <main>
            <div class="head-title">
                <div class="left">
                    <h1>Trial Balance</h1>
                    <ul class="breadcrumb">
                        <li>
                            <a href="#">Home</a>
                        </li>
                        <li><i class='bx bx-chevron-right'></i></li>
                        <li>
                            <a class="active" href="#">Trial Balance</a>
                        </li>
                    </ul>
                </div>
                <a href="#" class="btn-download" onClick="window.print(); return false;">
                    <i class='bx bxs-cloud-download'></i>
                    <span class="text">PRINT</span>
                </a>
            </div>

            <!--Content here-->
            <div class="companynamesection">
                <h4 class="companyname">Company Name: Araliya PVT Ltd -2021 </h4><br>
            </div>
            <!--tb area-->

            <div class="tbarea">
                <table class="tbtable" id="tbTable">
                    <caption class="bold" style="color: var(--dark);">Trial Balance</caption>
                    <tr>
                        <th>Description</th>
                        <th class="align_right ">Debit <small>(Rs.)</small></th>
                        <th class="align_right ">Credit <small>(Rs.)</small></th>
                    </tr>
<!--                    <tr>-->
<!--                        <td>Equity</td>-->
<!--                        <td></td>-->
<!--                        <td class="align_right">3000000.00</td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Cash</td>-->
<!--                        <td class="align_right">4021000.00</td>-->
<!--                        <td></td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Land</td>-->
<!--                        <td></td>-->
<!--                        <td class="align_right">500000.00</td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Office Expenses</td>-->
<!--                        <td class="align_right">45000.00</td>-->
<!--                        <td></td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Motor Vehicle</td>-->
<!--                        <td class="align_right">400000.00</td>-->
<!--                        <td></td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Sales</td>-->
<!--                        <td></td>-->
<!--                        <td class="align_right">1000000.00</td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>Purchase</td>-->
<!--                        <td class="align_right">34000.00</td>-->
<!--                        <td></td>-->
<!--                    </tr>-->
<!--                    <tr class="lastrow">-->
<!--                        <td></td>-->
<!--                        <td class="bold align_right ">4500000.00</td>-->
<!--                        <td class="bold align_right">4500000.00</td>-->
<!--                    </tr>-->
                </table>
            </div>
            <!--tb area-->


        </main>
        <!-- MAIN -->
    </section>
    <!-- CONTENT -->

    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
    <script src="tb.js"></script>
    <script src="script.js"></script>
</body>

</html>