
<div class="card">
	<div class="card-body">
		<h3>General</h3>
		<div class="row">
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Heading Text Color</label>
					<input type="color" class="form-control form-control-color" v-model="desHdTextColor"/>
				</div>	
			</div>
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Product Title Color</label>
					<input type="color" class="form-control form-control-color" v-model="desPrTextColor"/>
				</div>	
			</div>
		</div>
		<hr/>
		<h3>Buy now</h3>
		<div class="row">
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Background Color</label>
					<input type="color" class="form-control form-control-color" v-model="desBnBgColor"/>
				</div>	
			</div>
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Text Color</label>
					<input type="color" class="form-control form-control-color" v-model="desBnTextColor"/>
				</div>	
			</div>
		</div><!--End Row-->
		<hr/>
		<h3>Product</h3>
		<div class="row">
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Product Background Color</label>
					<input type="color" class="form-control form-control-color" v-model="desProBgColor"/>
				</div>	
			</div>
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Product Border Color</label>
					<input type="color" class="form-control form-control-color" v-model="desProBorderColor"/>
				</div>	
			</div>
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Price Color</label>
					<input type="color" class="form-control form-control-color" v-model="desPriceColor"/>
				</div>	
			</div>
			<div class="col-md-6">
				<div class="mb-1">
					<label class="form-label">Discount Price Color</label>
					<input type="color" class="form-control form-control-color" v-model="desDiscountPriceColor"/>
				</div>	
			</div>
		</div><!--End Row-->
	</div>	
</div>