@extends('layouts.frontend.master')
@section('htmltitle')
Space Conditioning - 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 style="background-color: #eee;padding-left: 5px;border-right: 1px solid #cccccc;"><a href="/whr-winners-2019"><img src="frontend/images/winners/waste-heat-recovery-icon.png" height="40px" width="40px">&nbsp;&nbsp;Waste Heat Recovery</a></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/space-conditioning-icon.png" height="40px" width="40px">&nbsp;&nbsp; Space Conditioning&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="frontend/images/arrow-left.png" style="align:right;" width="18px"></div></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-4">
                        <a href="http://www.swadhaenergies.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/SpaceCon/swadha-white.png" height="60px">
                                    </div>
                                    <h5> Swadha Energies Pvt Ltd </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> Comprehensive solution for Centralized AC system </h6>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

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

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

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

                    <!-- Box[2] -->
                    <div class="col-lg-4 col-sm-4">
                        <a href="http://www.newleafdynamic.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/SpaceCon/new-leaf.png" height="60px">
                                    </div>
                                    <h5> New Leaf Dynamic Technologies (P) Ltd </h5>
                                    <h6> <span> Noida </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> Refrigeration Systems Powered by Farm Waste  </h6>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="box-bottom">
                                    <h5> Target Sectors/Industries: </h5>
                                    <div class="full">
                                        <img src="frontend/images/winners/farm-produce.png">
                                        <h6> Agriculture </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-4">
                        <a href="https://coolectrica.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/SpaceCon/Promethean-Spenta-Logo-1.png" height="60px">
                                    </div>
                                    <h5> Promethean Power Systems Inc. </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> Milk-can Cooling System for efficient milk collection in villages </h6>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="box-bottom">
                                    <h5> Target Sectors/Industries: </h5>
                                    <div class="full">
                                        <img src="frontend/images/winners/dairy-and-milk.png">
                                        <h6> Dairy </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-4">
                        <a href="http://www.inficold.com" target="_blank" style="text-decoration:none;">
                            <div class="box-block">
                                <div class="box-header">
                                    <div class="header-logo">
                                        <img src="frontend/images/winners/inficoid.png" height="60px">
                                    </div>
                                    <h5> Inficold India Pvt Ltd </h5>
                                    <h6> <span> Noida </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> Solar-powered instant milk cooler for Farm Level Cooling </h6>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="box-bottom">
                                    <h5> Target Sectors/Industries: </h5>
                                    <div class="full">
                                        <img src="frontend/images/winners/dairy-and-milk.png">
                                        <h6> Dairy and milk collection </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-4">
                        <a href="/Tan90-thermal" target="_blank" style="text-decoration:none;">
                            <div class="box-block">
                                <div class="box-header">
                                    <div class="header-logo">
                                        <img src="frontend/images/winners/2019/SpaceCon/Tan90.jpg" height="60px">
                                    </div>
                                    <h5> Tan90 Thermal Solutions Private Limited </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> Portable Cold Storages </h6>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="box-bottom">
                                    <h5> Target Sectors/Industries: </h5>
                                    <div class="full">
                                        <img src="frontend/images/winners/cold-chain.png">
                                        <h6> Cold-Chain Logistics </h6>
                                    </div>

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

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

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


                </div>
                <!-- Row Ends -->

            </div>

                    </div>
                        
                </div>
            </div>
        </div>
    </div>
</div>
@endsection