@@include('header.html')

<section id="banner">
    <div class="item">
        <div class="camada" style="background: url(<?php bloginfo('stylesheet_directory' ); ?>/assets/images/banner.png) top center no-repeat; background-size: cover;">
            <div class="block">
                 <h2>Inovação & Qualidade <br>com foco no cliente</h2>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci  </p>
                <a class="btn" href="">Saiba <strong>mais</strong></a>
            </div>
        </div>
    </div>
</section>

<section id="categorys">
    <div class="container">
        <div class="row cat-list">
            <div class="col-lg-3 prod">
                <div class="img" style="background-image: url(<?php bloginfo('stylesheet_directory' ); ?>/assets/images/cat-img1.jpg);"></div>
                <div class="title">
                    <a href="">
                        Misturador de Ração
                    </a>
                </div>
            </div>
            <div class="col-lg-3 prod">
                <div class="img" style="background-image: url(<?php bloginfo('stylesheet_directory' ); ?>/assets/images/cat-img2.jpg);"></div>
                <div class="title">
                    <a href="">
                        Elevadores de Grão
                    </a>
                </div>
            </div>
            <div class="col-lg-3 prod">
                 <div class="img" style="background-image: url(<?php bloginfo('stylesheet_directory' ); ?>/assets/images/cat-img2.jpg);"></div>
                <div class="title">
                    <a href="">
                        Esmagador de Sementes
                    </a>
                </div>
            </div>
        </div>
    </div>  
</section>

<section id="offercase">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4 offset-lg-1">
                <img class="img" src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/peopleoffer.png">
            </div>
            <div class="col-lg-4">
                <h2>Orçamento</h2>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci  </p>
                <h3>Lorem Ipsum - Dolor Lorem</h3>
            </div>
        </div>
    </div>
</section>

<section id="depoimentos">
    <h2>Depoimentos <span>Clientes</span></h2>
    <div class="depoimento">
        <div class="item">
            <div class="camada">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci  </p>
                <h3>Lorem Ipsum - Dolor Lorem</h3>
                
            </div>
        </div>
        <div class="item">
            <div class="camada">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci  </p>
                <h3>Lorem Ipsum - Dolor Lorem</h3>
                
            </div>
        </div>
        <div class="item">
            <div class="camada">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci  </p>
                <h3>Lorem Ipsum - Dolor Lorem</h3>
                
            </div>
        </div>
    </div>
</section>

<section id="descricoes">
     <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-lg-3">
                <div class="icone">
                    <img src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/icon1.png">
                </div>
                <h3>Maior <br><strong>Produtividade</strong></h3>
                <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
            </div>
            <div class="col-lg-3">
                <div class="icone">
                    <img src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/icon2.png">
                </div>
                <h3><strong>Diminuição</strong> no <br>Consumo de Energia</h3>
                <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
            </div>
            <div class="col-lg-3">
                <div class="icone">
                    <img src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/icon3.png">
                </div>
                <h3>Produção de Farelo de <strong>Soja de Alta Qualidade</strong></h3>
                <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
            </div>
        </div>
    </div>
</section>

<section id="videos">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <a class="video" href="http://www.youtube.com/watch?v=qjY8frRI8T8" data-lity>
                    <img src="http://img.youtube.com/vi/qjY8frRI8T8/0.jpg" alt="">
                </a>
            </div>
            <div class="col-lg-3">
                <a class="video" href="http://www.youtube.com/watch?v=qjY8frRI8T8" data-lity>
                    <img src="http://img.youtube.com/vi/qjY8frRI8T8/0.jpg" alt="">
                </a>
            </div>
            <div class="col-lg-3">
                <a class="video" href="http://www.youtube.com/watch?v=qjY8frRI8T8" data-lity>
                    <img src="http://img.youtube.com/vi/qjY8frRI8T8/0.jpg" alt="">
                </a>
            </div>
            <div class="col-lg-3">
                <a class="video" href="http://www.youtube.com/watch?v=qjY8frRI8T8" data-lity>
                    <img src="http://img.youtube.com/vi/qjY8frRI8T8/0.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
</section>


<section id="noticias">
    <div class="container">
        <div class="row noticia">
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        <a class="imagem" href="" data-lity>
                            <img src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/not.png" alt="">
                            <div class="hover">
                                <i class="fa fa-plus-circle"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <br>
                        <strong>05</strong>
                        <span>MAI</span>
                    </div>
                    <div class="col-lg-10">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
                        <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        <a class="imagem" href="" data-lity>
                            <img src="<?php bloginfo('stylesheet_directory' ); ?>/assets/images/not.png" alt="">
                            <div class="hover">
                                <i class="fa fa-plus-circle"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <br>
                        <strong>05</strong>
                        <span>MAI</span>
                    </div>
                    <div class="col-lg-10">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
                        <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@@include('footer.html')