<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bem vindo ao Laticínio Santa Helena</title>
    <link rel="icon" type="image/png" sizes="32x32" href="images/logo_g.png">

    <!-- Fonts-->
    <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap" rel="stylesheet">
    <!-- Css-->
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="fonts/css/all.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/bootstrap-select.min.css">

    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="css/vegas.min.css">
    <link rel="stylesheet" href="css/nouislider.min.css">
    <link rel="stylesheet" href="css/nouislider.pips.css">
    <link rel="stylesheet" href="css/agrikol_iconl.css">
    <!-- Template styles -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/custom.css">
</head>

<body>
<div class="page-wrapper" id="inicio">
    <div class="site-header__header-one-wrap">
        <div class="topbar-one">
            <div class="container">
                <div class="topbar-one__left">
                    <a href="mailto:rh@laticiniosh.com.br"><span class="icon-message"></span>rh@laticiniosh.com.br</a>
                    <a href="tel:4532274711"><span class="icon-phone-call"></span>(45) 3227-4711</a>
                </div>
                <div class="topbar-one__middle">
                    <a href="index.html" class="main-nav__logo">
                        <img src="images/logo_g.png" width="225" class="main-logo" alt="Logo">
                    </a>
                </div>
                <div class="topbar-one__right">
                    <div class="topbar-one__social">
                        <a href="https://www.facebook.com/p/Laticínio-Santa-Helena-100063672297039/" target="_blank"><i
                                    class="fab fa-facebook-square"></i></a>
                        <a href="https://www.instagram.com/explore/locations/110565777132466/laticinio-santa-helena/"
                           target="_blank"><i class="fab fa-instagram"></i></a>
                        <a href="https://wa.me/5545999371403" target="_blank"><i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>
            </div>
        </div>

        <header class="main-nav__header-one">
            <nav class="header-navigation stricky">
                <div class="container clearfix">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="main-nav__left">
                        <a href="#" class="side-menu__toggler">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                    <div class="main-nav__main-navigation">
                        <ul class=" main-nav__navigation-box">
                            <li>
                                <a href="#inicio">Início</a>
                            </li>
                            <li>
                                <a href="#produtos">Produtos</a>
                            </li>
                            <li>
                                <a href="#contato">Contato</a>
                            </li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </nav>
        </header>
    </div>