G
GIES

Gogies 3D Bread crumbs

red color (.red)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="red" ><i class="fa-home"></i> home</a>
	<a href="#" class="red"><i class="fa-random"></i> Compare</a>
	<a href="#" class="red"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="red" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="red"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="red" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

blue color (.blue)



Code:

<div class="breadcrumb ">
	<a href="#" class="blue" ><i class="fa-home"></i> home</a>
	<a href="#" class="blue"><i class="fa-random"></i> Compare</a>
	<a href="#" class="blue"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="blue" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="blue"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="blue" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

orange color (.orange)



Code:

<div class="breadcrumb ">
	<a href="#" class="orange" ><i class="fa-home"></i> home</a>
	<a href="#" class="orange"><i class="fa-random"></i> Compare</a>
	<a href="#" class="orange"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="orange" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="orange"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="orange" ><i class="fa-send-o"></i> Checkout</a>
</div>
    		  

green color (.green)



Code:

			  
<div class="breadcrumb ">
	<a href="#" class="green" ><i class="fa-home"></i> home</a>
	<a href="#" class="green"><i class="fa-random"></i> Compare</a>
	<a href="#" class="green"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="green" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="green"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="green" ><i class="fa-send-o"></i> Checkout</a>
</div>
    		  

yellow color (.yellow)



Code:

			  
<div class="breadcrumb ">
	<a href="#" class="yellow" ><i class="fa-home"></i> home</a>
	<a href="#" class="yellow"><i class="fa-random"></i> Compare</a>
	<a href="#" class="yellow"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="yellow" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="yellow"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="yellow" ><i class="fa-send-o"></i> Checkout</a>
</div>
    		  

charcoal color (.charcoal)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="charcoal" ><i class="fa-home"></i> home</a>
	<a href="#" class="charcoal"><i class="fa-random"></i> Compare</a>
	<a href="#" class="charcoal"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="charcoal" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="charcoal"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="charcoal" ><i class="fa-send-o"></i> Checkout</a>
</div>
    		  

black color (.black)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="black" ><i class="fa-home"></i> home</a>
	<a href="#" class="black"><i class="fa-random"></i> Compare</a>
	<a href="#" class="black"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="black" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="black"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="black" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

grey color (.grey)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="grey" ><i class="fa-home"></i> home</a>
	<a href="#" class="grey"><i class="fa-random"></i> Compare</a>
	<a href="#" class="grey"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="grey" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="grey"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="grey" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

white color (.white)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="white" ><i class="fa-home"></i> home</a>
	<a href="#" class="white"><i class="fa-random"></i> Compare</a>
	<a href="#" class="white"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="white" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="white"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="white" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

info color (.info)



Code:
			  
<div class="breadcrumb ">
	<a href="#" class="info" ><i class="fa-home"></i> home</a>
	<a href="#" class="info"><i class="fa-random"></i> Compare</a>
	<a href="#" class="info"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="info" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="info"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="info" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

success color (.success)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="success" ><i class="fa-home"></i> home</a>
	<a href="#" class="success"><i class="fa-random"></i> Compare</a>
	<a href="#" class="success"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="success" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="success"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="success" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

alert color (.alert)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="alert" ><i class="fa-home"></i> home</a>
	<a href="#" class="alert"><i class="fa-random"></i> Compare</a>
	<a href="#" class="alert"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="alert" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="alert"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="alert" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

warning color (.warning)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="warning" ><i class="fa-home"></i> home</a>
	<a href="#" class="warning"><i class="fa-random"></i> Compare</a>
	<a href="#" class="warning"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="warning" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="warning"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="warning" ><i class="fa-send-o"></i> Checkout</a>
</div>
    		  

error color (.error)



Code:
	  
<div class="breadcrumb ">
	<a href="#" class="error" ><i class="fa-home"></i> home</a>
	<a href="#" class="error"><i class="fa-random"></i> Compare</a>
	<a href="#" class="error"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="error" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="error"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="error" ><i class="fa-send-o"></i> Checkout</a>
</div>
    	

Multi color



Code:

		    <div class="breadcrumb ">
	<a href="#" class="blue" ><i class="fa-home"></i> home</a>
	<a href="#" class="active"><i class="fa-random"></i> Compare</a>
	<a href="#" class="orange"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="blue" ><i class="fa-send-o"></i> Checkout</a>
    	<a href="#" class="red"><i class="fa-random"></i> Compare</a>
	<a href="#" class="yellow"><i class="fa-server"></i> Order Confirmation</a>
	<a href="#" class="charcoal" ><i class="fa-send-o"></i> Checkout</a>
</div>