HOME

Mini Shell 1.0
DIR:/home/prashamcomputers.com/www/devwork/costmasters-new/new/
Current File : /home/prashamcomputers.com/www/devwork/costmasters-new/new/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>CostMasters - Steel Prices in India - Raw Material Prices in India - Stainless Steel Price in India</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">    
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
<header class="header">
  <div class="head-top">    
    <div class="container">
      <div class="row">
                        
        <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> cir@costmasters.in</a></li>
            <li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> +91-7696670077</a></li>
            <li><a href="#" class="btn">Enquire</a></li>
          </ul>	           
        </div>
		
		<div class="col-sm-4 head-right">
		  <div class="icon-top">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
            <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </div>
  
  <div class="menu-head">             
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-logo" href="#"><img src="images/logo.png" alt="image" /></a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Raw Material Prices</a></li>
            <li><a href="#">Forecasting Services</a></li>
			<li><a href="#">Cost Estimation Software</a></li>
			<li><a href="#">BidMasters</a>
			  <ul class="sub-menu">
                <li><a href="#">Sourcing Services</a></li>
				<li><a href="#">Purchase Intelligence</a></li>
				<li><a href="#">Purchase Price Variance</a></li>
				<li><a href="#">Scrap Management</a></li>
				<li><a href="#">Download Software</a></li>
			  </ul>
			</li>
			<!--li><a href="#">Spend Analyser</a></li>
			<li><a href="#">Consulting Services</a></li-->
			<li><a href="#">Blogs</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
      <!--div class="login-btn"><a class="btn" href="#">Login</a></div-->	  
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
  <div class="container-fluid">
    <div class="row">
	
	  <div class="col-sm-8 banner-left">
	    
		<div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
		
		  <!-- Indicators -->
		  <ol class="carousel-indicators hidden">
		    <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
			<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
			<li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
		  </ol>
    
          <!-- Wrapper For Slides -->
         <div class="carousel-inner" role="listbox">
           
           <div class="item active">
             <img src="images/banner-01.jpg" alt="image"  class="slide-image"/>
           </div><!-- End of Slide -->
		   
		   <div class="item">
             <img src="images/banner-02.jpg" alt="image"  class="slide-image"/>
           </div><!-- End of Slide -->
		   
		   <div class="item">
             <img src="images/banner-03.jpg" alt="image"  class="slide-image"/>
           </div><!-- End of Slide -->           
    
           </div><!-- End of Wrapper For Slides -->
    
          <!-- Left Control -->
          <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
          <!-- Right Control -->
          <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    	
        </div> <!-- End  bootstrap-touch-slider Slider -->  

      </div><!--/ banner-left -->
	  
	  <div class="col-sm-4 banner-right">
	    <h3>Our Esteemed Clients</h3>
	    <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" height="230px;">
		<ul>
<li class="logo_b"><img src="images/1.png"></li>
<li class="logo_o"><img src="images/2.png"></li>
<li class="logo_b"><img src="images/3.png"></li>
<li class="logo_o"><img src="images/4.png"></li>
<li class="logo_b"><img src="images/5.png"></li>
<li class="logo_o"><img src="images/6.png"></li>
<li class="logo_o"><img src="images/8.png"></li>
<li class="logo_b"><img src="images/9.png"></li>
<li class="logo_o"><img src="images/10.png"></li>
<li class="logo_b"><img src="images/11.png"></li>
<li class="logo_b"><img src="images/13.png"></li>
<li class="logo_o"><img src="images/14.png"></li>
<li class="logo_b"><img src="images/15.png"></li>
<li class="logo_o"><img src="images/16.png"></li>
<li class="logo_b"><img src="images/17.png"></li>
<li class="logo_b"><img src="images/19.png"></li>
<li class="logo_o"><img src="images/20.png"></li>
</ul>
	    </marquee>	
		
		<div class="subscribe"><a href="#" class="btn">SUBSCRIBE</a></div>
      </div><!--/ banner-right -->
	  
    </div><!-- /row -->  
  </div>  
</section><!--/ banner -->

<section class="about-text">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-7 about-left">
	    <h3>Welcome to <span>Cost</span>Masters</h3>
		<p><a href="#" title="Rubber Price in India | Plastic Price in India | Cast Iron Price in India"><strong>CostMasters Consulting Services</strong></a> operates as a research, outsourcing and <a href="https://www.costmasters.in/" title="Diesel Price in India | Commodity Prices in India | Pig Iron Prices in India"><strong>consulting service provider in India</strong></a>. We have domain expertise in Product <a href="#" title="Aluminium Price in India | Stainless Steel Price in India | Scrap Price in India"><strong>Cost Management services</strong></a> including <a href="#" title="Brass Price in India | Steel Prices in India | Raw Material Prices in India"><strong>Raw Material</strong></a> Price Tracking, <a href="#" title="Copper Price in India | Rubber Price in India | Plastic Price in India"><strong>Spend Analysis</strong></a>, Sourcing Services and designing best-in-class Procurement processes that revolves around profitability for you. We cater to the automotive, auto ancillary and other engineering goods industries.</p>
		<p>We are a team of highly dedicated, <strong>experienced</strong> &amp; <strong>qualified professionals</strong> of respective domain areas to serve you in <a href="#" title=" Steel Price in India | Raw Material Prices in India | Stainless Steel Price in India"><strong>managing costs</strong></a>. At <a href="#" title="Cast Iron Price in India | Diesel Price in India | Commodity Prices in India"><strong>CostMasters</strong></a>, we are 100% dedicated to positioning procurement at the heart of <strong>business performance</strong>. In anything we do, we put empathy for your business, fact based approach, and data based analysis &amp; measurable results.</p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-5 about-right">
	    <figure><img src="images/about.jpg" alt="image"></figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-text -->

<section class="counter-sec counter">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-3">
		<div class="counter-box">
		  <p class="employee-p">In operations since 2013</p>
        </div>
      </div>
	  
	  <div class="col-sm-3">
		<div class="counter-box">
		  <div class="counter-inline"><span class="counter-count">180</span><span>+</span></div>
		  <p class="employee-p">Reputed Clients</p>
        </div>
      </div>
	  
	  <div class="col-sm-3">
		<div class="counter-box">
		  <div class="counter-inline"><span class="counter-count">140</span><span>+</span></div>
		  <p class="employee-p">Commodity grades being Tracked</p>
        </div>
      </div>
	  
	  <div class="col-sm-3">
		<div class="counter-box">
		  <div class="counter-inline"><span class="counter-count">9</span></div>
		  <p class="employee-p">Zero Base Costing modules</p>
        </div>
      </div>
	  
	  <div class="col-sm-3">
		<div class="counter-box">
		  <div class="counter-inline"><span class="counter-count">1</span></div>
		  <p class="employee-p">Single focus purchasing digitisation</p>
        </div>
      </div>
         
    </div><!--/ row -->	
  </div>
</section><!--/ counter-sec -->

<section class="step-follow">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12">
	    <figure><img src="images/step-image.png" alt="image"></figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ step-follow -->

<section class="company-text">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12">
	    <div class="row-padd">
	      <h3>Intelligent Cost Estimator ( ICE ) Software</h3>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div><!--/  -->
		
		<div class="row-padd">
	      <h3>Raw Material Price Tracking Services</h3>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div><!--/  -->
		
		<div class="row-padd">
	      <h3>BidMasters<span>An online auction platform</span></h3>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div><!--/  -->	  
      </div><!--/ col-sm -->	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ company-text -->

<section class="contact-wrap">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-12">
	    <h3>Request a Call Back</h3>
	  </div>
	  
	  <div class="col-sm-12">
		<form>
		  <div class="col-sm-4 col-form">
            <div class="form-group"><input class="form-control" placeholder="Enter Your Name :" type="text"></div>
            <div class="form-group"><input class="form-control" placeholder="Your E-mail :" type="text"></div>
            <div class="form-group"><input class="form-control" placeholder="Organization :" type="text"></div>			
            <div class="form-group"><input class="form-control" placeholder="Designation :" type="text"></div>			
            <div class="form-group"><input class="form-control" placeholder="Contact No :" type="text"></div>			
            <div class="form-group"><input class="form-control" placeholder="Email ID :" type="text"></div>					
		  </div><!--/ col -->
		  
		  <div class="col-sm-4 col-form">
		    <div class="form-group"><input class="form-control" placeholder="Service interested in :" type="text"></div>
			
            <div class="form-group">
			  <label for="Raw Material">Raw Material Services</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">Forecasting Services</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">Cost Estimation Software</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">BidMasters-Online auction  Software</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">Spend Analyser</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">Trainings & consultancy</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>
			
			<div class="form-group">
			  <label for="Raw Material">Any other query/feedback</label>
			  <input type="checkbox" name="Raw Material" value="Bike">
			</div>	
		  </div><!--/ col -->
		  
		  <div class="col-sm-4 col-form">			
		    <div class="form-group"><textarea class="form-control" placeholder="Your Message :"></textarea></div>
		    <div class="form-group text-right"><input class="btn" value="Submit Now" type="submit"></div> 
		  </div><!--/ col -->			
        </form>
      </div><!--/ col -->	
          
    </div><!--/ row -->	
  </div>
</section><!--/ contact-wrap -->

<footer class="footer">  
  <div class="container">
    <div class="row">
                     
      <div class="col-sm-3">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image" /></a></div>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
            <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
          </div> 
        </div>
      </div>       
      
      <div class="col-sm-3">
        <div class="wg-1">
          <h4>Important Links</h4>           	  		
		  <ul>
		    <li><a href="#">Raw Material Prices</a></li>
			<li><a href="#">Spend Analysis</a></li>
			<li><a href="#">Terms of Use</a></li>
			<li><a href="#">Sitemap</a></li>
			<li><a href="#">Contact Us</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
          <h4>Our Services</h4>           	  		
		  <ul>
			<li><a href="#">Purchase Intelligence</a></li>
			<li><a href="#">Purchase Price Variance</a></li>
			<li><a href="#">Scrap Management</a></li>
			<li><a href="#">Download Software</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p><span>Location:</span>Plot No. D-152, Phase 8, Industrial Area Mohali-160059. Punjab</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone:</span>G.K Purba - +91-7696670077</p></div>
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<div><p><span>Email:</span><a href="#">cir@costmasters.in, sales@costmasters.in</a></div>
		  </address>		       		  	 
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
     
        <div class="col-sm-12"><p>Copy © 2020 All Rights reserved by CostMasters.</p></div>	
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>
  

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>            
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 5,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
	
</body>
</html>