<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <?php echo $__env->yieldSection(); ?> 
</head> 
<body>
    <header>
        <nav class="navbar navbar-default grove-navbar" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a href="#" class="grove-toggle" data-toggle="collapse" data-target=".grove-nav">   <i class="glyphicons show_lines"></i>  </a>
                    <a href="index.html" class="navbar-brand"><img style="max-height:45px" src="<?php echo URL::asset('img/verenia.jpg');; ?>"/></a>
                </div>

                <div class="collapse navbar-collapse grove-nav">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="index.html">Home</a>
                        </li>           
                        <li class="dropdown">
                            <a href="#" data-toggle="dropdown">Solution <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="about-us.html">Features</a></li>
                                <li><a href="features.html">Integration</a></li>
                                <li><a href="pricing.html">Industries</a></li>
                                <li><a href="comparison.html">Guided Selling</a></li>
                                <li><a href="comparison.html">ROI</a></li>
                            </ul>
                        </li>             
                        <li>
                            <a href="about">About Us</a>
                        </li>               
                        <li>
                            <a href="blog">Blog</a>
                        </li>             
                        <li>
                            <a href="aboutus">The Team</a>
                        </li>                 
                        <li class="dropdown">
                            <a href="#" data-toggle="dropdown">Features <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="glyphicons.html">Glyphicons</a></li>
                                <li><a href="buttons.html">Buttons</a></li>
                            </ul>
                         </li>
                    </ul>        
                </div><!-- /.navbar-collapse -->
            </div>
        </nav>
    </header>

    <!--LayerSlider begin-->

    <!-- Note: Layerslider is configured in js/grove-slider.js -->
    <div class="hidden-xs">
        <div id="layerslider" style="width: 100%; height: 405px; margin: 0px auto;">
            <div class="ls-slide" data-ls="transition2d:5;">
                <img class="ls-bg" src="img/slides/bg-five.jpg" alt="Slider Background">
                <img  class="ls-l" src="<?php echo URL::asset('img/logo.png');; ?>" alt="iMac" style="top:15px; left:650px;" data-ls=" durationin : 2000; delayin : 0; offsetxin: right;  offsetxout: right; ">
                <div class="ls-l large-caption" 
                     style="top:120px; left:20px;"
                     data-ls="delayin: 750; offsetxin: 0; offsetxout: 0;">
                    <div><p class="slider-headline">Introducing EosCloudStore</p></div>
                    <div><p>Industry Redefining</p></div>
                    <div><p>CPQ & eCommerce Solution.</p></div>
                </div>
            </div>

            <div class="ls-slide" data-ls="transition2d:5;">
                <img class="ls-bg" src="img/slides/bg-two.jpg" alt="Slider Background">
                <img  class="ls-l" src="img/slides/macbook-air.png" alt="MB Air" style="top:25px; left:50px;" data-ls="durationin: 2500; offsetxin: left; offsetxout: left;">
                <div class="ls-l large-caption" style="top:150px; left:750px;" data-ls="delayin: 750; offsetxin: 0; offsetxout: 0;">
                    <div><p class="slider-headline">Sales Loves Us</p></div>
                    <div><p class="slider-small">Get everyone in your organization on the same page</p></div>
                    <div><p class="slider-small">From dealers to salespeople to internet shoppers,</p></div>
                    <div><p class="slider-small">let them all visualize your product and order it quickly and easily</p></div>
                </div>
            </div>

            <div class="ls-slide" data-ls="transition2d:5;">
                <img class="ls-bg" src="img/slides/bg-two.jpg" alt="Slider Background">
                <img  class="ls-l" src="img/slides/macbook-air.png" alt="MB Air" style="top:25px; left:50px;" data-ls="durationin: 2500; offsetxin: left; offsetxout: left;">
                <div class="ls-l large-caption" style="top:150px; left:750px;" data-ls="delayin: 750; offsetxin: 0; offsetxout: 0;">
                    <div><p class="slider-headline">Industrial Strength</p></div>
                    <div><p class="slider-small">Dynamically Generate Data</p></div>
                    <div><p class="slider-small">Bills of Materials (BOMs), Routings and CAD Drawings</p></div>
                </div>
            </div>
          
            <div class="ls-slide" data-ls="transition2d:5;">
                <img class="ls-bg" src="img/slides/bg-three.jpg" alt="Slider Background">
                <img  class="ls-l" src="img/slides/macbook-air.png" alt="MB Air" style="top:25px; left:50px;" data-ls="durationin: 2500; offsetxin: left; offsetxout: left;">
                <div class="ls-l large-caption" style="top:150px; left:750px;" data-ls="delayin: 750; offsetxin: 0; offsetxout: 0;">
                    <div><p class="slider-headline">Integration</p></div>
                    <div><p>Instead of starting from scratch, reuse your data in the cloud</p></div>
                    <div><p>from your existing ERP or CRM systems</p></div>
                </div>
            </div>

            <div class="ls-slide" data-ls="transition2d:5;">
                <img class="ls-bg" src="img/slides/bg-four.jpg" alt="Slider Background">
                <img  class="ls-l" src="img/slides/fam_imac.png" alt="iMac"  style="top:50px; left:50px;" data-ls=" durationin : 2000; delayin : 0; offsetxin: left;  offsetxout: left;">
                <img  class="ls-l" src="img/slides/fam_macbook.png" alt="MacBook" style="top:190px; left:250px;" data-ls="durationin : 2000; durationout: 2000; delayin : 300; offsetxin: 300; offsetyin: 300; offsetxout: left;">
                <img  class="ls-l" src="img/slides/fam_ipad.png" alt="iPad"  style="top:210px; left:0px;" data-ls="durationin : 2000; durationout: 2000; delayin : 300; offsetxin: -300; offsetyin: 300; offsetxout: left;">
                <img  class="ls-l" src="img/slides/fam_iphone.png" alt="iPhone"  style="top:265px; left:160px;" data-ls="durationin : 2000; durationout: 2000; delayin : 300; offsetxin: 0; offsetyin: 300; offsetxout: left;">

                <div class="ls-l large-caption" style="top:130px; left:700px;" data-ls="delayin:750; offsetxin: 0; offsetxout: 0;">
                  <div><p class="slider-headline">Configure Anytime, Anywhere</p></div>
                    <div><p></p></div>
                    <div><p>The industry's <b>only</b> responsive product configurator</p></div>
                </div>
            </div>   
        </div>
    </div>
    
    <!--LayerSlider end-->

    <!-- Layerslider substitute on x-small devices -->
    <div class="widewrapper pagetitle visible-xs">
        <div class="container">
            <h1>Welcome to Grove!</h1>        
        </div>
    </div> 

    <div class="widewrapper">
        <div class="container">
            <div class="row features">
                <div class="col-md-4 feature">
                    <h3><a class="glyphicons tint"></a>Responsive Layout</h3>
                    <p>Adalah menjadi satu fakta bahawa pembaca akan ter ganggu oleh text yang boleh difahami apabila meli hi at susunan mukasurat. Kegunaan.</p>
                </div>
                <div class="col-md-4 feature">
                    <h3><i class="social skitch"></i>Exquisite Design</h3>
                    <p>Adalah menjadi satu fakta bahawa pembaca akan ter ganggu oleh text yang boleh difahami apabila meli hi at susunan mukasurat. Kegunaan.</p>
                </div>
                <div class="col-md-4 feature">
                    <h3><i class="filetype html"></i>Clean Code</h3>
                    <p>Adalah menjadi satu fakta bahawa pembaca akan ter ganggu oleh text yang boleh difahami apabila meli hi at susunan mukasurat. Kegunaan.</p>
                </div>        
            </div>
        </div>
    </div>

    <div class="widewrapper weak-highlight">
        <div class="container content">
            <div class="showroom-controls">
                <div class="links">Recent Work <i class="verticalSeparator"></i> <a href="portfolio.html">All Work</a></div>
            </div>
            <div class="row">
                <div class="showroom-item col-sm-3">
                    <div class="image">
                        <img src="img/portfolio/port-server.png" class="img-responsive" alt="Portfolio Image">
                        <a class="overlay" href="portfolio-inner.html">
                             <i class="glyphicons search"></i>
                             <div class="name">Server Security</div>
                        </a>
                    </div>
                </div>
                <div class="showroom-item col-sm-3">
                    <div class="image">
                        
                        <img src="img/portfolio/port-code.png" class="img-responsive" alt="Portfolio Image">
                        <a class="overlay" href="portfolio-inner.html">
                             <i class="glyphicons search"></i>
                             <div class="name">Code Review</div>
                        </a>
                    </div>
                </div>
                <div class="showroom-item col-sm-3">
                    <div class="image">
                        <img src="img/portfolio/port-storage.png" class="img-responsive" alt="Portfolio Image">
                         <a class="overlay" href="portfolio-inner.html">
                             <i class="glyphicons search"></i>
                             <div class="name">Storage Consulting</div>
                         </a>
                    </div>
                </div>                
                <div class="showroom-item col-sm-3">
                    <div class="image">
                        <img src="img/portfolio/port-car.png" class="img-responsive" alt="Portfolio Image">  
                         <a class="overlay" href="portfolio-inner.html">
                             <i class="glyphicons search"></i>
                             <div class="name">Blue Car</div>                         
                         </a>
                    </div>
                </div>                        
            </div>

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

    <div class="widewrapper">
        <div class="container content">
            <div class="row">
                <div class="col-sm-9">
                    <div class="showroom-controls">
                        <div class="links">Recent Blog Posts <i class="verticalSeparator"></i> <a href="blog.html">All Blog Posts</a></div>
                    </div>
                    <div class="row">
                        <div class="showroom-item blog-item col-sm-4">
                            <div class="image">
                                <img src="img/blog/blog-map.png"  class="img-responsive" alt="Blog Thumbnail">
                                 <a href ="blog-inner.html" class="overlay">
                                     <i class="glyphicons search"></i>
                                 </a>
                            </div>
                            <div class="content">
                                <h3><a href="blog-inner.html">The Merits of Google Maps</a></h3>
                                <span class="meta">Posted by Admin on 1.1.2013</span>
                                <span class="preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut beatae consequuntur blanditiis fuga eveniet? Aperiam, beatae, recusandae.
                                </span>
                                <a class="more" href="blog-inner.html">View more</a>
                            </div>
                        </div>
                        <div class="showroom-item blog-item col-sm-4">
                            <div class="image">
                                <img src="img/blog/blog-boat.png" class="img-responsive" alt="Blog Thumbnail">
                                 <a href ="blog-inner.html" class="overlay">
                                     <i class="glyphicons search"></i>
                                 </a>
                            </div>
                            <div class="content">
                                <h3><a href="blog-inner.html">Sailing on Course</a></h3>
                                <span class="meta">Posted by Admin on 1.1.2013</span>
                                <span class="preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut beatae consequuntur blanditiis fuga eveniet? Aperiam, beatae, recusandae.
                                </span>
                                <a class="more" href="blog-inner.html">View more</a>
                            </div>
                        </div>

                        <div class="showroom-item blog-item col-sm-4">
                            <div class="image">
                                <img src="img/blog/blog-pad.png" class="img-responsive" alt="Blog Thumbnail">
                                 <a href ="index.html" class="overlay">
                                     <i class="glyphicons search"></i>
                                 </a>
                            </div>
                            <div class="content">
                                <h3><a href="blog-inner.html">Mouse versus Pen</a></h3>
                                <span class="meta">Posted by Admin on 1.1.2013</span>
                                <span class="preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut beatae consequuntur blanditiis fuga eveniet? Aperiam, beatae, recusandae.
                                </span>
                                <a class="more" href="blog-inner.html">View more</a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="col-sm-3">
                    <div class="showroom-controls">
                        <div class="links">Testimonials</div>
                        <div class="controls">
                            <a class="left" href="#testimonials-carousel" data-slide="prev"></a>
                            <a class="right" href="#testimonials-carousel" data-slide="next"></a>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div id="testimonials-carousel" class="carousel slide testimonials">
                                 <!-- Carousel items -->
                                 <div class="carousel-inner">
                                    <div class="active item testimonial-item">
                                        <div class="bubble">
                                            "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven."

                                        </div>
                                        <div class="client"><a href="#"> Michael B.</a>, The Creative Group</div>
                                    </div>
                                    <div class="item testimonial-item">
                                        <div class="bubble">
                                            "Second carousel. Lorem ipsum dolor sit amet, consectetur adipisicing elit, tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven."
                                        </div>
                                        <div class="client"><a href="#"> Alex R.</a>, The Coding Group</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
    </div>

    <div class="widewrapper weak-highlight">
        <div class="container content our-clients">
            <div class="showroom-controls">
                <div class="links">Our clients</div>
            </div>
            <div class="clients">
                <div class="client"><img src="img/logos/logo1.png" class="img-responsive" alt="A Bright Idea"></div>
                <div class="client"><img src="img/logos/logo2.png" class="img-responsive" alt="U Read"></div>
                <div class="client"><img src="img/logos/logo3.png" class="img-responsive" alt="Drop"></div>
                <div class="client"><img src="img/logos/logo4.png" class="img-responsive" alt="Alaska Anchor"></div>
            </div>
        </div>
    </div>  

    <div class="widewrapper strong-highlight">
        <div class="container calltoaction">
            <span>Buttons sell products! Call your visitors to action with this bold button.</span>
            <a href="https://wrapbootstrap.com/theme/grove-responsive-business-theme-WB09B7SFK" class="btn btn-grove-one btn-xlg btn-bold">Purcharse Grove now!</a>
        </div>
    </div>

    <footer class="widewrapper footer">
        <div class="container">
            <div class="row footer">
                <div class="col-sm-3">
                    <h4>About Grove</h4>
                    <p>Adalah menjadi satu fakta bahawa pembaca akan ter ganggu oleh text yang boleh difa hami apabila meli hi at susunan mukasurat.</p>
                </div>
                <div class="col-sm-3">
                    <div class="indent30">
                    <h4>Recent News</h4>
                    <ul class="grove-list">
                        <li><a href="#">Hello World Shatana</a></li>
                        <li><a href="#">Foobar in the sky flying so high</a></li>
                        <li><a href="#">Wild things happening, all around</a></li>
                        <li><a href="#">No time for that, no time for that</a></li>
                    </ul>
                    </div>
                </div>
                
                <div class="col-sm-3">
                    <h4>About Grove</h4>
                    <p>Adalah menjadi satu fakta bahawa pembaca akan ter ganggu oleh text yang boleh difa hami apabila meli hi at susunan mukasurat.</p>
                </div>

                <div class="col-sm-3">
                    <h4>Connect</h4>
                    <a href="#" class="social facebook"></a>
                    <a href="#" class="social twitter"></a>
                    <a href="#" class="social google_plus"></a>
                    <a href="#" class="social linked_in"></a>
                </div>            
            </div>
        </div>

        <div class="container">
            <div class="copyright">
                <p>Designed by <a href="http://hackerthemes.com">HackerThemes</a></p>
            </div>
        </div>
    </footer>

    <?php echo HTML::script('js/vendor/bootstrap/bootstrap.min.js');; ?>

    <?php echo HTML::script('js/vendor/modernizr/modernizr.js');; ?>

</body>
</html>