<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Centered Heading with Underline</title>
<style>
/* Center the heading */
.centered-heading {
text-align: center;
font-size: 20px; /* Adjust the font size as needed */
}
/* Underline style */
.underlined {
text-decoration: underline;
}
/* Center the table */
.centered-table {
margin: 0 auto;
border-collapse: collapse;
}
/* Style for table heading */
th {
font-weight: bold;
border: 1px solid black;
padding: 12px;
}
/* Style for table data cells */
td {
border: 1px solid black;
padding: 2px;
}
.left-aligned-table {
float: left;
margin-right: 20px; /* Adjust margin as needed */
border-collapse: collapse;
}
.left-aligned-table th,
.left-aligned-table td {
border: 1px solid black;
padding: 2px;
}
.right-aligned-table {
float: 25;
margin-left: 20px; /* Adjust margin as needed */
border-collapse: collapse;
}
.right-aligned-table th,
.right-aligned-table td {
border: 1px solid black;
padding: 2px;
}
.container {
border: 1px solid black;
padding: 20px;
width: 900px;
}
</style>
</head>
<body>
<div class="container">
<h1 class="centered-heading underlined">DAILY LEADERSHIP DASHBOARD</h1>
<h4 align="center"><b>04 March 2021</b></h4>
<table class="centered-table" border="1">
<tr>
<td colspan="4" align="center">Safety Report - For the Day (FTD)</td>
</tr>
<tr>
<th>Verticals</th>
<th>No. of unsafe situations</th>
<th>LTI</th>
<th>First Aid cases</th>
</tr>
<tr>
<td>Steel</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
</tr>
<tr>
<td>Minerals</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Port</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Agri</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
<tr>
<td>PAI</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
</tr>
<tr>
<td>TIVA</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
</tr>
<tr>
<td>FWB</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
</tr>
<tr>
<td>FLB</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
</tr>
<tr>
<td>Stryder</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
</tr>
<tr>
<td>Distribution</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
</tr>
</table>
<br>
<!-- Additional table aligned to the left -->
<table class="left-aligned-table" border="1">
<!-- First row (merged) -->
<tr>
<td colspan="4" style="text-align: center;">For the Day (FTD)</td>
</tr>
<!-- Row 2 (merged across columns 1-4) -->
<tr>
<td rowspan="2" style="text-align: center;">Verticals</td>
<td colspan="2" style="text-align: center;">Sales Volume</td>
<td rowspan="2" style="text-align: center;">Turnover (Rs. Cr)</td>
</tr>
<!-- Row 3 -->
<tr>
<td>UOM</td>
<td>Act.</td>
</tr>
<!-- Rows 4 to 11 -->
<tr>
<td>FWB</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
<tr>
<td>FLB</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
</tr>
<tr>
<td>PAI</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
</tr>
<tr>
<td>Bicycles</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
</tr>
<tr>
<td>TIVA</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
</tr>
<tr>
<td>Distribution**</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
</tr>
<tr>
<td>Steel</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
</tr>
<tr>
<td>Minerals</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
</tr>
<!-- Row 12 -->
<tr>
<td>Agri</td>
<td>Row 12</td>
<td>Row 12</td>
<td>Row 12</td>
</tr>
<!-- Row 13 (merged across columns 2 and 3) -->
<tr>
<td>TIL</td>
<td colspan="2" style="text-align: center;"> - NA - </td>
<td>Row 13</td>
</tr>
<tr>
<td colspan="8" style="text-align: left">
<h6 style="color:red">* This excludes STF sales and Eliminations<br>** Distribution numbers are unavailable on daily basis due to its ongoing ERP Migration</h6>
</td>
</tr>
</table>
<!-- Additional table aligned to the right -->
<table class="right-aligned-table" border="1">
<!-- Merged first row -->
<tr>
<td colspan="8" style="text-align: center;">For the Day (FTD)</td>
</tr>
<!-- Table headings -->
<tr>
<tr>
<td rowspan="2" style="text-align: center;">Verticals</td>
<td colspan="4" style="text-align: center;">Merged Columns 2 and 3</td>
<td colspan="3" style="text-align: center;">Merged Columns 2 and 3</td>
</tr>
</tr>
<!-- Rows -->
<tr>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
<tr>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
</tr>
<tr>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
</tr>
<tr>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
<td>Row 7</td>
</tr>
<tr>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
<td>Row 8</td>
</tr>
<tr>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
<td>Row 9</td>
</tr>
<tr>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
<td>Row 10</td>
</tr>
<tr>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
<td>Row 11</td>
</tr>
<tr>
<td>Row 12</td>
<td colspan="4" style="text-align: center;">Merged Columns 2 and 3</td>
<td>Row 12</td>
<td>Row 12</td>
<td>Row 12</td>
</tr>
<tr>
<td colspan="8" style="text-align: left">
<h6 style="color:red">* This excludes STF sales and Eliminations<br>** Distribution numbers are unavailable on daily basis due to its ongoing ERP Migration</h6>
</td>
</tr>
</table>
<br>
</div>
</body>
</html>