<!DOCTYPE html>
<html>
<head>
<title>
List Extraction
</title>
<meta name="robots" content="noindex, nofollow" />
<style>
        body{font-family:Arial;color:#333}
		#list-1, #list-2, #list-3, #list-4{
			border: 2px solid #ddd;
			padding: 10px;
			margin-bottom: 10px;
		}
		.label{
			font-weight:bold;
			float: left;
		}
</style>
</head>		
<body>
<h1>List extraction</h1>
<h2>This example is used to extract the list with Data Scraping Studio</h2>

<div id="list-1">
  <div class="label">Name : </div><div class="name">Xiaomi Redmi 2 Prime</div>
  <div class="label">Brand : </div><div class="brand">Xiaomi</div>
  <div class="label">Color : </div><div class="color">Red</div>
  <div class="label">Price : </div><div class="price">$199</div>
</div>

<div id="list-2">
  <div class="label">Name : </div><div class="name">Asus Zenfone 2 Laser ZE550KL</div>
  <div class="label">Brand : </div><div class="brand">Asus</div>
  <div class="label">Color : </div><div class="color">Black</div>
  <div class="label">Price : </div><div class="price">$299</div>
</div>

<div id="list-3">
  <div class="label">Name : </div><div class="name">Intex Aqua Trend</div>
  <div class="label">Brand : </div><div class="brand">Intex</div>
  <div class="label">Color : </div><div class="color">White</div>
  <div class="label">Price : </div><div class="price">$230</div>
</div>

<div id="list-4">
  <div class="label">Name : </div><div class="name">Sony Xperia C5 Ultra Dual</div>
  <div class="label">Brand : </div><div class="brand">Sony</div>
  <div class="label">Color : </div><div class="color">Grey</div>
  <div class="label">Price : </div><div class="price">$147</div>
</div>

</body>
</html>