quarta-feira, 27 de abril de 2022

Fernanda Biscoito Sabor De Minas

 

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sabor Mineiro - Alimentos</title>
<meta name="description" content="A Sabor Mineiro é um fabricante de biscoitos, doces e bolachas. Distribuindo para todo o Brasil e exterior.">
<meta name="keywords" content="biscoits, bolachas, cookies, doces, pe de moleque, pe de moça, paçoca, chocolate, amanteigados">
<meta name="author" content="partner-pub.Com">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<link rel="apple-touch-icon" href="img/logo.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/logo.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/logo.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Nivo Lightbox
================================================== -->
<link rel="stylesheet" href="css/nivo-lightbox.css" >
<link rel="stylesheet" href="css/nivo_lightbox_themes/default/default.css">

<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">

<!-- Google Fonts
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="js/modernizr.custom.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.videox-slider {
width: 100%;
height: 40em;
background: #444;
position: relative;
overflow: hidden;
}
.slidex {
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 100%;
text-align: center;
overflow: hidden;
}
.slidex:first-child{
left: 0;
}
.videox{
height: 100%;
width: 100%;
border:0;
}
.slidex-arrow{
position: absolute;
top: 0;
left: 0;
height: 45%;
width: 15%;
cursor: pointer;
opacity: .2;
}
.slidex-arrow:hover{
opacity: 1;
}
.slidex-arrow:after{
content: "\003c";
text-align: center;
display: block;
height: 10%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
font-size: 3em;
}
.slidex-arrow.right:after{
content: "\003e";
}
.slidex-arrow.right{
left: auto;
right: 0;
}
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
$(document).ready(function () {
var pos = 0,
slides = $('.slidex'),
numOfSlides = slides.length;
function nextSlide() {
// `[]` returns a vanilla DOM object from a jQuery object/collection
slides[pos].video.stopVideo()
slides.eq(pos).animate({ left: '-100%' }, 500);
pos = (pos >= numOfSlides - 1 ? 0 : ++pos);
slides.eq(pos).css({ left: '100%' }).animate({ left: 0 }, 500);
}
function previousSlide() {
slides[pos].video.stopVideo()
slides.eq(pos).animate({ left: '100%' }, 500);
pos = (pos == 0 ? numOfSlides - 1 : --pos);
slides.eq(pos).css({ left: '-100%' }).animate({ left: 0 }, 500);
}
$('.left').click(previousSlide);
$('.right').click(nextSlide);
})
function onYouTubeIframeAPIReady() {
$('.slidex').each(function (index, slide) {
// Get the `.video` element inside each `.slide`
var iframe = $(slide).find('.videox')[0]
// Create a new YT.Player from the iFrame, and store it on the `.slide` DOM object
slide.video = new YT.Player(iframe)
})
}
</script>

</head>
<body>

<!-- Main Navigation
================================================== -->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="img/logo.png" alt="..."></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#tf-home" class="scroll">Home</a></li>
<!--<li><a href="#tf-services" class="scroll">a SM</a></li>-->
<li><a href="#tf-about" class="scroll">Quem Somos</a></li>
<li><a href="#tf-features" class="scroll">Linha de Produtos</a></li>
<li><a href="#tf-works" class="scroll">Produtos</a></li>
<li><a href="#tf-process" class="scroll">Processo</a></li>
<li><a href="#tf-video" class="scroll">Vídeos</a></li>
<li><a href="#tf-contact" class="scroll">Contato</a></li>
</ul>
</div><!-- /.navbar-collapse -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<div class="nav navbar-nav navbar-right">
<select id="link" onchange="changeFunc(value);">
<option value="../br/index.html" selected>Português</option>
<option value="../en/index.html"> Inglês</option>
<option value="../es/index.html"> Espanhol</option>
<option value="../fr/index.html"> Françês</option>
<option value="../al/index.html">Alemão</option>
<option value="../it/index.html">Italiano</option>
<option value="../jp/index.html">Japonês</option>
<option value="../ch/index.html">Chinês</option>
<option value="../ar/index.html">Árabe</option>
<option value="../ho/index.html">Holandês</option>
<option value="../ru/index.html">Russo</option>
</select>
<img src="band/br.png" border="0" width="25">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
$('#link').on('change', function () {
var url = $(this).val();
if (url) {
// window.open(url, '_blank');
window.open(url);
}
return false;
});
});
</script>
</div>
</div>
</div><!-- /.container-fluid -->
</nav>

<!-- Home Section
================================================== -->
<div id="tf-home" class="slider">
<div class="overlay"> <!-- Overlay Color -->
<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/bg/slider01.jpg" alt="...">
<div class="carousel-caption">
<div class="content-heading text-center"> <!-- Input Your Home Content Here -->
<h1>Bem Vindo a nossa casa</h1>
<p class="lead">Produtos com a mais alta qualidade, feitos especialmente para você!</p>
<!--
<a href="#tf-works" class="scroll goto-btn text-uppercase">View Our Works</a> <!-- Link to your portfolio section -->
</div><!-- End Input Your Home Content Here -->
</div>
</div>

<div class="item">
<img src="img/bg/slider02.jpg" alt="...">
<div class="carousel-caption">
<div class="content-heading text-center"> <!-- Input Your Home Content Here -->
<h1>Sabores & Recheios</h1>
<p class="lead">São mais de 150 produtos, com os mais diversos recheios!</p>
<!--
<a href="#tf-contact" class="scroll goto-btn text-uppercase">Hire Us Now</a>
-->
</div><!-- End Input Your Home Content Here -->
</div>
</div>

<div class="item">
<img src="img/bg/slider03.jpg" alt="...">
<div class="carousel-caption">
<div class="content-heading text-center"> <!-- Input Your Home Content Here -->
<h1>As melhores delícias</h1>
<p class="lead">de Minas Gerais, direto da Sabor Mineiro para você!</p>
<!--
<a href="#tf-about" class="scroll goto-btn text-uppercase">Learn More</a> <!-- Link to your portfolio section -->
</div><!-- End Input Your Home Content Here -->
</div>
</div>
</div>
</div>
</div><!-- End Overlay Color -->
</div>

<!-- Intro Section
================================================== -->
<div id="tf-intro">
<div class="container"> <!-- container -->
<div class="row"> <!-- row -->

<div class="col-md-8 col-md-offset-2">
<img src="img/logo-w.png" class="intro-logo img-responsive" alt="free-template"> <!-- Your company logo in white -->
<p>A Sabor Mineiro é uma empresa Brasileira de Biscoitos Caseiros fundada em 2012 que vem crescendo muito nos últimos anos...<br>Confira mais abaixo</p>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>

<!-- Service Section
================================================== -->

<!-- Videos
================================================== -->
<div id="tf-video" class="video">
<div class="container"> <!-- container -->
<div class="section-header">
<h2>Vídeos <span class="highlight"><strong>Comerciais</strong></span></h2>
<h5><em>Confira nossos vídeos</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>
<div class="videox-slider">
<!-- SLIDE 1 -->
<div class="slidex">
<iframe class="videox" src="https://www.youtube.com/embed/fSpxTTKWCCQ?ecver=2&enablejsapi=1"></iframe>
<h5><em>Comercial Sabor Mineiro</em></h5>
</div>
<!-- SLIDE 2 -->
<div class="slidex">
<iframe class="videox" src="https://www.youtube.com/embed/dlsXE7zujEw?ecver=2&enablejsapi=1"></iframe>
<h5><em>Comercial Dia das Mães</em></h5>
</div>
<div class="slidex">
<iframe class="videox" src="https://www.youtube.com/embed/BxvKang0Au4?ecver=2&enablejsapi=1"></iframe>
<h5><em>Comercial CD Sul Brasil</em></h5>
</div>
<div class="slidex">
<iframe class="videox" src="https://www.youtube.com/embed/UDxkS-dqt28?ecver=2&enablejsapi=1"></iframe>
<h5><em>Comercial da Loja Virtual</em></h5>
</div>
<!-- END OF SLIDES -->
<div class="slidex-arrow left"></div>
<div class="slidex-arrow right"></div>
</div>
<br><br><br>



</div> <!-- end container -->
</div>

<!-- About Us Section
================================================== -->
<div id="tf-about">
<div class="container"> <!-- container -->
<div class="section-header">
<h2>Quem <span class="highlight"><strong>Somos</strong></span></h2>
<h5><em>Produzindo qualidade, desde 2012!</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>
</div><!-- end container -->

<div class="gray-bg"> <!-- fullwidth gray background -->

<div class="container"><!-- container -->
<div class="row"> <!-- row -->

<div class="col-md-6"> <!-- left content col 6 -->
<div class="about-left-content text-center">
<div class="img-wrap"> <!-- profile image wrap -->
<div class="profile-img"> <!-- company profile details -->
<img src="img/Screenshot_3.png" class="img-responsive" alt="Image"> <!-- change link to your image for your company profile -->
<ul class="list-inline social">
<li><a href="https://www.facebook.com/BiscoitosSaborMineiro/" target="_blank" class="fa fa-facebook"></a></li> <!-- facebook link here -->
<li><a href="https://www.instagram.com/sabormineiro4/" target="_blank" class="fa fa-instagram"></a></li> <!-- twitter link here -->
<li><a href="https://www.google.com.br/search?source=hp&ei=3XqLXIzVOcacmwWA8bDQBA&q=sabor%20mineiro&btnK=Cerca+con+Google&oq=trailer+vingadores+end&gs_l=psy-ab.1.0.0i203l3j0i22i30l5.83116.110010..113508...5.0..0.491.3404.21j2j2j0j2......0....1..gws-wiz.....6..35i39j0i131j0j0i3j0i8i13i30.rOSSAle2Gyw&npsic=0&rflfq=1&rlha=0&rllag=-22077286,-46582902,1511&tbm=lcl&rldimm=10854946467629789079&phdesc=wptk1l-L3c4&ved=2ahUKEwjgv7OjotPjAhU5ILkGHUonALwQvS4wAXoECAoQIA&rldoc=1&tbs=lrf:!2m4!1e17!4m2!17m1!1e2!2m1!1e2!3sIAE,lf:1,lf_ui:9#btnK=Cerca%20con%20Google&rlfi=hd:;si:10854946467629789079,y,wptk1l-L3c4;mv:!1m2!1d-22.0675733!2d-46.5702357!2m2!1d-22.0870001!2d-46.595569!3m12!1m3!1d9435.755341171327!2d-46.58290235!3d-22.0772867!2m3!1f0!2f0!3f0!3m2!1i296!2i245!4f13.1;tbs:lrf:!2m1!1e2!2m4!1e17!4m2!17m1!1e2!3sIAE,lf:1,lf_ui:9" target="_blank" class="fa fa-google-plus"></a></li> <!-- google plus link here -->
</ul>
</div>
</div><!-- end profile image wrap -->

<h2><span class="small">Você nunca sabe que</span> resultados virão de sua ação.<br><span class="small">Mas se você não fizer nada, não existirão resultados.</span></h2>
</div>
</div><!-- end left content col 6 -->

<div class="col-md-6"><!-- right content col 6 -->
<div class="about-right-content"> <!-- right content wrapper -->

<p align="justify">A Sabor Mineiro é uma empresa Brasileira de Biscoitos Caseiros fundada em 2012 que vem crescendo muito nos últimos anos.<br>
Localizada em Minas Gerais, na cidade de Andradas, conta com mais de 150 colaboradores direto e mais de 300 indiretos.<br>
Atualmente a Sabor Mineiro é a maior empresa de biscoitos da região e uma das maiores do país em sua categoria.<br>
A empresa trabalha com diversos tipo de produtos, como: biscoitos amanteigados, achocolatados, caseiros, recheados e cookies.</p>
<div class="skills"> <!-- skills progress bar -->
<div class="skillset"> <!-- skill #1 -->
<p>Amanteigados</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
<span class="sr-only">70% Consumo</span>
</div>
</div>
</div><!-- end skill #1 -->

<div class="skillset"> <!-- skill #2 -->
<p>Caseiros</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" style="width: 55%;">
<span class="sr-only">55% Consumo</span>
</div>
</div>
</div><!-- end skill #2 -->

<div class="skillset"> <!-- skill #3 -->
<p>Recheados</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%;">
<span class="sr-only">99% Consumo</span>
</div>
</div>
</div> <!-- end skill #3 -->

<div class="skillset"> <!-- skill #4 -->
<p>Achocolatados</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100" style="width: 38%;">
<span class="sr-only">38% Consumo</span>
</div>
</div>
</div> <!-- end skill #4 -->

<div class="skillset"> <!-- skill #5 -->
<p>Cookies</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
<span class="sr-only">18% Consumo</span>
</div>
</div>
</div><!-- end skill #4 -->
<div class="skillset"> <!-- skill #5 -->
<p>Doces e Cocadas</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;">
<span class="sr-only">31% Consumo</span>
</div>
</div>
</div><!-- end skill #4 -->
</div> <!-- end skills progress bar -->

</div><!-- end right content wrapper -->
</div><!-- end right content col 6 -->

</div> <!-- end row -->
</div><!-- end container -->

<div id="tf-counter" class="text-center">
<div class="container">
<div class="row"> <!-- Row -->

<div class="counter">

<div class="col-xs-6 col-sm-4 col-md-2 col-md-2 col-md-offset-1 facts"><!-- counter #1 -->
<div class="count-box">
<i class="fa fa-user"></i>
<p class="small">+ de</p>
<h4 class="count">150</h4>
<p class="small">Colaboradores</p>
</div>
</div><!-- end counter #1 -->

<div class="col-xs-6 col-sm-4 col-md-2 facts"><!-- counter #2 -->
<div class="count-box">
<i class="fa fa-dollar"></i>
<p class="small">+ de</p>
<h4 class="count">300</h4>
<p class="small">Supermercados e Lojas</p>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-2 facts"> <!-- counter #3 -->
<div class="count-box">
<i class="fa fa-dollar"></i>
<p class="small">+ de</p>
<h4 class="count">500</h4>
<p class="small">Sacoleiras</p>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-2 facts"> <!-- counter #4 -->
<div class="count-box">
<i class="fa fa-thumbs-up"></i>
<p class="small">+ de</p>
<h4 class="count">600000</h4>
<p class="small">Produtos por mês</p>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-2 facts"> <!-- counter #5 -->
<div class="count-box last">
<i class="fa fa-line-chart"></i>
<p class="small">+ de</p>
<h4 class="count">3000000</h4>
<p class="small">Consumidores</p>
</div>
</div>

</div>

</div> <!-- End Row -->
</div>
</div>

</div> <!-- end fullwidth gray background -->
</div>


<!-- Why Us/Features Section
================================================== -->
<div id="tf-features">

<div class="container">
<div class="section-header">
<h2>Linhas de <span class="highlight"><strong>Produtos</strong></span></h2>
<h5><em>Trabalhamos com alimentos, mais em diversas áreas!</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>
</div>

<div id="feature" class="gray-bg"> <!-- fullwidth gray background -->
<div class="container"> <!-- container -->
<div class="row" role="tabpanel"> <!-- row -->
<div class="col-md-4 col-md-offset-1"> <!-- tab menu col 4 -->

<ul class="features nav nav-pills nav-stacked" role="tablist">
<li role="presentation" class="active"> <!-- feature tab menu #1 -->
<a href="#f1" aria-controls="f1" role="tab" data-toggle="tab">
<span class="fa fa-database"></span>
Biscoitos<br><small>amanteigados, achocolatados, recheados...</small>
</a>
</li>
<li role="presentation"> <!-- feature tab menu #2 -->
<a href="#f2" aria-controls="f2" role="tab" data-toggle="tab">
<span class="fa fa-drupal"></span>
Cookies<br><small>biscoitos com gotas de chocolate</small>
</a>
</li>
<li role="presentation"> <!-- feature tab menu #3 -->
<a href="#f3" aria-controls="f3" role="tab" data-toggle="tab">
<span class="fa fa-deviantart"></span>
Doces diversos<br><small>paçocas, trufas e outros...</small>
</a>
</li>
<li role="presentation"> <!-- feature tab menu #4 -->
<a href="#f4" aria-controls="f4" role="tab" data-toggle="tab">
<span class="fa fa-spoon"></span>
Doce de Leite<br><small>doce de leite e cocada cremosa</small>
</a>
</li>
<li role="presentation"> <!-- feature tab menu #5 -->
<a href="#f5" aria-controls="f5" role="tab" data-toggle="tab">
<span class="fa fa-cubes"></span>
Embalagens<br><small>Confira nossas embalagens</small>
</a>
</li>
</ul>

</div><!-- end tab menu col 4 -->

<div class="col-md-6"> <!-- right content col 6 -->
<!-- Tab panes -->
<div class="tab-content features-content"> <!-- tab content wrapper -->
<div role="tabpanel" class="tab-pane fade in active" id="f1"> <!-- feature #1 content open -->
<h4>Biscoitos</h4>
<p>Biscoito amanteigado com recheio de goiabada é uma combinação apaixonante.<br>
Com um cafezinho quentinho e pôr do sol vira cena de cinema em casa.<br>
Sem contar os petiscos salgados, que para seu happy hour, com uma cerveja, não tem nada igual!</p>
<img src="img/tab01.png" class="img-responsive" alt="...">
</div>
<div role="tabpanel" class="tab-pane fade" id="f2"> <!-- feature #2 content -->
<h4>Cookies</h4>
<p>Receita que vem do hemisfério norte, os cookies tem uma ótima aceitação em todos os lares, pois é uma excelente combinação de biscoitos de farinha com gotinhas de chocolate.</p>
<img src="img/tab02.png" class="img-responsive" alt="...">
</div>
<div role="tabpanel" class="tab-pane fade" id="f3"> <!-- feature #3 content -->
<h4>Doces diversos</h4>
<p>Deliciosas trufas ao leite com diversos recheios, uma enorme variedade de doces de amendoim, como pé de moça, paçoca e outros, alem de doces de pedaço e bolinhos recheados.</p>
<img src="img/tab03.png" class="img-responsive" alt="...">
</div>
<div role="tabpanel" class="tab-pane fade" id="f4"> <!-- feature #4 content -->
<h4>Doce de Leite</h4>
<p>Os doces em potes são uma verdadeira especiaria, pois alem da cremosidade, um sabor que fica gravado na sua mente.<br>
São mais de 15 sabores de doces e mais de 15 sabores de cocadas cremosa.</p>
<img src="img/tab04.png" class="img-responsive" alt="...">
</div>
<div role="tabpanel" class="tab-pane fade" id="f5"> <!-- feature #5 content -->
<h4>Embalagens</h4>
<p>Confira quais os tipos de embalagem, tamanhos e peso.<br>
Biscoitos: potes > 380g, 400g e 450g - bandeijas > 150g - Caixa com 12 potes<br>
A granel > caixas 2kg, 3kg e 4kg<br>
Doces de leite: pote 680g - Caixa com 15 potes<br>
Bolinhos: Caixinha com 15 unid. - caixa com 12 caixinhas</p>
<img src="img/tab05.png" class="img-responsive" alt="...">
</div>
</div> <!-- end tab content wrapper -->
</div><!-- end right content col 6 -->

</div> <!-- end row -->
</div> <!-- end container -->
</div><!-- end fullwidth gray background -->
</div>

<!-- Works Section
================================================== -->
<div id="tf-works">
<div class="container">
<div class="section-header">
<h2>Catálogo de <span class="highlight"><strong>Produtos</strong></span></h2>
<h5><em>Confirma nossa diversidade de produtos</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>

<div class="text-center">
<ul class="list-inline cat"> <!-- Portfolio Filter Categories -->
<li><a href="#" data-filter="*" class="active">Todos</a></li>
<li><a href="#" data-filter=".rosca">Amanteigados</a></li>
<li><a href="#" data-filter=".recheio">Recheados</a></li>
<li><a href="#" data-filter=".chocolate">Achocolatados</a></li>
<li><a href="#" data-filter=".caseiro">Caseiros</a></li>
<li><a href="#" data-filter=".cooki">Cookies</a></li>
<li><a href="#" data-filter=".outro">Doces</a></li>
<li><a href="#" data-filter=".doce">Doce de Leite</a></li>
<li><a href="#" data-filter=".cocada">Cocada Cremosa</a></li>
<li><a href="#" data-filter=".petisco">Petiscos</a></li>
</ul><!-- End Portfolio Filter Categories -->
</div>

</div><!-- End Container -->

<div class="container-fluid"> <!-- fluid container -->
<div id="itemsWork" class="row text-center"> <!-- Portfolio Wrapper Row -->

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 nopadding recheio"> <!-- Works #1 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Amor Perfeito" href="produtos/amor perfeito.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/amor perfeito.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a> <!-- change # with your url to link it to another page -->
</div>
<img src="produtos/amor perfeito.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div><!-- end Works #1 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 nopadding recheio"> <!-- Works #2 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Bambole Recheado" href="produtos/bambole recheado.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/bambole recheado.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/bambole recheado.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div><!-- end Works #2 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 nopadding recheio"><!-- Works #3 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Beijinho de Freira" href="produtos/beijinho de freira.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/beijinho de freira.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/beijinho de freira.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div><!-- end Works #3 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 nopadding recheio"> <!-- Works #4 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Beliscão" href="produtos/beliscao.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/beliscao.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/beliscao.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div> <!-- end Works #4 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #5 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Bem Casado" href="produtos/bem casado.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/bem casado.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/bem casado.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div> <!-- end Works #5 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #6 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Bragança" href="produtos/braganca.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/braganca.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/braganca.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div><!-- end Works #6 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"><!-- Works #7 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Brigadeiro" href="produtos/brigadeiro.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/brigadeiro.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/brigadeiro.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div><!-- end Works #7 col 3 -->

<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Casadinho" href="produtos/casadinho.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/casadinho.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/casadinho.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div> <!-- end Works #8 col 3 -->
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cavaca Recheada" href="produtos/cavaca.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cavaca.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cavaca.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding outro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Chocomoça" href="produtos/chocomoca.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/chocomoca.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/chocomoca.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Choconata" href="produtos/choconata.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/choconata.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/choconata.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Chocorango" href="produtos/chocorango.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/chocorango.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/chocorango.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Abacaxi" href="produtos/cocada abacaxi.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada abacaxi.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada abacaxi.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Ameixa" href="produtos/cocada ameixa.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada ameixa.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada ameixa.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Amora" href="produtos/cocada amora.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada amora.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada amora.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Café" href="produtos/cocada cafe.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada cafe.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada cafe.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Cereja" href="produtos/cocada cereja.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada cereja.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada cereja.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Frutas Vermelhas" href="produtos/cocada frutas vermelhas.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada frutas vermelhas.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada frutas vermelhas.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Kiwi" href="produtos/cocada kiwi.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada kiwi.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada kiwi.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Limão" href="produtos/cocada limao.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada limao.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada limao.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Maracujá" href="produtos/cocada maracuja.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada maracuja.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada maracuja.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa com Geleia de Morango" href="produtos/cocada morango.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada morango.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada morango.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cocada"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cocada Cremosa" href="produtos/cocada pura.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cocada pura.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cocada pura.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies Amendoim" href="produtos/cookis amendoim.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis amendoim.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis amendoim.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies de Chocolate com Gotas de Chocolate Branco" href="produtos/cookis choc branco.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis choc branco.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis choc branco.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies de Chocolate com Gotas de Chocolate" href="produtos/cookis chocolate.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis chocolate.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis chocolate.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies Festa" href="produtos/cookis festa.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis festa.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis festa.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies de Baunilha e Gotas de Chocolate" href="produtos/cookis gota choc.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis gota choc.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis gota choc.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding cooki"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Cookies Nega Maluka" href="produtos/cookis nega maluca.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/cookis nega maluca.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/cookis nega maluca.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite com Geleia de Abacaxi" href="produtos/doce de leite com abacaxi.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite com abacaxi.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite com abacaxi.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite com Geleia de Açaí" href="produtos/doce de leite com acai.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite com acai.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite com acai.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite com Geleia de Ameixa" href="produtos/doce de leite com ameixa.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite com ameixa.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite com ameixa.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite com Geleia de Café" href="produtos/doce de leite com cafe.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite com cafe.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite com cafe.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite com Geleia de Goiaba" href="produtos/doce de leite com goiaba.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite com goiaba.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite com goiaba.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite meia Goiabada" href="produtos/doce de leite meia goiaba.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite meia goiaba.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite meia goiaba.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding doce"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Doce de Leite" href="produtos/doce de leite.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/doce de leite.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/doce de leite.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Enrolada Açucarada" href="produtos/enrolada acucarada.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/enrolada acucarada.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/enrolada acucarada.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Enrolada Canela" href="produtos/enrolada canela.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/enrolada canela.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/enrolada canela.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Enrolada de Coco" href="produtos/enrolada coco.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/enrolada coco.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/enrolada coco.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Enrolada Simples" href="produtos/enrolada simples.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/enrolada simples.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/enrolada simples.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Flor de Chocolate" href="produtos/flor chocolate.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/flor chocolate.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/flor chocolate.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Florzinha" href="produtos/florzinha.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/florzinha.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/florzinha.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Juju" href="produtos/juju.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/juju.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/juju.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Moreninha" href="produtos/moreninha.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/moreninha.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/moreninha.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Napolitano" href="produtos/napolitano.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/napolitano.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/napolitano.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Ouro Branco" href="produtos/ouro branco.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/ouro branco.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/ouro branco.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Ouro Preto" href="produtos/ouro preto.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/ouro preto.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/ouro preto.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding outro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Paçoca Rolha" href="produtos/pacoca rolha.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/pacoca rolha.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/pacoca rolha.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding outro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Paçocão" href="produtos/pacocao.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/pacocao.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/pacocao.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Palito de Chocolate" href="produtos/palito de chocolate.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/palito de chocolate.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/palito de chocolate.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Pão de Mel" href="produtos/pao de mel.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/pao de mel.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/pao de mel.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding outro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Pé de Moça" href="produtos/pe de moca.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/pe de moca.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/pe de moca.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding chocolate"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Prestigio" href="produtos/prestigio.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/prestigio.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/prestigio.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Quebra Quebra" href="produtos/quebra quebra.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/quebra quebra.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/quebra quebra.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding petisco"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Sabor: Cebola e Salsa, Queijo, Bacon, Pizza, Presunto, Churrasco" href="produtos/queijo.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/queijo.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/queijo.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Romeu e Julieta" href="produtos/romeu e julieta.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/romeu e julieta.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/romeu e julieta.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding rosca"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Rosca Coco" href="produtos/rosca coco.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/rosca coco.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/rosca coco.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding rosca"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Rosca Flocos" href="produtos/rosca flocos.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/rosca flocos.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/rosca flocos.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding rosca"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Rosca Leite Condensado" href="produtos/rosca leite condensado.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/rosca leite condensado.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/rosca leite condensado.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Rosca Mix" href="produtos/rosca mix.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/rosca mix.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/rosca mix.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding rosca"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Rosca Nata" href="produtos/rosca nata.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/rosca nata.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/rosca nata.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding petisco"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Sabor: Alho, Pimenta, Camarão e Calabresa" href="produtos/salgado pimenta.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/salgado pimenta.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/salgado pimenta.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding caseiro"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Sequilho de Leite Condensado" href="produtos/sequilho leite condensado.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/sequilho leite condensado.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/sequilho leite condensado.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Uga Chocolate" href="produtos/uga chocolate.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/uga chocolate.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/uga chocolate.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Uga Morango" href="produtos/uga morango.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/uga morango.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/uga morango.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 nopadding recheio"> <!-- Works #8 col 3 -->
<div class="box">
<div class="hover-bg">
<div class="hover-text off">
<a title="Uga Uga" href="produtos/uga uga.jpg" data-lightbox-gallery="gallery1" data-lightbox-hidpi="produtos/uga uga.jpg">
<i class="fa fa-expand"></i>
</a>
<a href="#"><i class="fa fa-chain"></i></a><!-- change # with your url to link it to another page -->
</div>
<img src="produtos/uga uga.jpg" class="img-responsive" alt="Image"> <!-- Portfolio Image -->
</div>
</div>
</div>
</div> <!-- End Row -->

</div> <!-- End Container-Fluid -->
</div>

<!-- Process Section
================================================== -->
<div id="tf-process">
<div class="container"> <!-- container -->
<div class="section-header">
<h2>Confira o <span class="highlight"><strong>Processo</strong></span></h2>
<h5><em>Andamento da produção dos biscoitos amanteigados</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>
</div><!-- end container -->

<div class="gray-bg"> <!-- fullwidth gray background -->
<div class="container"><!-- container -->
<div class="vline"></div> <!-- Vertical Line -->
<div id="process" class="row"> <!-- row -->

<div class="col-md-10 col-md-offset-1">

<div class="media process"> <!-- Process #1 -->
<div class="media-right media-middle">
<i class="fa fa-search-plus"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Seleção de materia prima</h4>
<p>Nosso departamento de compras analizão amostras a todo tempo de novos materiais e compra as melhores materias prima para que a qualidade que a marca Sabor Mineiro conquista a cada dia seja mantida.<br>Após a compra, nossos fornecedores despacham as cargas e chegando na empresa é descarregado em nossa expedição!</p>
</div>
</div><!-- Process #1 -->

<div class="media process"> <!-- Process #2 -->
<div class="media-right media-middle">
<i class="fa fa-wrench"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Fabricação dos produtos</h4>
<p>Os materiais saem do deposito e vão para a cozinha, onde as formulações são feitas. <br>Após a massa pronta, ela vai para as pingadeiras que dão o formado aos biscoitos, e logo na sequencia as bandeijas vão para o forno onde a mais de 180°C são assadas.<br>Depois que sai do forno, os biscoitos passam por um processo de resfriamento e logo em seguida ja são embalados para seguir para o próximo departamento.</p>
</div>
</div><!-- Process #2 -->

<div class="media process"> <!-- Process #3 -->
<div class="media-right media-middle">
<i class="fa fa-flask"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Recheio ou Cobertura</h4>
<p>Nem todos os produtos passam por esta etapa.<br>40% dos biscoitos amanteigados, ja saem da produção e vão direto para embalagem, porem os outros 60% ainda passam por um dos processos que aqui vamos ver.<br>Cerca de metade da produção geral segue para receber recheio, que varia entre Goiabada, Chocolate, Doce de Banana, Amendoim, Morango, Uva, Abacaxi e outro, que no departamento de recheio ganham um doce e dois biscoitos fazendo assim a união, ja a outra parte recebe uma cobertura de chocolate que pode ser de chocolate branco ou chocolate normal.</p>
</div>
</div><!-- Process #3 -->

<div class="media process"> <!-- Process #4 -->
<div class="media-right media-middle">
<i class="fa fa-truck"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Embalagem e Transporte</h4>
<p>Após passar por todos os processos de produção, o produto vai para a linha de embalagem, onde é pesado, rotulado, colocado em caixa e paletizado. Neste momento ele vai para expedição.<br>Á ultima etapa é o transporte, onde o produto é colocado nos caminhões, faz a conferência e despacho da carga!<br>E o produto vai para o Brasil todo e agora para outros paises também!</p>
</div>
</div><!-- Process #4 -->
</div>

</div> <!-- end row -->
</div><!-- end container -->
</div> <!-- end fullwidth gray background -->
</div>


<!-- Contact Section
================================================== -->
<div id="tf-contact">

<div class="container"> <!-- container -->
<div class="section-header">
<h2>Entre em <span class="highlight"><strong>Contato</strong></span></h2>
<h5><em>Esperamos que você encontre o que precise, caso tenha dúvida, use um dos canais a baixo e contate-nos</em></h5>
<div class="fancy"><span><img src="img/apple-touch-icon.png" alt="..."></span></div>
</div>
</div><!-- end container -->

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7394.092961371759!2d-46.597635427130236!3d-22.086041800627157!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x96a4844ce2f46f97!2sSabor+Mineiro+-+Biscoitos+Caseiros!5e0!3m2!1spt-BR!2sbr!4v1564165349719!5m2!1spt-BR!2sbr" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- google map -->

<div class="container"><!-- container -->
<div class="row"> <!-- outer row -->
<div class="col-md-10 col-md-offset-1"> <!-- col 10 with offset 1 to centered -->
<div class="row"> <!-- nested row -->

<!-- contact detail using col 4 -->
<div class="col-md-4">
<div class="contact-detail">
<i class="fa fa-map-marker"></i>
<h4>Av. Perimetral Ver. Antônio de Lima, 200<br>Jd. do Trevo - Andradas - MG<br>CEP 37795-000</h4> <!-- address -->
</div>
</div>
<!-- contact detail using col 4 -->
<div class="col-md-4">
<div class="contact-detail">
<i class="fa fa-envelope-o"></i>
<h4>contato@biscoitossabormineiro.com.br</h4><!-- email add -->
</div>
</div>

<!-- contact detail using col 4 -->
<div class="col-md-4">
<div class="contact-detail">
<i class="fa fa-phone"></i>
<h4>+55 35 3590-0259</h4> <!-- phone no. -->
</div>
</div>

</div> <!-- end nested row -->
</div> <!-- end col 10 with offset 1 to centered -->
</div><!-- end outer row -->

<div class="row text-center"> <!-- contact form outer row with centered text-->
<div class="col-md-10 col-md-offset-1"> <!-- col 10 with offset 1 to centered -->
<form id="contact-form" class="form" name="sentMessage" novalidate> <!-- form wrapper -->

<div class="row"> <!-- nested inner row -->

<!-- Input your name -->
<div class="col-md-4">
<div class="form-group"> <!-- Your name input -->
<input type="text" autocomplete="off" class="form-control" placeholder="Nome *" id="name" required data-validation-required-message="Coloque seu nome.">
<p class="help-block text-danger"></p>
</div>
</div>

<!-- Input your email -->
<div class="col-md-4">
<div class="form-group"> <!-- Your email input -->
<input type="email" autocomplete="off" class="form-control" placeholder="Email *" id="email" required data-validation-required-message="Coloque seu email.">
<p class="help-block text-danger"></p>
</div>
</div>

<!-- Input your Phone no. -->
<div class="col-md-4">
<div class="form-group"> <!-- Your email input -->
<input type="text" autocomplete="off" class="form-control" placeholder="Celular *" id="phone" required data-validation-required-message="Coloque seu celular.">
<p class="help-block text-danger"></p>
</div>
</div>

</div><!-- end nested inner row -->

<!-- Message Text area -->
<div class="form-group"> <!-- Your email input -->
<textarea class="form-control" rows="7" placeholder="Mensagem..." id="message" required data-validation-required-message="Por favor digite sua mensagem."></textarea>
<p class="help-block text-danger"></p>
<div id="success"></div>
</div>
<button type="submit" class="btn btn-primary tf-btn color">Enviar</button> <!-- Send button -->

</form><!-- end form wrapper -->
</div><!-- end col 10 with offset 1 to centered -->
</div> <!-- end contact form outer row with centered text-->

</div><!-- end container -->

</div>

<!-- Footer
================================================== -->
<div id="tf-footer">
<div class="container"><!-- container -->
<img src="img/logo.png" width="60">© copyright
- Todos os direitos reservados - design by <i class="fa fa-love"></i><a href="https://partner-pub.com" target="_blank">Partner Pub</a>
<!-- copyright text here-->
<ul class="list-inline social pull-right">
<li><a href="https://www.facebook.com/BiscoitosSaborMineiro/" target="_blank"><i class="fa fa-facebook"></i></a></li> <!-- Change # With your FB Link -->
<li><a href="https://www.instagram.com/sabormineiro4/" target="_blank"><i class="fa fa-instagram"></i></a></li> <!-- Change # With your Twitter Link -->
<li><a href="https://www.google.com.br/search?source=hp&ei=3XqLXIzVOcacmwWA8bDQBA&q=sabor%20mineiro&btnK=Cerca+con+Google&oq=trailer+vingadores+end&gs_l=psy-ab.1.0.0i203l3j0i22i30l5.83116.110010..113508...5.0..0.491.3404.21j2j2j0j2......0....1..gws-wiz.....6..35i39j0i131j0j0i3j0i8i13i30.rOSSAle2Gyw&npsic=0&rflfq=1&rlha=0&rllag=-22077286,-46582902,1511&tbm=lcl&rldimm=10854946467629789079&phdesc=wptk1l-L3c4&ved=2ahUKEwjgv7OjotPjAhU5ILkGHUonALwQvS4wAXoECAoQIA&rldoc=1&tbs=lrf:!2m4!1e17!4m2!17m1!1e2!2m1!1e2!3sIAE,lf:1,lf_ui:9#btnK=Cerca%20con%20Google&rlfi=hd:;si:10854946467629789079,y,wptk1l-L3c4;mv:!1m2!1d-22.0675733!2d-46.5702357!2m2!1d-22.0870001!2d-46.595569!3m12!1m3!1d9435.755341171327!2d-46.58290235!3d-22.0772867!2m3!1f0!2f0!3f0!3m2!1i296!2i245!4f13.1;tbs:lrf:!2m1!1e2!2m4!1e17!4m2!17m1!1e2!3sIAE,lf:1,lf_ui:9" target="_blank"><i class="fa fa-google-plus"></i></a></li> <!-- Change # With your Google Plus Link -->
<li><a href="https://www.youtube.com/watch?v=fSpxTTKWCCQ" target="_blank"><i class="fa fa-youtube"></i></a></li> <!-- Change # With your Youtube Link -->
<li><a href="http://www.biscoitossabormineiro.com.br" target="_blank"><i class="fa fa-dribbble"></i></a></li> <!-- Change # With your Dribbble Link -->
<!--
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
-->
</ul>
</div><!-- end container -->
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/owl.carousel.js"></script><!-- Owl Carousel Plugin -->

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<!-- Google Map -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&amp;sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>

<!-- Parallax Effects -->
<script type="text/javascript" src="js/skrollr.js"></script>
<script type="text/javascript" src="js/imagesloaded.js"></script>

<!-- Portfolio Filter -->
<script type="text/javascript" src="js/jquery.isotope.js"></script>

<!-- LightBox Nivo -->
<script type="text/javascript" src="js/nivo-lightbox.min.js"></script>

<!-- Contact page-->
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/contact.js"></script>

<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>


</body>
</html>

0 Comentários:

Postar um comentário

Assinar Postar comentários [Atom]

<< Página inicial