<!doctype html>
<html lang="pt-br">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Barbearia Coldre em Salinas. #barbearia #salinas #salao #coldre">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/animated.css">
    <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="css/index.css">
    <meta name="theme-color" content="#312b2be1">
    <title>Hello, world!</title>
</head>

<body class="bg-dark">
    <div class="mt-0 fundo">
        <header>
            <nav class="navbar fixed-top navbar-expand-lg">
                <a class="navbar-brand studio font2" href="index.php"><span><img src="img/logo.png" height="60px" width="50px" alt="">Studio Coldre</span> </strong>
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <img src="https://img.icons8.com/cute-clipart/64/000000/menu.png" />
                </button>

                <div class="collapse navbar-collapse justify-content-end mr-md-5" id="navbarSupportedContent">
                    <ul class="navbar-nav">

                        <li class="nav-item">
                            <a class="nav-link" href="index.php">HOME</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="index.php#servico">SERVIÇOS</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="empresa.php">EMPRESA</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="index.php#galeria">GALERIA</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="index.php#contato">CONTATO</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
    </div>
    <div class="margem"></div>
    <div class="container dark">

        <div class="row  mt-5  position-relative">
            <div class="col-md-4">
                <h2 class="font2  text-warning">Nossa missão</h2>
                <div class="container text-justify">
                    <p class="font1"> Proporcionar momentos especiais aos nossos clientes e amigos, por meio dos melhores serviços de barba e cabelo,
                        num ambiente familiar,com simpatia, boa bebida, boa música, e momentos de lazer.
                    </p>
                </div>
            </div>

            <div class="col-md-4">

                <h2 class="font2  text-warning">Nossos Valores</h2>
                <div class="container text-justify">
                    <p class="font1">
                        Ser referência em estética masculina, proporcionando
                        aos nossos clientes uma experiência inesquecível.
                    </p>
                </div>
            </div>

            <div class="col-md-4">
                <h2 class="font2  text-warning">Nossa visão</h2>
                <div class="container text-justify">
                    <p class="font1">
                        Compromisso, Amizade, Lealdade, Excelência, Qualidade e Inovação. Tornar-se referência no seguimento da beleza e saúde.
                        Ser Lembrado e Desejado pelo mercado.
                        Ser reconhecida como empresa diferente e revolucionária.
                    </p>
                </div>
            </div>


        </div>

    </div>
    <div class="margem"></div>
    <div class="container">
        <h2 class="font2 text-warning">Quem sou eu?</h2>
        <div class="row dark position-relative">
            <div class="col-md-6 mb-md-0 p-md-4">
                <img src="img/barber2.jpg" class="w-100" alt="...">
            </div>
            <div class="col-md-6 position-static p-4 pl-md-0">
                <h5 class="mt-0 font1">Breno Vambáster Alfar Silva </h5>
                <p>A sua história começa bem cedo. Empreendedor desde aos 18 anos de idade, quando fundou a sua primeira barberia. Tem sede por aprender cada vez mais para
                    sempre tentar entrgar o serviço da melhor forma possível ante sollicitudin. Cras purus odio, vestibulum in vulputate at,
                    tempus viverra turpis. Fusce condimentum nunc
                    ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </p>

            </div>

        </div>

        <div class="dark">
            <p class="col font1"><br> Barberaria coldre, ©Copyright 2020.
                <i class="text-secondary"> Desenvolvido por Breno Vambáster</i>

            </p>
        </div>
    </div>

</body>











<script>
    src = "js/jquery.js "
</script>
<script src="js/wow.min.js ">
</script>
<script>
    new WOW().init();
</script>
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js " integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js " integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo " crossorigin="anonymous "></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js " integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI " crossorigin="anonymous "></script>

</html>