Skip to content

Instantly share code, notes, and snippets.

View douglasabnovato's full-sized avatar
:octocat:
<Html/><Css/><Javascript/><ReactJS/>

Douglas Antonio Braga Novato douglasabnovato

:octocat:
<Html/><Css/><Javascript/><ReactJS/>
View GitHub Profile
@douglasabnovato
douglasabnovato / index.html
Created September 21, 2026 14:53
SVG para criar imagem para o meu projeto web
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@douglasabnovato
douglasabnovato / index.html
Created September 21, 2026 14:52
SVG para criar imagem para o meu projeto web
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 750" width="1500" height="750" role="img" aria-labelledby="t1 d1">
<title id="t1">Sete caminhos independentes em um metodo com dois testes</title>
@douglasabnovato
douglasabnovato / index.html
Created September 21, 2026 14:32
Imagem criada com svg para usar em projeto web
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 750" width="1500" height="750" role="img" aria-labelledby="t d">
<title id="t">Nota 60,7 de 100 nas 103 respostas da IA, com atrito em 5,5</title>
@douglasabnovato
douglasabnovato / index.html
Created September 21, 2026 14:31
Imagem criada com svg para usar em projeto web
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@douglasabnovato
douglasabnovato / index.html
Created September 21, 2026 14:30
Imagem criada com svg para usar em projeto web
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@douglasabnovato
douglasabnovato / index.html
Created July 31, 2026 19:16
Criar botão com link para linkar redes sociais
<!-- Referência para wallace fazer os botões de redes sociais no seu footer do projeto freete -->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Botão com Redirecionamento</title>
<style>
/* Estilo do Botão em CSS */
.meu-botao {
@douglasabnovato
douglasabnovato / main.js
Created July 20, 2026 00:39
Javascript da landing page para a copa do mundo
// ============================================
// MÓDULO 4 — Validação de formulário com JavaScript
// Objetivo didático: mostrar como o JS reage a eventos
// do usuário e dá feedback SEM recarregar a página.
// ============================================
const form = document.getElementById("buy-form");
const nomeInput = document.getElementById("nome");
const emailInput = document.getElementById("email");
const erroNome = document.getElementById("erro-nome");
@douglasabnovato
douglasabnovato / style.css
Created July 20, 2026 00:37
CSS da landing page da copa do mundo
:root {
--pitch: #1B3B2F;
--turf: #3F7A5C;
--chalk: #F3F1E7;
--floodlight: #F4A73B;
--ink: #10201A;
--steel: #8C9A93;
--error: #C24A42;
--font-display: 'Oswald', sans-serif;
@douglasabnovato
douglasabnovato / index.html
Created July 20, 2026 00:36
html da nossa landing page de copa do mundo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Golada — o copo que sobreviveu à Copa</title>
<meta name="description" content="Copo Golada, edição Copa 2026. Cerâmica resistente, estampa que não desbota, entrega rápida.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Work+Sans:wght@400;500&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
@douglasabnovato
douglasabnovato / style.css
Created July 17, 2026 20:55
Css do projeto
:root {
--pitch: #1B3B2F;
--turf: #3F7A5C;
--chalk: #F3F1E7;
--floodlight: #F4A73B;
--ink: #10201A;
--steel: #8C9A93;
--font-display: 'Oswald', sans-serif;
--font-body: 'Work Sans', sans-serif;