@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: 283px;  /*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" style="width:100% !important;height:100% !important">
        <div class="about_center_sec"  >
            <div class="row">
                <div class="col-sm-3 col-lg-2">
                    <div class="lf_panel">
                        <div class=" vertical-menu">
                            <ul class="main_nav"style="padding:10px !important">
                                <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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="frontend/images/arrow-left.png" style="align:right;" width="20px"></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-9 col-lg-10 right-column" >
                    <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" >
       <a href="https://www.prometheanenergy.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/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>
                   <div class="clearfix"><u>View Profile</u></div>

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

               </div>
           </div>	
       </a>
   </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>
                   <div class="clearfix"><u>View Profile</u></div>

                   <!--  <div class="learn-more">
                         <a href="#"> Learn More </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>

                   
                   <div class="clearfix"><u>View Profile</u></div>

                   <!--  <div class="learn-more">
                         <a href="#"> Learn More </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>

                     <!--<div class="learn-more">
                         <a href="#"> Learn More </a>
                     </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>
                   <div class="clearfix"><u>View Profile</u></div>

                   <!-- <div class="learn-more">
                        <a href="#"> Learn More </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>
                   <div class="clearfix"><u>View Profile</u></div>

                   <!-- <div class="learn-more">
                        <a href="#"> Learn More </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