@extends('layouts.frontend.master')
@section('htmltitle')
WHR - 2019 Winners 

@endsection
@section('content')
<style>
    .about-title.winner {
        background: url(./frontend/images/winners/winner-banner.jpg) no-repeat center center;
    }
    .box-block {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        margin-bottom: 20px;
    }
    .box-header {
        padding: 16px 10px 10px;
        text-align: center;
    }
    .box-header h5 {
        font-size: 15px;
        line-height: 27px;
        color: #003399;
        font-family: Merriweather;
        margin-top: 5px;
    }
    .box-header h6 span {
        font-size: 17px;
        line-height: 27px;
        position: relative;
        padding-left: 25px;
    }
    .box-header h6 span:before {
        background: transparent url(./frontend/images/winners/location.png) scroll 0 0 no-repeat;
        content: "";
        width: 15px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .header-logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
    }
    .header-logo img {
        display: block;
        margin: 0 auto;
    }
    .box-middle {
        background-color: #ffffcc;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 150px;
        padding: 0 10px;
    }
    .box-middle h5 {
        font-size: 20px;
        line-height: 25px;
        color: #333;
        font-weight: 600;
    }
    .box-middle h6 {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 0;
    }
    .left-box {
        float: left;
        width: 20%;
    }
    .right-box {
        float: right;
        padding: 0 10px;
        width: 80%;
    }
    .box-bottom {
        padding: 16px 10px 20px;
        text-align: center;
    }
    .box-bottom h5 {
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .full {
        min-height: 126px;
    }
    .half {
        width: 50%;
        float: left;
        min-height: 134px;
    }
    .box-bottom h6 {
        font-size: 17px;
        line-height: 22px;
        margin-top: 6px;
    }
    .learn-more a {
        font-size: 17.02px;
        text-transform: uppercase;
        color: #3399cc;
        font-weight: 600;
    }
    .learn-more a:hover {
        color: #333;
    }
    .section-title {
        font-size: 24px;
        line-height: 25px;
        color: #003399;
        font-family: Merriweather;
        margin-top: 5px;
    }
    .section-title img {
        padding-right: 15px;
    }
    .section-wrapper {

    }
    .section-wrapper h2 {
        text-align: center;
        margin: 20px 0;
    }

    @media screen and (max-width: 468px) {
        .section-title {
            font-size: 18px;
            line-height: 0;
        }
        .section-title img {
            padding-right: 10px;
        }
        .section-wrapper h2 {
            margin: 20px 0 30px;
            line-height: 0;
        }
        .box-middle h6 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 0;
        }
        .box-middle {
            height: 140px;
        }
        .box-bottom h5 {
            font-size: 19px;
        }
        .box-bottom h6 {
            font-size: 16px;
        }

    }

    .vertical-menu {
  width: 100%;  /*Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 0px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu li a:hover {
  background-color:  #b3f0ff; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color:  #b3f0ff; /* Add a green color to the "active/current" link */
  color: white !important;
  
}
.right-column { 
    width: 150%;
    display:table-cell;    
    padding-left: 5em;
    float: right;
    box-sizing: border-box; 
  }
  .vertical-menu  li:hover{
background-color:#b3f0ff !important;
}

</style>
<div class="section mob_top_sec">
    <div class="whr-title">
        <h1><span class="abt_icon"><img src="frontend/images/winners/banner-icon.png" alt="About FLCTD" /></span><span class="strip_title">2019 Winners</span></h1>
    </div>
    <div class="container-fluid">
        <div class="about_center_sec"  >
            <div class="row">
                <div class="col-sm-12 col-lg-3">
                    <div class="lf_panel">
                        <div class=" vertical-menu">
                            <ul class="main_nav">
                                <li class="about_main_hd" style="padding-bottom: 0px;"></li>
                                <li class="sel" style="background-color: #1e89d4 !important;padding-left: 5px;" ><a href="javascript:;"><div id="demo" style="background-color: #1e89d4 !important;padding:0px !important;color: white !important;"><img src="frontend/images/winners/waste-heat-recovery-icon.png" height="40px" width="40px">&nbsp;&nbsp; Waste Heat Recovery</div></a></li>
                                
                                <li style="background-color: #eee;padding-left: 5px;border-right: 1px solid #cccccc;"><a href="/space-winners-2019"><img src="frontend/images/winners/space-conditioning-icon.png" height="40px" width="40px">&nbsp;&nbsp;Space Conditioning</a> </li>
                                
                                <li style="background-color: #eee;padding-left: 5px;border-right: 1px solid #cccccc;"><a href="/pumping-winners-2019"><img src="frontend/images/winners/pumping-icon.png" height="40px" width="40px">&nbsp;&nbsp;Pumping Systems</a> </li>
                            </ul>
                        </div>
                    </div>

                    <!-- <div class="challenge-box box-sm cont_font mt-30">
                        <div><strong>Who can Participate </strong> </div>
                        <div class="mt-10">The innovation challenge is open to</div>	            
                        <ul class="innul2 mt-10">
                            <li>Indian Technical Institutes / Universities</li>
                            <li>Research Institutes</li>
                            <li>Start-ups</li>
                            <li>Micro, Small and Medium Enterprises</li>
                            <li>Industries</li>
                            <li>Public Sector Enterprises and Government Laboratories</li>
                        </ul> 
                    </div> -->

                </div>
                <div class="col-sm-12 col-lg-9" >
                    <div class="comm-title pb-2" style="padding-top:0px;">
                    <!-- <h2><span class="section-title"><img src="frontend/images/winners/space-conditioning-icon.png"> Space Conditioning </span></h2> -->
                    </div>
                    <div class="rt_sec">

                    <div class="row">

<!-- Box[1] -->
<div class="col-lg-4 col-sm-6" >
     
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/Promethean Energy.png" height="70px">
                   </div>
                   <h5> Promethean Energy Pvt Ltd </h5>
                   <h6> <span> Navi Mumbai </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Waste heat recovery from textile dyeing process
                     </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>	
                   <div class="full">
                       <img src="frontend/images/winners/fabric.png">
                       <h6> Textile SME </h6>
                   </div>
                   <a class="clearfix" href="#ex1" rel="modal:open">View Profile</a>


                      <!-- Button trigger modal -->
                    <div id="ex1" class="modal" style="overflow: unset;">
                   
                     <div class="row" style="border:none; background:white; height:60px;">
                        <div class="col-md-2" style="margin:auto;padding:0px">
                            <img src="frontend/images/winners/2019/WHR/Promethean Energy.png" style="" class="img-fluid"  />
                        </div>
                        <div class="col-md-10 pl-2 " style="margin:auto">  
                            <h4>Promethean Energy Pvt Ltd</h4>
                        </div>
                    </div>
                    
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">Promethean,  a  start-up  based  in  Navi  Mumbai  offers  low-temperature  waste heat recovery solutions to industries to help reduce process heating requirements.</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">Heat Recovery in Synthetic textile dyeing units</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">The  innovative  solution  developed  involves  waste  heat  recovery  from effluent  dye-liquor  to  pre-heat  dye-water  for  process,  leading  to  an  estimated  reduction  in energy between 10-30% of the overall consumption.</p>
                      <a href="https://www.prometheanenergy.com/" target="_blank">Visit Website</a>
                    </div>
                                    

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

   <!-- Box[2] -->
<div class="col-lg-4 col-sm-6">
       <a href="https://www.forbesmarshall.com/India" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/Forbes Marshall.jpg" height="60px">
                   </div>
                   <h5> Forbes Marshall </h5>
                   <h6> <span> Pune </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Steam Engines

                     </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="half">
                       <img src="frontend/images/winners/medicine.png">
                       <h6> Pharma </h6>
                   </div>

                   <!-- <div class="half">
                       <img src="frontend/images/winners/fabric.png">
                       <h6> Textile </h6>
                   </div> -->

                   <div class="half">
                       <img src="frontend/images/winners/chemical.png">
                       <h6> Chemicals </h6>
                   </div>
                   <a class="clearfix" href="#ex2" rel="modal:open">View Profile</a>


                      <!-- Button trigger modal -->
                    <div id="ex2" class="modal" style="overflow: unset;">
                     
                    <div class="row" style="border:none; background:white; height:60px;">
                        <div class="col-md-2" style="margin:auto;padding:0px">
                            <img src="frontend/images/winners/2019/WHR/Forbes Marshall.jpg" style="" class="img-fluid" />
                        </div>
                        <div class="col-md-10 pl-2 " style="margin:auto">  
                            <h4>Forbes Marshall Private Limited</h4>
                        </div>
                    </div>
                    
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">Forbes  Marshall,  based  in  Pune,  providing  services  in  process  efficiency  and energy conservation for process industry.</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">High-speed steam engines operating on Saturated steam</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">Steam engines are proposed primarily as steam pressure reducing devices which  would  simultaneously  generate  incidental  electricity  of  18kW  while  reducing  steam pressure from 10bar to 3bar for steam flows less than 3 tph.</p>
                      <a href="https://www.forbesmarshall.com/India" target="_blank">Visit Website</a>
                    </div>
               </div>
           </div>	
       </a>
   </div>
    <!-- Box[3] -->
<div class="col-lg-4 col-sm-6">
       <a href="http://Aspirationenergy.com" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/Aspiration.png" height="60px" >
                   </div>
                   <h5> Aspiration Energy and Emission Lab </h5>
                   <h6> <span> Chennai </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> High temperature heat pump for industrial process heating 


                     </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="half">
                       <img src="frontend/images/winners/medicine.png">
                       <h6> Pharma </h6>
                   </div>

                   <div class="half">
                       <img src="frontend/images/winners/car.png">
                       <h6> Automobile </h6>
                   </div>

                    <a class="clearfix" href="#ex4" rel="modal:open">View Profile</a>


                      <!-- Button trigger modal -->
                    <div id="ex4" class="modal" style="overflow: unset;">
                     <div class="row" style="border:none; background:white; height:60px;">
                        <div class="col-md-2" style="margin:auto;padding:0px">
                            <img src="frontend/images/winners/2019/WHR/Aspiration.png" style=""  class="img-fluid" />
                        </div>
                        <div class="col-md-10 pl-2 " style="margin:auto">  
                            <h4>Aspiration Energy and Energy & Emissions Lab. IITM</h4>
                        </div>
                    </div>
                   
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">Aspiration  Energy,  based  in  Chennai,  is  an  innovative  Solar  Energy  Services company, providing decentralized solar thermal systems and hyper-efficient heat pumps for industrial process heating in collaboration with IIT Madras</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">High temperature heat pump for industrial process heating combined with heat recovery</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">To  deploy  a  heat  pump  system  capable  of  recovering  waste  heat  from sources as low as 300 Celsius and delivering hot water or low-pressure steam at 100 - 120 0C. </p>
                    <a href="http://Aspirationenergy.com" target="_blank">Visit Website</a>
                    </div>

                   
                   

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

   <!-- Box[4] 
-->
   <div class="col-lg-4 col-sm-6">
       <a href="http://www.oorja.in" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">

                   <div class="header-logo">
                       <img src="frontend/images/winners/oorja.png" height="60px">
                   </div>
                   <h5> Oorja Energy Engineering Services Pvt Ltd </h5>
                   <h6> <span> Hyderabad </span> </h6>

               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Low Grade Heat Based Power Generation in cement industry from exhaust and cooler gases </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="full">
                       <img src="frontend/images/winners/cement.png">
                       <h6> Cement </h6>
                   </div>

                    <div class="clearfix"><u>View Profile</u></div>
                   {{-- <a class="clearfix" href="#ex4" rel="modal:open">View Profile</a> --}}


                      <!-- Button trigger modal -->
                    {{-- <div id="ex4" class="modal" style="overflow: unset;">
                    <h4>Aspiration Energy and Energy & Emissions Lab. IITM</h4>
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">Aspiration  Energy,  based  in  Chennai,  is  an  innovative  Solar  Energy  Services company, providing decentralized solar thermal systems and hyper-efficient heat pumps for industrial process heating in collaboration with IIT Madras</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">High temperature heat pump for industrial process heating combined with heat recovery</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">To  deploy  a  heat  pump  system  capable  of  recovering  waste  heat  from sources as low as 300 Celsius and delivering hot water or low-pressure steam at 100 - 120 0C. </p>
                    </div> --}}

               </div>


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

  

   <!-- Box[5] -->
   <div class="col-lg-4 col-sm-6">
       <a href="http://tallkumar.wixsite.com/ceep" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/CEEP.png" height="80px">
                   </div>
                   <h5> Centre for energy,Env & productivity </h5>
                   <h6> <span> Chennai </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Heat recovery from hot effluents in Textile Industry  </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="full">
                       <img src="frontend/images/winners/fabric.png">
                       <h6> Textile SME </h6>
                   </div>
                   <a class="clearfix" href="#ex3" rel="modal:open">View Profile</a>


                      <!-- Button trigger modal -->
                    <div id="ex3" class="modal" style="overflow: unset;">
                        <div class="row" style="border:none; background:white; height:60px;">
                            <div class="col-md-2" style="margin:auto">
                                <img src="frontend/images/winners/2019/WHR/CEEP.png" style="height: 50px;" />
                            </div>
                            <div class="col-md-10 pl-2 " style="margin:auto">  
                                <h4> Centre for Energy, Environment and Productivity (CEEP)</h4>
                            </div>
                        </div>
                    
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">CEEP, Chennai assists organisations in improved use of resources be it energy, water, human resources, time and anything to do with productivity.</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">Heat recovery from cotton textile dye effluent</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">The hot effluents discharged from the dyeing machines are collected in the ETP sump. The average discharge temperature of the effluents is 80° C. The process water used for dyeing can be heated by making use of the heat in hot effluents.</p>

                     <a href="http://tallkumar.wixsite.com/ceep" target="_blank">Visit Website</a>
                    </div>

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


<!-- Box[6] -->
<div class="col-lg-4 col-sm-6">
       <a href="https://www.encon.co.in" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/Encon.png" height="60px">
                   </div>
                   <h5> ENCON Thermal Engineers  </h5>
                   <h6> <span> Faridabad </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Regenerative Burners  </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="half">
                       <img src="frontend/images/winners/hammer.png">
                       <h6> Foundry </h6>
                   </div>
                   <div class="half">
                       <img src="frontend/images/winners/steel.png">
                       <h6> Steel </h6>
                   </div>
                   <a class="clearfix" href="#ex5" rel="modal:open">View Profile</a>


                      <!-- Button trigger modal -->
                    <div id="ex5" class="modal" style="overflow: unset;">
                   
                      <div class="row" style="border:none; background:white; height:60px;">
                            <div class="col-md-2" style="margin:auto">
                                <img src="frontend/images/winners/2019/WHR/Encon.png" style="height: 50px;" />
                            </div>
                            <div class="col-md-10 pl-2 " style="margin:auto">  
                                <h4>ENCON Thermal Engineers Pvt. Ltd</h4>
                            </div>
                        </div>
                    <hr>
                    <strong>Introduction: </strong>
                    <p class="text-muted">ENCON,  based  in  Faridabad  works  in  the  areas  of  Designing,  Manufacturing, Supplying and Commissioning of Fuel -Efficient Heating Systems on turn-key basis.</p>
                    <strong>Innovation</strong>
                    <p  class="text-muted">Development of Regenerative Burners</p>
                     <strong>Brief  of  innovation</strong>
                    <p  class="text-muted">Development of Regenerative burners to be used for liquid and gaseous fuel to recover heat from flue gases exiting furnace at high-temperature ~ 800° Celsius to pre-heat  primary  air  leading  to  reduction  in  fuel  usage.  The  regenerative  burners  have  been designed to use regular fuels and for low CV fuels such as Blast Furnace Gas, Coke Oven Gas which are otherwise flared, resulting in loss of useful energy and pollution.</p>
                    <a href="https://www.encon.co.in" target="_blank">Visit Website</a>
                    </div>

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


<!-- Box[7] -->
<div class="col-lg-4 col-sm-6">
       <a href="https://www.opelenergysystems.com/" target="_blank" style="text-decoration:none;">
           <div class="box-block">
               <div class="box-header">
                   <div class="header-logo">
                       <img src="frontend/images/winners/2019/WHR/Opel.png" height="60px">
                   </div>
                   <h5> Opel Energy Systems   </h5>
                   <h6> <span> Pune </span> </h6>
               </div>

               <div class="box-middle">
                   <div class="left-box">
                       <img src="frontend/images/winners/innovation.png">
                   </div>
                   <div class="right-box">
                       <h5> Innovation: </h5>
                       <h6> Regenerative Burners  </h6>
                   </div>
                   <div class="clearfix"></div>
               </div>

               <div class="box-bottom">
                   <h5> Target Sectors/Industries: </h5>
                   <div class="half">
                       <img src="frontend/images/winners/hammer.png">
                       <h6> Foundry </h6>
                   </div>
                   <div class="half">
                       <img src="frontend/images/winners/steel.png">
                       <h6> Steel </h6>
                   </div>
                   <div class="clearfix"><u>View Profile</u></div>

                   <!-- <div class="learn-more">
                        <a href="#"> Learn More </a>
                    </div>-->

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

<!-- Row Ends -->

</div>




                    </div>
                        
                </div>
            </div>
        </div>
    </div>
      
</div>
@endsection
@section('external_scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
@endsection