CODE FOR NABIL BANK DIVIDENT 2081/82

Posted on by admin

SOURCE CODE HTML CSS AND JAVASCRIPT COMBINED

DIVIDENT TABLE 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dividend Table</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f8f8f8;
            margin: 0;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .table-container {
            border: 2px solid red;
            padding: 10px;
            background-color: #fff;
            overflow-x: auto;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 90%;
            max-width: 1200px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
        }
        th, td {
            padding: 10px;
            text-align: center;
            border: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        td {
            background-color: #ffffff;
        }
        .closed-cell {
            background-color: #ffdddd;
            color: red;
            font-weight: bold;
        }
        .btn {
            padding: 10px 15px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 20px;
        }
        .btn:hover {
            background-color: #218838;
        }
    </style>
</head>
<body>

    <h1>Dividend Table</h1>
    <div class="table-container">
        <table>
            <thead>
                <tr>
                    <th>S.N.</th>
                    <th>Bonus Dividend(%)</th>
                    <th>Cash Dividend(%)</th>
                    <th>Total Dividend(%)</th>
                    <th>Announcement Date</th>
                    <th>Book Closure Date</th>
                    <th>Distribution Date</th>
                    <th>Bonus Listing Date</th>
                    <th>Fiscal Year</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>11.00</td>
                    <td>11.00</td>
                    <td>11.00</td>
                    <td>2023-11-23</td>
                    <td class="closed-cell">2023-12-15 [Closed]</td>
                    <td></td>
                    <td>2023-03-10</td>
                    <td>2079/2080</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>18.5</td>
                    <td>11.5</td>
                    <td>30.00</td>
                    <td>2022-12-12</td>
                    <td class="closed-cell">2023-01-02 [Closed]</td>
                    <td></td>
                    <td>2022-03-29</td>
                    <td>2078/2079</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>33.6</td>
                    <td>4.4</td>
                    <td>38.00</td>
                    <td>2021-11-03</td>
                    <td class="closed-cell">2021-12-31 [Closed]</td>
                    <td></td>
                    <td>2021-03-10</td>
                    <td>2077/2078</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>33.5</td>
                    <td>1.76</td>
                    <td>35.26</td>
                    <td>2020-12-22</td>
                    <td class="closed-cell">2020-12-30 [Closed]</td>
                    <td></td>
                    <td>2020-03-02</td>
                    <td>2076/2077</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>12.00</td>
                    <td>22.00</td>
                    <td>34.00</td>
                    <td>2019-12-17</td>
                    <td class="closed-cell">2019-12-24 [Closed]</td>
                    <td></td>
                    <td></td>
                    <td>2075/2076</td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>12.00</td>
                    <td>22.00</td>
                    <td>34.00</td>
                    <td>2019-02-18</td>
                    <td class="closed-cell">2019-02-26 [Closed]</td>
                    <td></td>
                    <td></td>
                    <td>2074/2075</td>
                </tr>
                <tr>
                    <td>7</td>
                    <td>30.00</td>
                    <td>18.00</td>
                    <td>48.00</td>
                    <td>2017-09-12</td>
                    <td class="closed-cell">2017-09-21 [Closed]</td>
                    <td></td>
                    <td></td>
                    <td>2073/2074</td>
                </tr>
                <tr>
                    <td>8</td>
                    <td>30.00</td>
                    <td>15.00</td>
                    <td>45.00</td>
                    <td>2016-09-21</td>
                    <td class="closed-cell">2016-09-29 [Closed]</td>
                    <td></td>
                    <td></td>
                    <td>2072/2073</td>
                </tr>
                <tr>
                    <td>9</td>
                    <td>30.00</td>
                    <td>6.842</td>
                    <td>36.842</td>
                    <td>2015-12-06</td>
                    <td class="closed-cell">2015-12-14 [Closed]</td>
                    <td>2015-12-28</td>
                    <td></td>
                    <td>2071/2072</td>
                </tr>
                <tr>
                    <td>10</td>
                    <td>20.00</td>
                    <td>45.00</td>
                    <td>65.00</td>
                    <td>2014-11-13</td>
                    <td class="closed-cell">2014-11-21 [Closed]</td>
                    <td>2014-12-02</td>
                    <td></td>
                    <td>2070/2071</td>
                </tr>
                <tr>
                    <td>11</td>
                    <td>25.00</td>
                    <td>40.00</td>
                    <td>65.00</td>
                    <td>2013-12-09</td>
                    <td class="closed-cell">2013-12-17 [Closed]</td>
                    <td>2013-12-28</td>
                    <td></td>
                    <td>2069/2070</td>
                </tr>
                <tr>
                    <td>12</td>
                    <td>20.00</td>
                    <td>40.00</td>
                    <td>60.00</td>
                    <td>2012-10-03</td>
                    <td class="closed-cell">2012-10-11 [Closed]</td>
                    <td>2012-10-30</td>
                    <td></td>
                    <td>2068/2069</td>
                </tr>
                <tr>
                    <td>13</td>
                    <td>0.00</td>
                    <td>30.00</td>
                    <td>30.00</td>
                    <td>2011-12-04</td>
                    <td class="closed-cell">2011-12-12 [Closed]</td>
                    <td>2011-12-20</td>
                    <td></td>
                    <td>2067/2068</td>
                </tr>
            </tbody>
        </table>
    </div>

    <button class="btn" onclick="downloadTable()">Download Table</button>

    <script>
        function downloadTable() {
            const table = document.querySelector('table');
            let csv = [];
            const rows = table.querySelectorAll('tr');

            for (let i = 0; i < rows.length; i++) {
                const row = [], cols = rows[i].querySelectorAll('td, th');

                for (let j = 0; j < cols.length; j++) {
                    row.push(cols[j].innerText);
                }
                csv.push(row.join(','));
            }

            const csvString = csv.join('\n');
            const blob = new Blob([csvString], { type: 'text/csv' });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.setAttribute('href', url);
            a.setAttribute('download', 'dividend_table.csv');
            a.click();
            URL.revokeObjectURL(url);
        }
    </script>
</body>
</html>
JavaScript

NEPSE CHART I FRAME 

<iframe src="https://nepsealpha.com/nepse-chart?symbol=NABIL" 
        title="NEPSE Chart for NABIL" 
        style="border:none; width:100%; height:600px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);"></iframe>
JavaScript

MAJOR INDICATOR

EPS

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https://www.canva.com/design/DAGVIiXMFho/5EL0v7kjne7rjl_W9fcnxA/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
</div>
<a href="https://www.canva.com/design/DAGVIiXMFho/5EL0v7kjne7rjl_W9fcnxA/view?utm_content=DAGVIiXMFho&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">
JavaScript

NET PROFIT 

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https://www.canva.com/design/DAGVIvNecKU/9GnmRcWcpEtyTNvmSYs35g/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
</div>
<a href="https://www.canva.com/design/DAGVIvNecKU/9GnmRcWcpEtyTNvmSYs35g/view?utm_content=DAGVIvNecKU&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">
JavaScript

EPS

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https://www.canva.com/design/DAGVIiXMFho/5EL0v7kjne7rjl_W9fcnxA/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
</div>
<a href="https://www.canva.com/design/DAGVIiXMFho/5EL0v7kjne7rjl_W9fcnxA/view?utm_content=DAGVIiXMFho&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">
JavaScript

IF YOU HAVE ANY FEEDBACK THEN COMMENT DOWN

Leave a Reply

Your email address will not be published. Required fields are marked *


error: Content is protected !!
Scroll to Top
MacroNepal
Verified by MonsterInsights