<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Table Creation</
title
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin
=
"anonymous"
>
<
style
type
=
"text/css"
>
div {
text-align: center;
}
#heading {
font-weight: 700;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"text-center display-4"
>Employee Table</
h1
>
<
div
class
=
"row border border-dark bg-success"
id
=
"heading"
>
<
div
class
=
"col-3 border border-dark"
>EmpId</
div
>
<
div
class
=
"col-3 border border-dark"
>EmpName</
div
>
<
div
class
=
"col-3 border border-dark"
>EmpDept</
div
>
<
div
class
=
"col-3 border border-dark"
>EmpSalary</
div
>
</
div
>
<
div
class
=
"row border border-dark"
>
<
div
class
=
"col border border-dark"
>101</
div
>
<
div
class
=
"col border border-dark"
>Joe</
div
>
<
div
class
=
"col border border-dark"
>Development</
div
>
<
div
class
=
"col border border-dark"
>50000</
div
>
</
div
>
<
div
class
=
"row border border-dark bg-info"
>
<
div
class
=
"col border border-dark"
>102</
div
>
<
div
class
=
"col border border-dark"
>Mary</
div
>
<
div
class
=
"col border border-dark"
>Testing</
div
>
<
div
class
=
"col border border-dark"
>30000</
div
>
</
div
>
<
div
class
=
"row border border-dark"
>
<
div
class
=
"col border border-dark"
>103</
div
>
<
div
class
=
"col border border-dark"
>Beck</
div
>
<
div
class
=
"col border border-dark"
>Analyst</
div
>
<
div
class
=
"col border border-dark"
>40000</
div
>
</
div
>
<
div
class
=
"row border border-dark bg-info"
>
<
div
class
=
"col border border-dark"
>104</
div
>
<
div
class
=
"col border border-dark"
>Candace</
div
>
<
div
class
=
"col border border-dark"
>Development</
div
>
<
div
class
=
"col border border-dark"
>45000</
div
>
</
div
>
</
div
>
</
body
>
</
html
>