index.html

﻿﻿
<!doctype html>


<html lang="en">

<head>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css " rel="stylesheet" />
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Queijinhos da Beira</title>
    <style>
        body {
            margin-top: 30px;
            margin-bottom: 50px;
            background-color: #333333;
        }

        .navbar {
            z-index: 1; /* Garante que a barra de navegação esteja acima do conteúdo quando necessário */
        }

        .carouselImage {
            margin-top: 40px;
            padding: 0px;
            margin-bottom: 0px;
            background-position: center center !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-color: pink;
            min-height: 558px;
        }

        .carousel-item:nth-child(1) > div {
            background-image: url('https://www.cm-penalvadocastelo.pt/wp-content/uploads/2021/07/0089.jpg');
        }

        .carousel-item:nth-child(2) > div {
            background-image: url('https://newinporto.nit.pt/wp-content/uploads/2023/11/2c4da3c9cc7d9b4931712320ef8a1e7d-754x394.jpeg');
        }

        .carousel-item:nth-child(3) > div {
            background-image: url('https://images.impresa.pt/sicnot/2023-02-16-queijos-5ad4a872-1');
        }

        .description {
            margin: 50px;
            margin-bottom: 80px;
            margin-top: 10px;
            background-color: white;
            font-family: 'Open Sans', sans-serif;
        }
    </style>

</head>

<body>

    <nav class="navbar fixed-top navbar-expand-lg bg-dark navbar-dark">
        <div class="container">
            <a class="navbar-brand" href="#">
                <img src="https://i.ibb.co/1K3tTL2/Queijinhos-da-Beira.png" class="img-fluid" alt="Logo" style="width: 70px; height: 70px;">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-link active" aria-current="page" href="index.html">Home</a>
                    <a class="nav-link" href="produtos.html">Produtos</a>
                    <a class="nav-link" href="contactos.html">Contactos</a>
                    <a class="nav-link" href="membro.html">Tornar-se Membro</a>
                    <a class="nav-link" href="about_us.html">Sobre Nós</a>
                    <a class="nav-link" href="login.html">Login</a>
                </div>
            </div>
        </div>
    </nav>


    <div id="carouselExampleIndicators" class="carousel slide">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="d-block w-100 carouselImage" alt="First Slide"></div>
            </div>
            <div class="carousel-item">
                <div class="d-block w-100 carouselImage" alt="Second Slide"></div>
            </div>
            <div class="carousel-item">
                <div class="d-block w-100 carouselImage" alt="Third Slide"></div>
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
    <div class="navbar navbar-dark fixed-bottom bg-dark">
        <div class="container">
            <div class="navbar-text small">&copy;QDB-2023 - Queijinhos da Beira</div>
            <div class="navbar-right navbar-text small d-none d-md-block">
                <a href="http://www.ua.pt" title="Universidade de Aveiro">Universidade de Aveiro</a>
            </div>
        </div>
    </div>



    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="script.js"></script>
</body>
</html>