<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container-fluid mt-3 mb-4">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-9 px-0 pr-lg-2 mb-2 mb-lg-0">
<div class="card border-light bg-white card proviewcard shadow-sm">
<div class="card-header">My Cart</div>
<div class="card-body">
<div class="col-lg-12 p-3 cardlist">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-4 col-lg-3 col-xl-2">
<div class="row">
<a href="cateview.php" class="w-100">
<img src="http://placehold.it/100x100" class="mx-auto d-block mb-1 addcartimg">
</a>
</div>
</div>
<div class="col-8 col-lg-9 col-xl-10">
<div class="d-block text-truncate mb-1">
<a href="cateview.php" class="cartproname">Pure Refined Sugar</a>
</div>
<div class="seller d-block">
<span>Seller: </span>
<span>SELL010</span>
</div>
<div class="cartviewprice d-block">
