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 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;
@douglasabnovato
douglasabnovato / index.html
Created July 17, 2026 20:54
pagina em html
<!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 combina com o jogo</title>
<meta name="description"
content="Copo Matchday Golada, edição Copa 2026. Cerâmica resistente, estampa que não desbota, entrega rápida.">
<link rel="preconnect" href="https://fonts.googleapis.com">
@douglasabnovato
douglasabnovato / readme.md
Last active September 3, 2025 18:36
Um modelo para o melhor README.md de projeto.

📦 Nome do Projeto

Breve descrição do projeto: o que é, qual problema resolve e por que é útil.

- -

🚀 Status do Projeto

Exemplo: Em desenvolvimento | Concluído | Em manutenção

@douglasabnovato
douglasabnovato / style.css
Created March 19, 2025 23:01
Estrutura v2 de css para lp de síndico
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}
header {
background-color: #f2f2f2;
text-align: center;
@douglasabnovato
douglasabnovato / index.html
Created March 19, 2025 22:55
Estrutura v2 de html para lp de síndico
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seu Nome - Síndico Profissional</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
@douglasabnovato
douglasabnovato / style.css
Created March 19, 2025 22:33
Estrutura inicial de css para lp de síndico
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #f2f2f2;
text-align: center;
padding: 20px;