Invoice App Template

by touchdie

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title> </title>
	<link rel="stylesheet" href="">
	<script src=""></script>




<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script>


<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

<script src="https://unpkg.com/vue"></script>

</head>
<body>



<div class="container container-fluid"  >
	<div class="row">
		<div class="col-md-12 text-center">
			<h2>Create a New Invoice</h2>
		</div>
	</div>
	<div class="invoice_body"   id="app" >
	

		<form>
		  <div class="form-row" >
		    <div class="form-group col-md-6" style="margin-bottom: 0px">
		
		  



		    	<div class="form-row">
		    		<div class="col-md-12">
		    			
		    		</div>
		    		<div class="col-md-12">
				       <div class="form-group"> 
					       <label for="client_name">CLIENT</label>
					      <input type="text" class="form-control" id="client_name" placeholder="Packt Publishing" >
				      </div>
				      <div class="form-group"> 
					      <label for="inputCity">Due Date</label>
					      <input type="date" class="form-control" id="inputCity">
				      </div>
		    		</div>
		    	</div>

		 
		    </div>
		    <div class="form-group col-md-6">
		      <label for="client_name">NOTES</label>
		       <textarea class="form-control" rows="5" id="comment"></textarea>
		    </div>
		  </div>

			<br>
			<div  id="items_data">
				<div class="row " style="background: #e8e8e8">
					<div class="col-md-2...

CSS

.invoice_body.well{
  		border-style: ridge;
  		background-color: #d7ece3;
  	}