<html>
	<head>
		<!--BOOTSTRAP-->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/css/AdminLTE.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/css/skins/_all-skins.min.css">
	</head>
	<body>
		<div class="cart-container">
			<div class="col-sm-4">
				<div class="box box-solid box-primary">
					<div class="box-header">
						this is item name
					</div>
					<div class="box-body">
						this is item image
					</div>
					<div class="box-footer text-center">
						<a href="javascript:payForItem()" class="btn btn-primary btn-lg">Checkout</a>
					</div>
				</div>
			</div>

			<div class="col-sm-4">
				<div class="box box-solid box-primary">
					<div class="box-header">
						this is item name
					</div>
					<div class="box-body">
						this is item image
					</div>
					<div class="box-footer text-center">
						<a href="javascript:payForItem()" class="btn btn-primary btn-lg">Checkout</a>
					</div>
				</div>
			</div>

			<div class="col-sm-4">
				<div class="box box-solid box-primary">
					<div class="box-header">
						this is item name
					</div>
					<div class="box-body">
						this is item image
					</div>
					<div class="box-footer text-center">
						<a href="javascript:payForItem()" class="btn btn-primary btn-lg">Checkout</a>
					</div>
				</div>
			</div>
		</div>
			

		<!--##################################### 	    JS		####################################################-->


		<!--BOOTSTRAP-->
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/js/app.min.js"></script>

		<!--CUSTOM-->
		<?php $this->load->view('payment/script'); ?>
	</body>
</html>