cornford-michael icon

ui-86

cornford-michael | PRO | 10/02/17 03:10:18 AM UTC | 0 ⭐ | 957 👁️ | Never ⏰ | []
text |

7.6 KB

|

None

|

0 👍

/

0 👎

Raw Download Clone Embed Print View 
<div class="ui-86">
 			<div class="container-fluid">
 				<div class="row">
					<div class="col-md-3 col-sm-4 col-padd bg-red">
						<!-- UI Item -->
						<div class="ui-item bg-red">
							<!-- Heading -->
							<h4>Design <span class="badge">95</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Download</a></li>
								<li><a href="#">Games</a></li>
								<li><a href="#">Payments</a></li>
								<li><a href="#">Money</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-blue">
						<!-- UI Item -->
						<div class="ui-item bg-blue">
							<!-- Heading -->
							<h4>Development <span class="badge">10</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Babulal</a></li>
								<li><a href="#">Congress</a></li>
								<li><a href="#">Singala</a></li>
								<li><a href="#">Mobile</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-green">
						<!-- UI Item -->
						<div class="ui-item bg-green">
							<!-- Heading -->
							<h4>Graphics <span class="badge">15</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Tablet</a></li>
								<li><a href="#">Water Bottle</a></li>
								<li><a href="#">Paytm</a></li>
								<li><a href="#">Payments</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-lblue">
						<!-- UI Item -->
						<div class="ui-item bg-lblue">
							<!-- Heading -->
							<h4>Polygraph <span class="badge">20</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Credit Card</a></li>
								<li><a href="#">Cordless</a></li>
								<li><a href="#">Handbag</a></li>
								<li><a href="#">File Case</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-orange">
						<!-- UI Item -->
						<div class="ui-item bg-orange">
							<!-- Heading -->
							<h4>Afghan <span class="badge">25</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Wallet</a></li>
								<li><a href="#">Hankey</a></li>
								<li><a href="#">Notebook</a></li>
								<li><a href="#">Windows</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-yellow">
						<!-- UI Item -->
						<div class="ui-item bg-yellow">
							<!-- Heading -->
							<h4>Indiana <span class="badge badge-yellow">30</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Curtains</a></li>
								<li><a href="#">Table</a></li>
								<li><a href="#">Chair</a></li>
								<li><a href="#">Beautiful</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-brown">
						<!-- UI Item -->
						<div class="ui-item bg-brown">
							<!-- Heading -->
							<h4>Sri Lanka <span class="badge">35</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Volkswagan</a></li>
								<li><a href="#">Maruthi</a></li>
								<li><a href="#">Honda Cars</a></li>
								<li><a href="#">Activa Bike</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-rose">
						<!-- UI Item -->
						<div class="ui-item bg-rose">
							<!-- Heading -->
							<h4>North Korea <span class="badge">40</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Pulsar</a></li>
								<li><a href="#">Unicorn</a></li>
								<li><a href="#">Santa Clause</a></li>
								<li><a href="#">No Money</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-purple">
						<!-- UI Item -->
						<div class="ui-item bg-purple">
							<!-- Heading -->
							<h4>South Korea <span class="badge">45</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Download</a></li>
								<li><a href="#">Games</a></li>
								<li><a href="#">Payments</a></li>
								<li><a href="#">Money</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-red">
						<!-- UI Item -->
						<div class="ui-item bg-red">
							<!-- Heading -->
							<h4>Soviet Union <span class="badge">50</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Babulal</a></li>
								<li><a href="#">Congress</a></li>
								<li><a href="#">Singala</a></li>
								<li><a href="#">Mobile</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-green">
						<!-- UI Item -->
						<div class="ui-item bg-green">
							<!-- Heading -->
							<h4>America <span class="badge">55</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Tablet</a></li>
								<li><a href="#">Water Bottle</a></li>
								<li><a href="#">Paytm</a></li>
								<li><a href="#">Payments</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-lblue">
						<!-- UI Item -->
						<div class="ui-item bg-lblue">
							<!-- Heading -->
							<h4>Canada <span class="badge">60</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Credit Card</a></li>
								<li><a href="#">Cordless</a></li>
								<li><a href="#">Handbag</a></li>
								<li><a href="#">File Case</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-blue">
						<!-- UI Item -->
						<div class="ui-item bg-blue">
							<!-- Heading -->
							<h4>Johnson <span class="badge">65</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Wallet</a></li>
								<li><a href="#">Hankey</a></li>
								<li><a href="#">Notebook</a></li>
								<li><a href="#">Windows</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-orange">
						<!-- UI Item -->
						<div class="ui-item bg-orange">
							<!-- Heading -->
							<h4>Manoroma <span class="badge">70</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Curtains</a></li>
								<li><a href="#">Table</a></li>
								<li><a href="#">Chair</a></li>
								<li><a href="#">Beautiful</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-yellow">
						<!-- UI Item -->
						<div class="ui-item bg-yellow">
							<!-- Heading -->
							<h4>Vijaykanth <span class="badge">75</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Volkswagan</a></li>
								<li><a href="#">Maruthi</a></li>
								<li><a href="#">Honda Cars</a></li>
								<li><a href="#">Activa Bike</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-4 col-padd bg-rose">
						<!-- UI Item -->
						<div class="ui-item bg-rose">
							<!-- Heading -->
							<h4>Valmiki <span class="badge">80</span></h4>
							<!-- Unordered list -->
							<ul class="list-unstyled">
								<li><a href="#">Pulsar</a></li>
								<li><a href="#">Unicorn</a></li>
								<li><a href="#">Santa Clause</a></li>
								<li><a href="#">No Money</a></li>
							</ul>
						</div>
					</div>
				</div>
 			</div>
 		</div>

Comments