~
<div ng-controller="homeCtrl">
    <header class="" style="background-color: #245598; height: 4px;">
        <div class="col-lg-12 col-md-
					 col-sm-12 col-xs-12"></div>

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

    <div class="container-fluid banner_box mt2 mb5">
        <div class="row">
            <div class="col-md-8">
                <section class="row">
                    <article class="col-lg-12 col-md-12 col-sm-12 hidden-xs pt10">
                        <div class="col-md-4 col-xs-12 col-sm-6">
                            <a href="index.html"> <img src="enrollment/images/untitled_logo.png" class="img-responsive"> </a>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-3 hidden-xs">
                            <div class="orange_box">
                                <a href="" ui-sref="newheaderfooter.contact_us">
                                    <span class="fa fa-envelope" aria-hidden="true"></span>
                                    Contact Us
                                </a>

                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 hidden-xs col-sm-3">
                            <div class="orange_box pull-right">
                                <a href="" ui-sref="newheaderfooter.newsletter">
                                    <span class="fa fa-newspaper-o" aria-hidden="true"></span>
                                    Newsletter
                                </a>
                            </div>
                        </div>
                    </article>
                    <article class="hidden-lg hidden-md hidden-sm col-xs-12 pt10">
                        <div class="col-sm-12 ">
                            <a href="index.html"> <img src="enrollment/images/untitled_logo.png"> </a>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 mb10">
                            <div class="col-lg-4 col-md-4 col-xs-4 col-sm-4 orange_boxmob">
                                <a href="" ui-sref="newheaderfooter.contact_us">
                                    <span class="fa fa-envelope" aria-hidden="true"></span>
                                </a>

                            </div>
                            <div class="col-lg-4 col-md-4 col-xs-4 col-sm-4">
                                <p></p>
                            </div>
                            <div class="col-lg-4 col-md-4 col-xs-4 col-sm-4 orange_boxmob">
                                <a href="" ui-sref="newheaderfooter.newsletter">
                                    <span class="fa fa-newspaper-o" aria-hidden="true"></span>
                                </a>
                            </div>
                        </div>

                    </article>

                    <article class="col-lg-12 col-md-12 col-sm-12 hidden-xs" style="margin:0 auto;text-align:center;background: #eeee">
<img src="enrollment/images/enrollmentImg.jpg" style="width:70%;height:315px;    margin: 10px auto;" alt="01">


                        <div id="myCarousel" class="slide carousel_nw carousel" data-ride="carousel" style="display:none;">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                                <li data-target="#myCarousel" data-slide-to="3"></li>
                                <li data-target="#myCarousel" data-slide-to="4"></li>
                            </ol>

                            <!-- Wrapper for slides -->

                            
                             
                            <div class="carousel-inner col-lg-6 col-md-6 col-sm-12 col-xs-12" style="display:none;">
                                <div class="item active">
                                    <img src="enrollment/images/01_main_box.png" alt="01">
                                </div>

                                <div class="item">
                                    <img src="enrollment/images/02_login.png" alt="02">
                                </div>

                                <div class="item">
                                    <img src="enrollment/images/03_network.png" alt="03">
                                </div>
                                <div class="item">
                                    <img src="enrollment/images/04_enrollment.png" alt="04">
                                </div>
                                <div class="item">
                                    <img src="enrollment/images/05_memb_details.png" alt="06">
                                </div>
                            </div>

                            <!-- Left and right controls -->
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>


                    </article>
                </section>
            </div>
            <div class="col-md-4">
                <section class="">
                    <article class="col-lg-12 col-md-12 hidden-sm hidden-xs pull-right index_loginbox row">
                        <a ui-sref="login">
                            <div class="box">
                                <span class="pull-left text">Employee Login</span>
                                <span class="pull-right mt4">
                                    <img class="img-responsive" src="enrollment/images/login_img.png">
                                </span>
                            </div>
                        </a>
                    </article>

                    <article class="hidden-lg hidden-md col-sm-12 col-xs-12 index_loginbox pull-right">
                        <a ui-sref="login">
                            <div class="box">
                                <span class="pull-left text">Employee Login</span>
                                <span class="pull-right"><img class="img-responsive" src="enrollment/images/login_img.png"></span>
                            </div>
                        </a>
                    </article>
                    <article class="col-lg-12 col-md-12 hidden-sm hidden-xs pull-right index_net_hospital  row">
                        <a href="" ui-sref="newheaderfooter.network">
                            <div class="box">
                                <span class="pull-left text col-sm-6 col-xs-6">Network Hospital</span>
                                <span class="pull-right "><img class="img-responsive" src="enrollment/images/network_hosp_img.png"></span>
                            </div>
                        </a>
                    </article>

                    <article class="hidden-lg hidden-md col-sm-12 col-xs-12 index_net_hospital  pull-right">
                        <a href="" ui-sref="newheaderfooter.network">
                            <div class="box">
                                <span class="pull-left text col-sm-6 col-xs-6">Network Hospital</span>
                                <img class="img-responsive pull-right " src="enrollment/images/network_hosp_img.png">
                            </div>
                        </a>
                    </article>

                    <article class="col-lg-12 col-md-12 hidden-sm hidden-xs index_idcard  pull-right row">
                        <a ui-sref="getidcards">
                            <div class="box">
                                <span class="pull-left text">
                                    ID Card
                                </span>
                                <span class="pull-right mt4">
                                    <img class="img-responsive" src="enrollment/images/id_card_img.png">
                                </span>
                            </div>
                        </a>
                    </article>


                    <article class="hidden-lg hidden-md col-sm-12 col-xs-12 index_idcard  pull-right">
                        <a ui-sref="getidcards">
                            <div class="box">
                                <span class="pull-left text">ID Card</span>
                                <span class="pull-right"><img class="img-responsive" src="enrollment/images/id_card_img.png"></span>
                            </div>
                        </a>

                    </article>
                    <article class="col-lg-12 col-md-12 hidden-sm hidden-xs pull-right index_memdetails row">
                        <!--<a href="" ui-sref="newheaderfooter.onlineclaimform">-->
                        <a href="http://www.uhcpindia.com/uhcpclaimform" target="_blank">
                             <img src="enrollment/images/new.png" />
                            <div class="box">
                           
                                <span class="pull-left text">Revised Cashless Form</span>
                                <span class="pull-right mt4"><img class="img-responsive" src="enrollment/images/mem_details_img.png"></span>
                            </div>
                        </a>
                    </article>


                    <article class="hidden-lg hidden-md col-sm-12 col-xs-12 index_memdetails pull-right">
                        <!--<a href="" ui-sref="newheaderfooter.onlineclaimform">-->
                        <a href="http://www.uhcpindia.com/uhcpclaimform" target="_blank">
                            <div class="box">
                                <span class="pull-left text">Online Form</span>
                                <span class="pull-right">
                                    <img class="img-responsive" src="enrollment/images/mem_details_img.png">
                                </span>
                            </div>
                        </a>

                    </article>
                </section>
            </div>
        </div>

    </div>
    <div class="clearfix"></div>
    <div class="icon_box">
        <div class="features">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="0ms" style="visibility: visible; animation-duration: 300ms; animation-delay: 0ms; animation-name: fadeInUp;">
                    <div class="media service-box">
                        <div class="info-card">
                            <div class="front">
                                <div class="icon">
                                    <i class="fa fa-download"></i>
                                </div>
                                <div class="media-body pt20">
                                    <h4 class="media-heading hidden-xs f24"><b>CLAIM</b>FORM</h4>
                                    <h4 class="media-heading hidden-lg hidden-md hidden-sm"><b>CLAIM</b>FORM</h4>
                                </div>
                            </div>
                            <div class="back">
                                <h4 class="media-heading hidden-xs f24"><b>CLAIM</b>FORM</h4>
                                <p>
                                    Download claims form and other IRDA documents <br />
                                    <a href="" ui-sref="newheaderfooter.download"><button type="button" class="btn btn-warning">Know More</button></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                    <div class="media service-box">
                        <div class="info-card">
                            <div class="front">
                                <div class="icon">
                                    <i class="fa fa-pencil-square-o"></i>
                                </div>
                                <div class="media-body pt20">
                                    <h4 class="media-heading hidden-xs f24"><b>CLAIM</b>STATUS</h4>
                                    <h4 class="media-heading hidden-lg hidden-md hidden-sm"><b>CLAIM</b>STATUS</h4>
                                </div>
                            </div>
                            <div class="back">
                                <h4 class="media-heading hidden-xs f24"><b>CLAIM</b>STATUS</h4>
                                <p>
                                    Check your claims status and get updates on SMS <br />
                                    <a href="" ui-sref="newheaderfooter.claimsearch"> <button type="button" class="btn btn-warning">Know More</button></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                    <div class="media service-box">
                        <div class="info-card">
                            <div class="front">
                                <div class="icon ">
                                    <i class="fa fa-random"></i>
                                </div>
                                <div class="media-body pt20">
                                    <h4 class="media-heading hidden-xs f24"><b>CASH</b>LESS</h4>
                                    <h4 class="media-heading hidden-lg hidden-md hidden-sm"><b>CASH</b>LESS</h4>
                                </div>
                            </div>
                            <div class="back">
                                <h4 class="media-heading hidden-xs f24"><b>CASH</b>LESS</h4>
                                <p>
                                    Check cashless status and get updates on SMS<br />
                                    <a href="" ui-sref="newheaderfooter.claimsearch"><button type="button" class="btn btn-warning">Know More</button></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6" >
                    <div class="media service-box info-card">
                        <div class="info-card">
                            <div class="front">
                                <div class="icon">
                                    <i class="fa fa-check-square-o"></i>
                                </div>
                                <div class="media-body pt20">
                                    <h4 class="media-heading hidden-xs f24"><b>CHECK</b>LIST</h4>
                                    <h4 class="media-heading hidden-lg hidden-md hidden-sm"><b>CHECK</b>LIST</h4>
                                </div>
                            </div>

                            <div class="back">
                                <h4 class="media-heading hidden-xs f24" style="color: #000 !important"><b>CHECK</b>LIST</h4>
                                <p style="color: #000 !important">
                                    Download document checklist for claim submission<br>
                                    <a href="" ui-sref="newheaderfooter.checklist">
                                        <button type="submit" class="btn btn-warning">Know More</button>
                                    </a>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
               
            </div>
            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <div class="media service-box pb15">
                    <div class="info-card">
                        <div class="front">
                            <div class="icon">
                                <i class="fa fa-file-video-o" aria-hidden="true"></i>
                            </div>
                            <div class="media-body pt20">
                                <h4 class="media-heading hidden-xs f24"><b>PORTAL</b>TOUR</h4>
                                <h4 class="media-heading hidden-lg hidden-md hidden-sm"><b>PORTAL</b>TOUR</h4>
                            </div>
                        </div>
                        <div class="back">
                            <h4 class="media-heading hidden-xs f24" style="color: #000 !important"><b>PORTAL</b>TOUR</h4>
                            <p>
                                Get A Video Tour Of Your Portal<br>
                                <a href="Video.html" target="_blank"><button type="submit" class="btn btn-warning mt10">Know More</button></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="clearfix"></div>
    <div class="green_box">
        <div><img class="img-responsive" src="enrollment/images/divider_shadow_green.jpg"></div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs row greenbox_border">
                <form name="home">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <span class="text">
                            <a>
                                Rate Us
                            </a>
                        </span>
                    </div>
                    <div class="stars">
                        <span style="font-size: 30px;" ng-required="true" name="rate" uib-rating ng-model="rate" max="max" read-only="isReadonly" on-hover="hoveringOver(value)"
                              on-leave="overStar = null" titles="['one','two','three']" aria-labelledby="default-rating" state-on="'glyphicon-star gold'" state-off="'glyphicon-star-empty gold'">
                        </span><span class="label" ng-class="{'label-warning': percent<30, 'label-info': percent>=30 && percent<70, 'label-success': percent>=70}"
                                     ng-show="overStar && !isReadonly">{{percent}}%</span>
                    </div>
                    <div class="input-group">
                        <input type="text" class="form-control" name="comm" ng-model="comm" ng-required="true" no-special-char placeholder="Input your valuable feedback">
                        <span class="input-group-btn">
                            <button class="btn btn-warning" type="button" ng-disabled="home.comm.$invalid || rate ==0" ng-click="SaveComment()">Submit</button>
                        </span>
                    </div>
                </form>
                <!-- <div class="pull-right"><img src="images/divider.jpg"></div>-->
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs greenbox_border">
                <div class="">
                    <div class="">
                        <i class="fa fa-lock icon"></i>
                        <span class="text text_dec"><a href="#">Broker Login</a></span>
                        <p class="blue pl15"></p>
                        <p class="blue pl15"></p>
                    </div>
                    <!--<div class="pull-right"><img src="images/divider.jpg"></div>-->
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs">
                <div class="">
                    <i class="fa fa-lock icon"></i> <span class="text">
                        <a href="#">Provider Login</a>
                        <!--<a id="bookmark-this" href="#" title="Bookmark This Page" onclick="bookmark(this)">Bookmark This Page</a>-->
                    </span>
                </div>
            </div>

            <div class="clearfix"></div>
            <div class="hidden-lg hidden-md  hidden-sm  col-xs-12 pb10">
                <form name="home">
                    <div class="mt15 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <span class="text">
                            <a>
                                Rate Us:
                            </a>
                        </span>
                    </div>
                    <div class="stars">
                        <span style="font-size: 30px;" ng-required="true" name="rate" uib-rating ng-model="rate" max="max" read-only="isReadonly" on-hover="hoveringOver(value)"
                              on-leave="overStar = null" titles="['one','two','three']" aria-labelledby="default-rating" state-on="'glyphicon-star gold'" state-off="'glyphicon-star-empty gold'">
                        </span><span class="label" ng-class="{'label-warning': percent<30, 'label-info': percent>=30 && percent<70, 'label-success': percent>=70}"
                                     ng-show="overStar && !isReadonly">{{percent}}%</span>
                    </div>
                    <div class="input-group">
                        <input type="text" class="form-control" name="comm" ng-model="comm" no-special-char ng-required="true" placeholder="Input your valuable feedback">
                        <span class="input-group-btn">
                            <button class="btn btn-warning" type="button" ng-disabled="home.comm.$invalid || rate ==0" ng-click="SaveComment()">Submit</button>
                        </span>
                    </div>
                </form>
            </div>
            <div class="hidden-lg hidden-md hidden-sm col-xs-12 pb10">
                <div class=""><i class="fa fa-phone-square icon"></i> <span class="text text_dec"><a href="#">Broker Login</a></span></div>

            </div>
            <div class="hidden-lg hidden-md hidden-sm col-xs-12">
                <div class="pl10">
                    <i class="fa fa-lock icon"></i> <span class="text"><a href="#">Provider Login</a></span>

                </div>
            </div>

        </div>

        <div><img class="img-responsive" src="enrollment/images/divider_shadow_dwn_green.jpg"></div>
    </div>
    <div class="clearfix"></div>

</div>
<style>
    .gold {
        color: #FFD700;
    }
</style>