Scribd
Upload
655 views

Bootstrap Assignment

The document instructs the creation of HTML pages using Bootstrap for a web page image, a form, and a table. It provides the HTML code to create a table with 4 columns and at least 6 rows with styling and different row classes.

Uploaded by

Divya Chhabra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
655 views

Bootstrap Assignment

The document instructs the creation of HTML pages using Bootstrap for a web page image, a form, and a table. It provides the HTML code to create a table with 4 columns and at least 6 rows with styling and different row classes.

Uploaded by

Divya Chhabra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Bootstrap Assignment

1. Create HTML for web-page.jpg on bootstrap

2. Create HTML for form.png on bootstrap

--->> The form I created


--->> My HTML code
---->> My CSS code
3. Write the HTML code to create a table in which there are 4
columns( ID , Employee Name, Designation, Department) and at
least 6 rows. Also do some styling to it.

<div class="table-responsive">
<table border=1 class="table table-striped table-bordered table-hover
table-sm">

<thead>
<tr class="table-primary">
<th>ID</th>
<th>Employee Name</th>
<th>Designation</th>
<th>Department</th>
</tr>
</thead>

<tbody>
<tr style="background:violet">
<td>101</td>
<td>Rahul</td>
<td>Business Analyst</td>
<td>Quality Engineering</td>
</tr>
<tr class="table-info">
<td>102</td>
<td>Prashant</td>
<td>Software Engineer</td>
<td>Devops</td>
</tr>
<tr class="table-warning">
<td>103</td>
<td>Pulkit</td>
<td>Product Manager</td>
<td>OTT</td>
</tr>
<tr class="table-success">
<td>104</td>
<td>Sushant</td>
<td>HR Spoc</td>
<td>HR Department</td>
</tr>
<tr class="table-secondary">
<td>105</td>
<td>Kriti</td>
<td>Senior Software Engineer</td>
<td>Javascript</td>
</tr>
<tr class="table-danger">
<td>106</td>
<td>Pooja</td>
<td>Product Owner</td>
<td>Quality Engineer</td>
</tr>
</tbody>
<tfoot>
<tr class="table-primary">
<td>Copyright</td>
<td> @ TTN </td>
</tr>
</tfoot>
</table>

You might also like