Scribd
Upload
51 views8 pages

Assignment 1 of HTML

The document contains three separate HTML templates: a chess board layout, a logistics form for Patliputra Logistics, and an employee registration form. Each template includes structured tables with specific styles and content relevant to their respective purposes. The logistics form includes details such as consignor and consignee information, while the employee registration form collects personal and professional data.

Uploaded by

mrsalvatore58
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
51 views8 pages

Assignment 1 of HTML

The document contains three separate HTML templates: a chess board layout, a logistics form for Patliputra Logistics, and an employee registration form. Each template includes structured tables with specific styles and content relevant to their respective purposes. The logistics form includes details such as consignor and consignee information, while the employee registration form collects personal and professional data.

Uploaded by

mrsalvatore58
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

--------------------------->>>> CHESS BOARD <<<<--------------------------------------------------------

<html>
<head>
<style>
td{
width:40px;
height:40px;

}
table{
border:2px solid black;
outline:2px solid black;
outline-offset: 15px;
margin:40px;
}
</style>
<body>
<table>
<tr>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
</tr>
<tr>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
</tr>
<tr>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
</tr>
<tr>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
</tr>
<tr>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
<td style="background-color: black;"></td>
<td></td>
</tr>

</table>
</body>
</head>
</html>

--------------------------->>>> PATLIPUTRA LOGISTICS<<<--------------------------------


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
<style>
table{
border:3px solid black;
margin:2cm auto;
border-collapse: collapse;
width: 1250px;
height: 600px;
}
tr,td{
border:2px solid black;
border-collapse: collapse;}
</style>
</head>
<body>

<table >
<caption>Subject to Patna Jurisdiction only</caption>
<tr>
<td colspan="5">
<h1 align="center">Patliputra Logistics</h1><br>
<h3 align="center">Adm.office:-Dumri Kothi,Ashok Raj Path,Patna-800001</h3><br>
<h5 align="center">BIHAR 800001
GSTIN:10AAFHS9990L1Z2</h5>

</td>

<td align="center">
<h3>LR NO:</h3>PL/D001/23/000001<BR>
<h3>Date:</h3>2023/03/20

</td>
</tr>
<tr>
<td align="center" colspan="2">

<h3>Consignor</h3>
<p> Hellow Sudhanshu Kumar, How are you and what<br>
do you do Hellow Sudhanshu Kumar,How are <br>
you and what do you do </p>

</td>

<td align="center"colspan="3">
<h3>Consignee</h3>
<p> Hellow Sudhanshu Kumar, How are you and what<br>
do you do Hellow Sudhanshu Kumar,How are <br>
you and what do you do </p>
</td>

<td >
<h3>From:</h3>Patna<br>
<h3>To:</h3>Delhi
</td>
</tr>
<tr>
<td align="center" rowspan="2" ><h3>No. of Pkgs</h3></td>
<td align="center" rowspan="2"><h3>Particulars of goods said to <br>contained</h3></td>
<td align="center"rowspan="2"><h3>Actual Weight</h3></td>
<td align="center"rowspan="2"><h3>Date</h3></td>
<td align="center"colspan="2"><h3>Amount</h3></td>

</tr>
<tr>

<td align="center">Rs.</td>
<td align="center">P.</td>
</tr>
<tr>
<td ></td>
<td ><H3>RBI GOODS</H3><br><h3>Invno:</h3>545656565654525<br>
<h3>Inv Date:</h3>2023/03/20<br>
<h3>Permit No:</h3>Attach</td>
<td align="center">Weight</td>
<td align="center">P.F<BR>
Loading<br>Ins.c<br>B Charg<br>
Total<br>Advance<br>Balance</td>
<td align="center">0<br>0<br>0<br>0<br>0</td>
<td align="center"></td>
</tr>
<tr>
<td align="center" colspan="2"><h3>Grand Total:</h3></td>

<td ></td>
<td ></td>
<td></td>
<td ></td>
</tr>
<tr>
<td align="center" colspan="2"><h3>Goods Value:</h3>4795865265656</td>

<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td align="center"colspan="2"><h3>Lorry No.:</h3>54562555656565</td>

<td></td>
<td></td>
<td ></td>
<td></td>
</tr>
<tr>
<td colspan="6"><h3>Transporter Name:</h3>Tours and travel <h3>Vehicle
Type:</h3>Pickup</td>

</tr>
</table>
Remark:-<br>Goods carried at owner’s risk insured with the company against specific
risk.<br>Owner’s responsibility for wrong declaration or goods octroi terminal Tax & other on-route for
other terms,see overleaf.

</body>
</html>

--------------------------->>>> EMPLOYEE REGISTRATION FORM<<<----------------------------

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
<style>

table{
border:3px solid black;
margin:1cm auto;
border-collapse: collapse;
width: 1250px;
height: 550px;
outline:3px solid black;
outline-offset: 15px;
}
tr,td{
border:2px solid black;
border-collapse: collapse;

}
</style>
</head>
<body>
<form>
<table>
<caption>EMPLOYEE REGISTRATION FORM</caption>
<tr >
<td align="center">Name:</td>
<td align="center"></td>
<td align="center">Gender</td>
<td align="center">
<input type="radio"name="Type">
<label>Male</label><br>
<input type="radio"name="Type">
<label>Female</label><br>
<input type="radio"name="Type">
<label>Other</label>
</td>
<td align="center">Date of birth</td>
<td width="100px"></td>
<td rowspan="4" align="center">Photo

</td>
</tr>
<tr>
<td align="center">Birthplace</td>
<td align="center"></td>
<td align="center">Political status</td>
<td></td>
<td align="center">Marital status</td>
<td></td>

</tr>
<tr>
<td align="center">Education</td>
<td align="center"></td>
<td align="center">Major</td>
<td></td>
<td align="center">Job title</td>
<td></td>

</tr>
<tr>
<td align="center">Height</td>
<td ></td>
<td align="center">ID number</td>
<td colspan="3" </td>

</tr>
<tr>
<td align="center">Graduated school</td>
<td colspan="3"></td>

<td align="center">Graduation time</td>


<td colspan="2" align="center"></td>

</tr>
<tr>
<td align="center">Contact number</td>
<td colspan="6"></td>

</tr>
<tr>
<td align="center">Address</td>
<td colspan="6"></td>
</tr>
<tr>
<td>Emergency contact number</td>
<td colspan="2"></td>

<td align="center">Relationship</td>
<td></td>
<td align="center">Tel</td>
<td></td>
</tr>
<tr>
<td>Telephone number</td>
<td colspan="6"></td>

</tr>
<tr>
<td rowspan="4" align="center">Skills</td>
<td align="center">Language skills</td>
<td></td>
<td colspan="3" align="center">Driving license</td>

<td align="center">Computer skills</td>


</tr>
<tr>

<td align="center">Other languages</td>


<td align="center">Type:
<input type="radio"name="Type">
<label >A</label>
<input type="radio"name="Type">
<label >B</label>
<input type="radio"name="Type">
<label >C</label>
<input type="radio"name="Type">
<label >D</label>
</td>
<td colspan="3" align="center">
<input type="radio"name="Type">
<label >Yes</label>
<input type="radio"name="Type">
<label >No</label>
</td>

<td rowspan="2"></td>
</tr>
<tr>

<td align="center">Skill level</td>


<td></td>
<td>Date of initial certification</td>
<td colspan="2" align="center" ></td>

</tr>
<tr>
<td align="center">Other skills</td>
<td colspan="5"></td>

</tr>
<tr>
<td rowspan="4" align="center">Family member</td>
<td align="center">Name</td>
<td align="center">Relationship</td>
<td colspan="3" align="center">Unit and position</td>

<td align="center">Contact number</td>


</tr>
<tr>

<td height="25px"></td>
<td></td>
<td colspan="3" align="center"></td>

<td></td>
</tr>
<tr>

<td height="25px"></td>
<td></td>
<td colspan="3" align="center"></td>

<td></td>
</tr>
<tr>

<td height="25px"></td>
<td></td>
<td colspan="3" align="center"></td>

<td></td>
</tr>
</table>

</form>
</body>
</html>

You might also like