<? xml version="1.0" encoding="utf-8" ?> 

<portfolio>

<thumbnail title="POS" imageurl="img/pos.jpg">

<type>Windows</type>

<client> New zealand </client>

<duration> 1 year </duration>

<description> POS loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum </description>

</thumbnail>

<thumbnail title="Milk Dairy" imageurl="img/milk.jpg">

<type>Android</type>

<client> Bangalore milk corp </client>

<duration> 6 months </duration>

<description> Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum Milk Loream Ipsum  </description>

</thumbnail>

<div class="row" id="thumb">

</div>

$get('portfolio.xml', function(d){

$(d).find('thumbnail').each(function()

{

      var $thumbnail=$(this);

      var imageurl=$thumbnail.attr('imageurl');

      var thumb=$('<div class="col-xs-6 col-md-3"> </div>');

      

      var ref = $('<a href="#" class="thumbnail"> </a>').appendTo(thumb);

      var img= $('<img src="+'imageurl'+" alt="image">').appendTo(ref);

     

      $(img).appendTo("#thumb");

      });

       });