index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Api de Projetos Pessoais</title>
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
            crossorigin="anonymous">
        <link rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
            crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="src/view/style.css">
        <link rel="icon"
            href="https://cdn-icons-png.flaticon.com/512/1055/1055668.png"
            type="image/x-icon">
        <script defer src="src/view/script.js"></script>

    </head>
    <body>
        <header>            
            </nav> 
            <nav class="navbar navbar-expand-lg navbar-dark">
                <!-- <a class="navbar-brand" href="src/view/projetos.html">
                    <img
                        src="https://cdn-icons-png.flaticon.com/512/1055/1055668.png"
                        alt class="img-logo">
                </a> -->
                <button class="navbar-toggler" type="button" id="navbarToggleBtn"
                    data-toggle="collapse" data-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="opcoes-links navbar-nav">
                        <li class="nav-item active"><a href="src/view/projetos.html"
                                title="Projetos"
                                class="nav-link">Api de projetos pessoais</a></li>
                        <!-- <li class="nav-item"><a href="src/view/formacaoAcademica.html"
                                title="Formação Acadêmica"
                                class="nav-link">Formação Acadêmica</a></li> -->
                        <!-- <li class="nav-item"><a title="Experiencias"
                                href="src/view/experiencias.html"
                                class="nav-link">Experiencias</a></li> -->
                        <!-- <li class="nav-item"><a href="src/view/contato.html"
                                title="Sobre mim" class="nav-link">Contato
                                </a></li> -->
                    </ul>
                </div>
            </nav>
        </header>
        <main class="full-height d-flex align-items-center justify-content-center">
            <div class="text-center">
                <h1>Home</h1>
                <a href="src/view/projetos.html"><button class=" text-light btn btn-lg btn-info"> Acessar projetos </button></a>
            </div>
        </main>
        <footer>
            <div class="container">
                <div
                    class="row d-flex justify-content-center align-items-center">
                    <div class="col-md-12 text-center">
                        <p>© 2023 - Todos os direitos reservados</p>
                    </div>
                    <ul class="opcoes-links">
                        <li><a href="https://www.linkedin.com/in/delisguerra/"
                                title="linkedin"><img
                                    class="icone-redes-sociais" alt="linkedin"
                                    src="https://cdn-icons-png.flaticon.com/512/174/174857.png"></a></li>
                        <li><a href="https://twitter.com/delisssz"
                                title="Twitter"><img
                                    class="icone-redes-sociais" alt="Twitter"
                                    src="https://img.freepik.com/icones-gratis/twitter_318-674515.jpg"></a></li>
                        <li><a title="instagram"
                                href="https://www.instagram.com/delisz/"><img
                                    class="icone-redes-sociais" alt="instagram"
                                    src="https://seeklogo.com/images/I/instagram-logo-1494D6FE63-seeklogo.com.png"></a></li>
                        <li><a href="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/delisg"
                                title="github"><img class="icone-redes-sociais"
                                    alt="Github"
                                    src="https://www.shareicon.net/data/2015/09/15/101512_logo_512x512.png"></a></li>
                    </ul>
                </div>
            </div>
        </footer>
    </body>
</html>