chunlin-pan/index.html

## index.html
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="chrome">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="main.css">

</head>
<body>
    <div class="right">
        <h1>Rightside</h1>

        <label for="id" class="col-lg-2 control-label">ID</label>
        <input id="id" type="text">

        <label for="buyer" class="col-lg-2 control-label">Buyer</label>
        <input id="buyer" type="text">

        <label for="seller" class="col-lg-2 control-label">Seller</label>
        <input id="seller" type="text">

        <label for="name" class="col-lg-2 control-label">Name</label>
        <input id="name" type="text">

        <label for="quantity" class="col-lg-2 control-label">Quantity</label>
        <input id="quantity" type="text">

        <label for="unit_price" class="col-lg-2 control-label">Unit Price</label>
        <input id="unit_price" type="text">

        <label for="total_value" class="col-lg-2 control-label">Total Value</label>
        <input id="total_value" type="text">

        <label for="time_of_shipment" class="col-lg-2 control-label">Time of Shipment</label>
        <input id="time_of_shipment" type="text">

        <label for="port_of_dest" class="col-lg-2 control-label">Port of Dest</label>
        <input id="port_of_dest" type="text">

        <label for="pay_detail" class="col-lg-2 control-label">Pay Datail</label>
        <input id="pay_detail" type="text">

        <label for="total_value" class="col-lg-2 control-label">Total Value</label>
        <input id="total_value" type="text">

        <label for="inspection" class="col-lg-2 control-label">Inspection</label>
        <input id="inspection" type="text">

        <button id="enter">ENTER</button>
    </div>

    <div class="left">
        <h1>Leftside</h1>

        <label for="exporter_address" class="col-lg-2 control-label">Exportor address</label>
        <input id="exporter_address" type="text">

        <label for="importer_address" class="col-lg-2 control-label">Importer address</label>
        <input id="importer_address" type="text">

        <label for="bank_address" class="col-lg-2 control-label">Bank address</label>
        <input id="bank_address" type="text">

        <button id="enter">ENTER</button>
    </div>


</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="chrome">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="main.css">

	</head>
	<body>
	<div class="right">
	<h1>Rightside</h1>

	<label for="id" class="col-lg-2 control-label">ID</label>
	<input id="id" type="text">

	<label for="buyer" class="col-lg-2 control-label">Buyer</label>
	<input id="buyer" type="text">

	<label for="seller" class="col-lg-2 control-label">Seller</label>
	<input id="seller" type="text">

	<label for="name" class="col-lg-2 control-label">Name</label>
	<input id="name" type="text">

	<label for="quantity" class="col-lg-2 control-label">Quantity</label>
	<input id="quantity" type="text">

	<label for="unit_price" class="col-lg-2 control-label">Unit Price</label>
	<input id="unit_price" type="text">

	<label for="total_value" class="col-lg-2 control-label">Total Value</label>
	<input id="total_value" type="text">

	<label for="time_of_shipment" class="col-lg-2 control-label">Time of Shipment</label>
	<input id="time_of_shipment" type="text">

	<label for="port_of_dest" class="col-lg-2 control-label">Port of Dest</label>
	<input id="port_of_dest" type="text">

	<label for="pay_detail" class="col-lg-2 control-label">Pay Datail</label>
	<input id="pay_detail" type="text">

	<label for="total_value" class="col-lg-2 control-label">Total Value</label>
	<input id="total_value" type="text">

	<label for="inspection" class="col-lg-2 control-label">Inspection</label>
	<input id="inspection" type="text">

	<button id="enter">ENTER</button>
	</div>

	<div class="left">
	<h1>Leftside</h1>

	<label for="exporter_address" class="col-lg-2 control-label">Exportor address</label>
	<input id="exporter_address" type="text">

	<label for="importer_address" class="col-lg-2 control-label">Importer address</label>
	<input id="importer_address" type="text">

	<label for="bank_address" class="col-lg-2 control-label">Bank address</label>
	<input id="bank_address" type="text">

	<button id="enter">ENTER</button>
	</div>




	</body>
	</html>