Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • F

    Enviado por

    Daniel Inacio
    0 visualizações2 páginas
    tabela periodica

    Título original

    f

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    TXT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    tabela periodica

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    0 visualizações2 páginas

    F

    Enviado por

    Daniel Inacio
    tabela periodica

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    Aqui está um exemplo básico de código HTML, CSS e JavaScript para um site de

    aprendizagem do Bootstrap 5:
    HTML:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Site de Aprendizagem Bootstrap 5</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-
    beta1/dist/css/bootstrap.min.css">
    <link rel="" href="style.css">
    </head>
    <body>
    <header>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container">
    <a class="navbar-brand" href="#">Bootstrap 5</a>
    <button class="navbar-toggler" type="button" data-bs-
    toggle="collapse" data-bs-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="navbar-nav ml-auto">
    <li class="-item">
    <a class="nav-link" href="#">Home</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Sobre</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">ato</a>
    </li>
    </ul>
    </>
    </div>
    </nav>
    </header>

    <section class="container">
    <h1>Bem-vindo ao Site de Aprendizagem Bootstrap 5</h1>
    <p>Aprenda a criar layouts responsivos e modernos com o Bootstrap 5.</p>
    </>

    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js"><
    /script>
    <script src="script.jsscript>
    </body>
    </html>

    CSS (style.css```css
    .container {
    margin-top: 20px;
    }
    h1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    }
    p {
    font-size: 18px;
    }

    JavaScript (script.js):
    ```javascript
    // Código JavaScript personalizado, se necessário

    Este código cria um site básico com cabeçalho de navegação fixo no topo, um
    conteúdo principal com um título e um parágrafo, e inclui os arquivos CSS e
    JavaScript do Bootstrap 5.
    Certifique-se de substituir os links para os arquivos CSS e JavaScript do Bootstrap
    5 pelos links corretos, caso você esteja usando uma versão diferente ou tenha
    baixado os arquivos para o seu próprio servidor.
    Lembre-se de que é apenas um exemplo básico para começar a construir um site de
    aprendizagem do Bootstrap 5. Você pode adicionar mais conteúdo, estilos e
    funcionalidades conforme necessário para atender às suas necessidades específicas.

    Você também pode gostar