<div class=" dap_frontend_wrapper_outer inpage_template single_col_newdata"  style="width:700px; float:none;">
	<div class="dap_wrapper dap_frontend_wrapper dap_single_column_outer  "  style=" max-width:100%;background-color:#ffffff;border-style:solid;border-width:2px;border-color:#dcdcdc">
		<div class="row">
			<div class="col-lg-12">
				<div class="dap_single_column product_item" >
					<div class="dap_porductimg_and_porductdetail">
						<div class="product_img" style="width:200px">
							<img class="backend_visibility"  src="%%IMAGESPATH%%"  >
							<a href="%%PRODUCTIMAGEURLINKEDTO%%"  ><img class="frontend_visibility" style="display:%%FRONTPROIMG%%" src="%%PRODUCT_IMAGE%%" 
							 ></a>
						</div>
						<div class="product_item_details">
							<div class="product_name">
								<h3 class="backend_visibility prod_name notallowtoedit_cls dap_member_tiny_editor" style="display:%%BACKPRONAME%%">Product Name</h3>
								<a href="%%SALESURL%%" target="_blank" ><h3 class="frontend_visibility prod_name" style="display:%%FRONTPRONAME%%">%%PRODUCT_NAME%%</h3></a>
							</div>
							<div class="access_dates" style="display:%%ACCESSSTARTVISIBILITY%%">
								<div class=" start_end_date access_start_date">
									<h5 class="dap_member_tiny_editor"> Access Start Date: </h5> <div class="backend_visibility dap_member_tiny_editor notallowtoedit_cls">2019-07-14</div><div class="frontend_visibility ">%%ASD%%</div>
								 </div> 
								<div  class=" start_end_date access_end_date">
									<h5 class="dap_member_tiny_editor"> Access End Date: </h5> <div class="backend_visibility dap_member_tiny_editor notallowtoedit_cls">9999-12-30</div> <div class="frontend_visibility ">%%AED%%</div> 
								</div> 
							</div> 
							<div class="product_description">
								<p class="backend_visibility dap_member_tiny_editor notallowtoedit_cls" style="display:%%BACKPRODESC%%">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
								<p class="frontend_visibility" style="display:%%FRONTPRODESC%%">%%PRODUCT_DESC%%</p>
								 
							</div> 
							
							<div class="dap_btn_container " style="display:none">
								<div class="btn access_content access_content_btn dap_member_tiny_editor" style="background-color: #17a2b8;">Access Your Content</div>
							</div>
						</div>
					</div>
				
				</div>
				
				 
				<div class="dap_member_content_table" id="dap_customize_template_content">
					
					<table class="table w-100 mb-0 table-striped">
						<thead> 
							<tr class="headerIndividual">
								<td class="individualLeft dap_member_tiny_editor">Available Content</td>
							</tr>
								 
						</thead>
						<tbody>
							<tr class="frontend_visibility">
								<td>
									%%INDIVIDUALITEMSAVAIBLE%%
								</td>
							</tr>
							<tr class="backend_visibility firstchild">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor notallowtoedit_cls">Lorem Ipsum is simply dummy text</div></label>
									 <div class="click_to_start_btn click_to_start"> <div class="dap_member_tiny_editor" style="background-color:#18cba3"> Click to Start</div> </div> 
								</td>
							</tr>			
							<tr class="backend_visibility">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor1 notallowtoedit_cls">Lorem Ipsum is simply dummy text</div></label>
									 <div class="click_to_start_btn "> <div class="dap_member_tiny_editor1" style="background-color:#18cba3"> Click to Start</div> </div> 
								</td>
							</tr>							 	
							<tr class="backend_visibility">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor1 notallowtoedit_cls">Lorem Ipsum is simply dummy text</div></label>
									 <div class="click_to_start_btn "> <div class="dap_member_tiny_editor1" style="background-color:#18cba3"> Click to Start</div> </div> 
								</td>
							</tr>				
						</tbody>	
					</table>
				</div> 
				
				<div class="dap_member_content_table" id="dap_customize_template_content_upcoming">
						
					<table class="table w-100 mb-0 table-striped">
						<thead style="background-color: #e0e0e0;">
							<tr class="headerIndividual">
								<td class="individualLeft dap_member_tiny_editor">Upcoming Content</td>
								<td width="120" class="individualLeft dap_member_tiny_editor">In Days</td>
							</tr>
					
						</thead>
						<tbody>
							<tr class="frontend_visibility">
								<td colspan="2">
									%%INDIVIDUALITEMSUPCOMING%%
								</td>
								 
							</tr>	
							<tr class="backend_visibility firstchild">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor notallowtoedit_cls">Lorem Ipsum has been the</div></label>
								</td>
								<td>
								<div class="upcoming_days"><div class="dap_member_tiny_editor notallowtoedit_cls">4 Days</div></div>
								</td>
							</tr>		
							<tr class="backend_visibility">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor1 notallowtoedit_cls">Lorem Ipsum has been the</div></label>
								</td>
								<td>
									<div class=""><div class="dap_member_tiny_editor1 notallowtoedit_cls">2 Days</div></div>
								</td>
							</tr>						 		
							<tr class="backend_visibility">
								<td>
									<label class="check_icon "><i class="fa fa-check-square"></i> <div class="dap_member_tiny_editor1 notallowtoedit_cls">Lorem Ipsum has been the</div></label>
								</td>
								<td>
									<div class=""><div class="dap_member_tiny_editor1 notallowtoedit_cls">5 Days</div></div>
								</td>
							</tr>		
						</tbody>	
					</table>
				</div>
				
				
			</div> 
		</div> 
		
		
	</div>
</div>
