HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/costmaster12/application/modules/frontend/views/home/
Current File : /home/htlwork.com/www/costmaster12/application/modules/frontend/views/home/home.php
<section class="banner">
    <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>
            <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
        </ol>

        <!-- Wrapper For Slides -->
        <div class="carousel-inner" role="listbox">
            <!-- Third Slide -->
			<div class="item active">
                <div class="patern-layer-one"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg01.png)"></div>
                <div class="patern-layer-two"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg02.png)"></div>
                <figure><img src="<?= base_url(); ?>assets/front/images/slider-01.jpg" alt="image" /></figure>
                <div class="slide-text RM-Slider">
				
                    <div class="row">
                      <div class="col-sm-7">
					    <h1 data-animation="animated fadeInDown">RM Price Tracking</h1>
						<p data-animation="animated fadeInDown">CIR-Cost Intelligence Report tracks commodity prices for you</p><p data-animation="animated fadeInDown"></p>
						<img src="<?= base_url(); ?>assets/front/images/RM-text-image.png" alt="image" />
                      </div> 
					  
					  <div class="col-sm-5">
					    <div class="rm-right">
						  <img src="<?= base_url(); ?>assets/front/images/CIR-snapshot-01.jpg" alt="image" />
						  <img class="cs2" src="<?= base_url(); ?>assets/front/images/CIR-snapshot.png" alt="image" />
						</div>
                      </div> 
                    </div>
				  
                </div>
            </div><!-- End of Slide -->

            <div class="item">
                <div class="patern-layer-one"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg01.png)"></div>
                <div class="patern-layer-two"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg02.png)"></div>
                <figure><img src="<?= base_url(); ?>assets/front/images/slider-02.jpg" alt="image" /></figure>
                <div class="slide-text RM-Slider">
				
				    <div class="row">
                      <div class="col-sm-7">
					    <h1 data-animation="animated fadeInDown">Cost Estimation Software - ICE</h1>
						<p data-animation="animated fadeInDown">▪ Embrace Digitalization</p>
						<p data-animation="animated fadeInDown">▪ Simply Effective Cost Management Tool</p>
						<p data-animation="animated fadeInDown">▪ Coverage of all the cost drivers</p>
						<p data-animation="animated fadeInDown">▪ Comprehensive Should Cost Analysis Software</p>
                      </div> 
					  
					  <div class="col-sm-5">
					    <div class="rm-right">
						  <img src="<?= base_url(); ?>assets/front/images/ICE-slider-01.jpg" alt="image" />
						  <img class="cs2" src="<?= base_url(); ?>assets/front/images/ICE-slider-02.jpg" alt="image" />
						</div>
                      </div> 
                    </div>
                    
                </div>
            </div><!-- End of Slide -->
			
			<div class="item">
                <div class="patern-layer-one"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg01.png)"></div>
                <div class="patern-layer-two"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg02.png)"></div>
                <figure><img src="<?= base_url(); ?>assets/front/images/slider-03.jpg" alt="image" /></figure>
                <div class="slide-text">
                    <h1 data-animation="animated fadeInDown">e - Procure THE FUTURE <br>Rediscover your Procurement Strategy</h1>
                    <p data-animation="animated fadeInDown">▪ Ensure better value for your purchases by increasing competition</p>
                    <p data-animation="animated fadeInDown">▪ Save on time for processing RFQ , Inviting Quotes , Analysis and Negotiations</p>
                    <p data-animation="animated fadeInDown">▪ Improve compliance & transanctional transparency</p>
                </div>
            </div><!-- End of Slide -->
			
			<div class="item">
                <div class="patern-layer-one"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg01.png)"></div>
                <div class="patern-layer-two"
                    style="background-image: url(<?= base_url(); ?>assets/front/images/banner-bg02.png)"></div>
                <figure><img src="<?= base_url(); ?>assets/front/images/slider-04.jpg" alt="image" /></figure>
                <div class="slide-text">
                    <h1 data-animation="animated fadeInDown">e - Disposal</h1>
                    <p data-animation="animated fadeInDown">▪ A Paradigm shift in managing Assests Disposal leveraging technology</p>
                    <p data-animation="animated fadeInDown">▪ Manage bidders , Improve compliances & follow through the lifting</p>
                    <p data-animation="animated fadeInDown">▪ Win over caterlization , eradicate ambiguity & manage lifting smartly</p>
                   
                </div>
            </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 -->

</section>
<!--/ banner -->

<section class="about-sec">
    <div class="container">
        <div class="row">

            <div class="col-sm-6 about-left">
                <h2>
                    <!--span>A Few Words About Us</span-->Welcome to CostMasters
                </h2>
                <p><a href="#"
                        title="Rubber Price in India | Plastic Price in India | Cast Iron Price in India">CostMasters
                        Consulting Services</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">consulting
                        service provider in India</a>. We have domain expertise in Product <a href="#"
                        title="Aluminium Price in India | Stainless Steel Price in India | Scrap Price in India">Cost
                        Management services</a> including <a href="#"
                        title="Brass Price in India | Steel Prices in India | Raw Material Prices in India">Raw
                        Material</a> Price Tracking, <a href="#"
                        title="Copper Price in India | Rubber Price in India | Plastic Price in India">Spend
                        Analysis</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>
                <ul>
                    <li>
                        <img src="<?= base_url(); ?>assets/front/images/icon-01.png" alt="">
                        <div class="info">
                            <h4>Experience</h4>
                            <p>Established in 2013 We are a team of highly dedicated, experienced &amp; qualified
                                professionals 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">managing
                                    costs</a>. At <a href="#"
                                    title="Cast Iron Price in India | Diesel Price in India | Commodity Prices in India">CostMasters</a>,
                                we are 100% dedicated to positioning procurement at the heart of business performance.
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="<?= base_url(); ?>assets/front/images/icon-02.png" alt="">
                        <div class="info">
                            <h4>Quick Support</h4>
                        </div>
                    </li>
                </ul>
                <!-- <p><a href="#" class="btn">Contact Now</a></p> -->
                <button class="btn" data-toggle="modal" data-target="#request-template-modal">
                    Contact Now
                </button>
            </div>

            <!--/ col-sm -->

            <div class="col-sm-6 about-right">
                <figure>
                    <img src="<?= base_url(); ?>assets/front/images/about-globe.png" alt="" class="image-about">
                    <img src="<?= base_url(); ?>assets/front/images/about-bg.png" alt=""
                        class="image-circle img-responsive">
                </figure>
                <div class="images-outer">
                    <div class="image"><img src="<?= base_url(); ?>assets/front/images/about-01.jpg" alt=""></div>
                    <div class="image2"><img src="<?= base_url(); ?>assets/front/images/about-02.jpg" alt=""></div>
                    <div class="image3"><img src="<?= base_url(); ?>assets/front/images/about-03.jpg" alt=""></div>
                    <div class="image4"><img src="<?= base_url(); ?>assets/front/images/about-04.jpg" alt=""></div>
                </div>
            </div>

        </div>
        <!--/ row -->
    </div>
</section>
<!--/ about-sec -->

<!-- Modal -->
<div class="modal fade request-template-modal" id="request-template-modal" tabindex="-1"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Request A Call</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-12">
                        <form method="POST" id="editor" action="<?= base_url('home-save') ?>">

                            <div class="form-group"><input type="text" placeholder="Name" class="form-control"
                                    name="book_name"></div>
                            <div class="form-group"><input type="text" placeholder="Organisation" class="form-control"
                                    name="book_organisation"></div>
                            <div class="form-group"><input type="text" placeholder="Designation" class="form-control"
                                    name="book_designation"></div>
                            <div class="form-group"><input type="text" placeholder="Contact No" class="form-control"
                                    name="book_contact"></div>
                            <div class="form-group"><input type="text" placeholder="Email ID" class="form-control"
                                    name="book_email"></div>
                            <div class="form-group"> <input type="hidden" name="book_url" value="Home"> </div>

                            <div class="form-group"><textarea class="form-control" name="book_message"
                                    placeholder="Please write your message here"></textarea></div>
                            <div class="form-group"><input type="submit" class="btn btn-submit" value="Submit"></div>

                            <div class="form-group">
                                <div id="message"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<section class="client-logo">
    <div class="container">
        <div class="row">

            <div class="col-sm-12 pad-0">
                <h2>Our Esteemed Clients</h2>

                <div id="owl-demo">
                    <div class="item">
                        <div class="row">
                            <?php for($i=0;$i<count($client_logo);$i++) {
					  if($i<20)	{  
					  ?>
                            <div class="col-sm-2 cl-coll">
                                <figure><img
                                        src="<?php echo base_url('uploads/client_logo/'.$client_logo[$i]['upload_logo']);?>"
                                        alt="<?= $client_logo[$i]['logo_name'] ?>"></figure>
                            </div>
                            <?php } } ?>
                        </div>
                        <!--/ row -->
                    </div>
                    <!--/ item -->

                    <div class="item">
                        <div class="row">
                            <?php for($i=0;$i<count($client_logo);$i++) {
					  if($i>=20)	{  		
					  ?>
                            <div class="col-sm-2 cl-coll">
                                <figure><img
                                        src="<?php echo base_url('uploads/client_logo/'.$client_logo[$i]['upload_logo']);?>"
                                        alt="<?= $client_logo[$i]['logo_name'] ?>"></figure>
                            </div>
                            <?php } } ?>
                        </div>
                        <!--/ row -->
                    </div>
                    <!--/ item -->


                </div>
                <!--/ owl -->
            </div>
            <!--/ coll -->

        </div>
        <!--/ row -->
    </div>
</section>
<!--/ client-logo -->

<section class="tag-sec">
    <div class="container">
        <div class="row">

            <div class="col-sm-6 tw-coll">
                <div class="info-content">
                    <div class="inner">
                        <h3><?= $client_master_count ?> +</h3>
                        <h4>Client</h4>
                        <p>97 % Client Retention</p>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 tw-coll">
                <div class="info-content">
                    <div class="inner">
                        <h3>130 +</h3>
                        <h4>Commodities</h4>
                        <p>To sail through the rampant price variations</p>
                    </div>
                </div>
            </div>

        </div>
        <!--/ row -->
    </div>
</section>
<!--/ tag-sec -->

<section class="service-sec">
    <div class="container">
        <div class="row">

            <div class="col-sm-12 title">
                <h2><span>Who We Are</span>We deal with the different aspects of Costing</h2>
            </div>

            <div class="col-sm-3 ss-coll">
                <div class="info-box">
                    <div class="inner">
                        <h4>Raw Material Price Tracking services & Forecasting</h4>
                        <ul>
                            <li><span>More than 130 Commodities in 9 Heads</span></li>
                            <li><span>Available in Online & PDF Option</span></li>
                            <li><span>With Built-in analytics</span></li>
                        </ul>
                    </div>
                    <p class="btn-link"><a href="<?= base_url('login') ?>" class="btn"><i class="fa fa-long-arrow-right"
                                aria-hidden="true"></i></a></p>
                </div>
            </div>

            <div class="col-sm-3 ss-coll">
                <div class="info-box">
                    <div class="inner">
                        <h4>Intelligent Cost Estimator </h4>
                        <ul>
                            <li><span>9 Part Cost Estimation Module</span></li>
                            <li><span>Simply effective & efficient Zero Base costing tools</span></li>
                            <li><span>With Built-in analytical reports</span></li>
                        </ul>
                    </div>
                    <p class="btn-link"><a href="<?= base_url('intelligent-cost-estimator') ?>" class="btn"><i
                                class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
                </div>
            </div>

            <div class="col-sm-3 ss-coll">
                <div class="info-box">
                    <div class="inner">
                        <h4>BidMasters</h4>
                        <ul>
                            <li><span>e-Desposal Insulate Cartels Better value realisation</span></li>
                            <li><span>e-Procure Increased Participation, Competitive pricing</span></li>
                            <li><span>Enhanced transparency, Improved Operational Efficiency, System Driven
                                    approach</span></li>
                        </ul>
                    </div>
                    <p class="btn-link"><a href="https://bidmasters.in/" target="_blank" class="btn"><i
                                class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
                </div>
            </div>

            <div class="col-sm-3 ss-coll">
                <div class="info-box">
                    <div class="inner">
                        <h4>Consultancy <br>Services</h4>
                        <ul>
                            <li><span>Cost Reduction Workshops, Projects-Conceptualization to realization</span></li>
                            <li><span>Zero Base Costing services & Negotiation skiils workshops to empower the
                                    negotiator</span></li>
                            <li><span>Sourcing/Purchasing/SCM Back End Management lets you focus on core strategy
                                    areas</span></li>
                        </ul>
                    </div>
                    <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right"
                                aria-hidden="true"></i></a></p>
                </div>
            </div>

        </div>
        <!--/ row -->
    </div>
</section>
<!--/ service-sec -->

<script src="<?= base_url(); ?>assets/plugins/general/jquery/dist/jquery.js" type="text/javascript"></script>

<script>
jQuery("#editor").submit(function(e) {

    e.preventDefault();

    jQuery("input,select,textarea").css('border', '1px solid green');
    jQuery('.mes').remove();
    var url = jQuery(this).attr('action');
    var formData = new FormData(jQuery(this)[0]);

    jQuery.ajax({
        type: "POST",
        url: url,
        data: formData,
        processData: false,
        dataType: 'json',
        contentType: false,
        success: function(data) {

            if (data.status == false) {

                jQuery('#message').html(data.message);
                var a = data['errors'];
                jQuery.each(data.errors, function(key, value) {
                    jQuery("input[name='" + key + "'],select[name='" + key +
                        "'],textarea[name='" + key + "']").css('border',
                        '2px solid red');
                    jQuery("input[name='" + key + "'],select[name='" + key +
                        "'],textarea[name='" + key + "']").after(
                        "<small class='mes text-danger'>" +
                        value + "</small>");
                });
            }
            if (data.status == true) {

                jQuery("input[type=text],select,textarea").css('border', '1px solid #1abb9c').delay(
                    2000).css('border', '1px solid #e2e2e4');
                jQuery('#message').html(data.message);
                jQuery("#message").fadeIn(100);
                jQuery("html, body").animate({
                    scrollTop: jQuery("#message").offset().top - 100
                }, 1000);
                jQuery("#message").delay(3000);
                jQuery("#message").fadeOut(100);
                setTimeout(function() {
                    window.location.href = "<?= base_url(); ?>";
                }, 2000);
            }
        }
    });
});
</script>