hair-color5
    <div class="news-product-grid">
	<h2 class="subtitle">Hair Color</h2>
    <div id="container">
            
      
	      <div class="element">
               	           
<a href="https://www.5050.pk/hair-color-17480" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/WhatsApp_Image_2021-04-01_at_1_16_46_AM.jpeg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/hair-color-17480" title="MARIA B KIDS LAWN">
		  
		  MARIA B KIDS LAWN</a> </h3>
                              
         <div class="price-box">

                      

						
                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">2250 PKR</span> </p>

                        
                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <form name="frmProduct17480" id="frmProduct17480" method="post" action="https://www.5050.pk/cart/add">

              <button type="submit" title="Buy Now" class="button btn-cart" ><span><span>Buy Now</span></span></button>
                      <input type="hidden" name="categorySlug" id="categorySlug" value="hair-color" />

                      <input type="hidden" name="productId" id="productId" value="17480" />

              </form>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/t-shirt-16940" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/K_(1).jpeg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/t-shirt-16940" title="T-Shirt">
		  
		  T-Shirt</a> </h3>
                              
         <div class="price-box">

                      

						
                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">1800 PKR</span> </p>

                        
                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <form name="frmProduct16940" id="frmProduct16940" method="post" action="https://www.5050.pk/cart/add">

              <button type="submit" title="Buy Now" class="button btn-cart" ><span><span>Buy Now</span></span></button>
                      <input type="hidden" name="categorySlug" id="categorySlug" value="hair-color" />

                      <input type="hidden" name="productId" id="productId" value="16940" />

              </form>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/asim-jofa-shadow-work-23138" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/1692801115_ajsw-09.jpg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/asim-jofa-shadow-work-23138" title="ajsw 09">
		  
		  ajsw 09</a> </h3>
                              
         <div class="price-box">

                      


                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">6350 PKR</span> </p>


                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <a href="https://www.5050.pk/hair-color-23138" title="ajsw 09" class="product-image">

              <button type="button" title="Buy Now" class="button btn-cart" ><span><span>Detail</span></span></button>

              </a>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/kids-16949" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/K_(9).jpeg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/kids-16949" title="T-Shirt">
		  
		  T-Shirt</a> </h3>
                              
         <div class="price-box">

                      

						
                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">2400 PKR</span> </p>

                        
                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <form name="frmProduct16949" id="frmProduct16949" method="post" action="https://www.5050.pk/cart/add">

              <button type="submit" title="Buy Now" class="button btn-cart" ><span><span>Buy Now</span></span></button>
                      <input type="hidden" name="categorySlug" id="categorySlug" value="hair-color" />

                      <input type="hidden" name="productId" id="productId" value="16949" />

              </form>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/asim-jofa-vasl-e-yaar-23053" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/1691568808_1.jpg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/asim-jofa-vasl-e-yaar-23053" title="AJVY-03">
		  
		  AJVY-03</a> </h3>
                              
         <div class="price-box">

                      


                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">12450 PKR</span> </p>


                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <a href="https://www.5050.pk/hair-color-23053" title="AJVY-03" class="product-image">

              <button type="button" title="Buy Now" class="button btn-cart" ><span><span>Detail</span></span></button>

              </a>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/sobia-nazir-vital-21823" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/1677483056_2.jpg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/sobia-nazir-vital-21823" title="3A">
		  
		  3A</a> </h3>
                              
         <div class="price-box">

                      

						
                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">5200 PKR</span> </p>

                        
                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <form name="frmProduct21823" id="frmProduct21823" method="post" action="https://www.5050.pk/cart/add">

              <button type="submit" title="Buy Now" class="button btn-cart" ><span><span>Buy Now</span></span></button>
                      <input type="hidden" name="categorySlug" id="categorySlug" value="hair-color" />

                      <input type="hidden" name="productId" id="productId" value="21823" />

              </form>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/hussain-rehar-karandi-23342" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/A165.jpg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/hussain-rehar-karandi-23342" title="Aureate">
		  
		  Aureate</a> </h3>
                              
         <div class="price-box">

                      


                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">18900 PKR</span> </p>


                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <a href="https://www.5050.pk/hair-color-23342" title="Aureate" class="product-image">

              <button type="button" title="Buy Now" class="button btn-cart" ><span><span>Detail</span></span></button>

              </a>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/hair-color-17396" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/F_(2)2.jpeg" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/hair-color-17396" title="MARIA B KIDS LAWN">
		  
		  MARIA B KIDS LAWN</a> </h3>
                              
         <div class="price-box">

                      

						
                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">2100 PKR</span> </p>

                        
                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <form name="frmProduct17396" id="frmProduct17396" method="post" action="https://www.5050.pk/cart/add">

              <button type="submit" title="Buy Now" class="button btn-cart" ><span><span>Buy Now</span></span></button>
                      <input type="hidden" name="categorySlug" id="categorySlug" value="hair-color" />

                      <input type="hidden" name="productId" id="productId" value="17396" />

              </form>

              
            </div>

            

            

        </div>
      </div>

      <div class="element">
               	           
<a href="https://www.5050.pk/maryam-hussain-brides-23776" class="product-image"><img class="img-border" src="https://www.5050.pk/uploaded/product/profile/E185.JPG" alt="Hair Color" /></a>
        <div class="product-info">
          <h3 class="product-name"><a href="https://www.5050.pk/maryam-hussain-brides-23776" title="Shroom (MS23-538)">
		  
		  Shroom (MS23-538)</a> </h3>
                              
         <div class="price-box">

                      


                  			<p class="price-from"> <span class="price-label">Price:</span> <span class="price">40000 PKR</span> </p>


                    
                    </div> 
          
          
        </div>
        <div class="wrapper-actions">
                    
			
            

            

            <div class="actions">

              <a href="https://www.5050.pk/hair-color-23776" title="Shroom (MS23-538)" class="product-image">

              <button type="button" title="Buy Now" class="button btn-cart" ><span><span>Detail</span></span></button>

              </a>

              
            </div>

            

            

        </div>
      </div>

      
    </div>
    
        <div id="bothIconButton"><span>Load more Products</span></div>
    <div class="pager" style="display:none;" id="nav-pager">
      <div class="pages"> <strong>Page:</strong>



        <ol>

		          <li><a href="https://www.5050.pk/home/get_page_style/hair-color/1">1</a></li>
			                  <li><a href="https://www.5050.pk/home/get_page_style/hair-color/2">2</a></li>
			                  <li><a href="https://www.5050.pk/home/get_page_style/hair-color/3">3</a></li>
			                  <li><a href="https://www.5050.pk/home/get_page_style/hair-color/4">4</a></li>
			                  <li class="current">5</li>
          	                </ol>
                
        
        
                
        
      </div>
    </div>
        
</div>
    <script type="text/javascript">
    jQuery(function () {
        var $container = jQuery('#container');
    //  $container.isotope({
    //  itemSelector : '#container .element'
    // }); 
                $container.infinitescroll({
    
                    navSelector: '#nav-pager',    // selector for the paged navigation
    
                    nextSelector: '#nav-pager a',  // selector for the NEXT link (to page 2)
    
                    itemSelector: '#container .element',     // selector for all items you'll retrieve
    
                    state: {
    
                        isPaused: true
    
                    },
    
                    loading: {
    
                        finishedMsg: 'No more pages to load......',
    
                        img: 'https://www.5050.pk/images/design/icons/loader.gif'
    
                    }
    
                },
    
                // call Isotope as a callback
    
                function (newElements) {
    
                    jQuery("#bothIconButton:last").show();
    
                    setTimeout(function () {
    
                        //afterLoadAjax();
    
                    }, 500);
    
                    $container.isotope('appended', jQuery(newElements));
    
                }
    
            );
    
            jQuery('#bothIconButton').click(function () {
    
                jQuery('#container').infinitescroll('retrieve');
    
                return false;
    
            });
    
    
    
        });
    
    </script>