
<!DOCTYPE html>
<html>

<head>
    <title>Cadastro</title>

    <!-- Bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="
    sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
    <!-- MDB -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.2.0/mdb.min.css" rel="stylesheet" />
    <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=Lemon&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/styles/cadastro.css">
    <!-- Script -->
    <link rel="script" href="/scripts/cadastro.js">
</head>

<body>
<%- include('./partials/header') %>
<div class="menu">
    <h1>Menu Principal</h1>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Sobre</a></li>
            <li><a href="#">Servi√ßos</a></li>
            <li><a href="#">Contato</a></li>
        </ul>
    </nav>
</div>

<div class="carousel">
    <div class="carousel-images">
        <img src="/image/login-bg-edg.webp" class="d-block w-100" alt="Canyon at Nigh">
        <img src="/image/login-bg.webp" class="d-block w-100" alt="Cliff Above a Stormy Sea">
        <img src="/images/image3.jpg" alt="Image 3">
    </div>
</div>

<script src="/js/carousel.js"></script>

</body>
</html>
