Snippet HTML – template

Snippet HTML: Sempre que preciso venho aqui e pego. Por preguiça não tenho isso no texexpander e quase sempre preciso copiar de sites alheiros. Mas agora estão aqui para mim e para quem quiser. Lindos snippets de código de página em HTML.

Para quem curte templates prontos de código simples, ai estão os dois templates de HTML que mais uso para começar projetinhos.

Copie e cole à vontade.

HTML já com o Bootstrap

Snippet de documento HTML com meta tags, bootstrap e css.

<!DOCTYPE html>
  <html>
    <head>
        <title>Demo</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="Demo Project">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css">
        <style type="text/css"></style>
    </head>
    <body>
        <p>Let the game begin!</p>
        <script type="text/javascript"></script>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
    </body>
  </html>

Html com jQuery

Snippet de documento HTML com meta tags, bootstrap, jQuery e css. Para abrilhantar coloquei até uma função CSS.

<!DOCTYPE html>
<html>
    <head>
        <title>Demo with jQuery</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="Demo project with jQuery">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css">
        <style type="text/css"></style>
    </head>
    <body>
        <p>Ho!</p>
    </body>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        jQuery(function(){

        });
    </script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</html>

Veja aqui snippets de AMP HTML

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.