Skip to content

Navbar como include único (FAQ, Código de Conduta e index) #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ckk3 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Navbar como include único (FAQ, Código de Conduta e index) #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f942ae1
padroniza a navbar em faq.html e codigo-conduta.html
Ckk3 Jul 24, 2026
dd64e49
navbar como include único via JS
Ckk3 Jul 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 1 addition & 37 deletions codigo-conduta.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,43 +10,7 @@
</head>
<body style="background-color: #fff8e5;">
<!-- Navbar -->
<nav id="navbar" class="fixed w-full top-0 z-50" style="background-color: #2b3692;">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between relative">
<a href="index.html" class="flex-shrink-0">
<img src="assets/Nome.svg" alt="Python Nordeste 2026" class="h-12 md:h-14">
</a>
<div class="hidden md:flex space-x-8">
<a href="index.html#inicio" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Início</a>
<div class="relative dropdown-container">
<button class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Evento</button>
<div class="dropdown-menu absolute hidden shadow-lg rounded-md mt-2 py-2 w-48" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block px-4 py-2 hover:bg-opacity-80 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="index.html#cidade" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Cidade</a>
<a href="index.html#sobre" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Sobre o Evento</a>
<a href="index.html#patrocinadores" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Patrocínio</a>
</div>
</div>
<a href="faq.html" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #f7aa1c;">Código de Conduta</a>
</div>
<button id="mobile-menu-btn" class="md:hidden" style="color: #fff8e5;">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
<div id="mobile-menu" class="hidden md:hidden mt-4 pb-4 text-center rounded-lg" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="index.html#inicio" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Início</a>
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block py-2 hover:text-yellow-300 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="index.html#cidade" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Cidade</a>
<a href="index.html#sobre" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Sobre o Evento</a>
<a href="index.html#patrocinadores" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Patrocínio</a>
<a href="faq.html" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="block py-2 hover:text-yellow-300 font-semibold" style="color: #f7aa1c;">Código de Conduta</a>
</div>
</div>
</nav>
<div id="site-navbar"></div>

<!-- Content -->
<main class="pt-32 pb-20">
Expand Down
38 changes: 1 addition & 37 deletions faq.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,43 +10,7 @@
</head>
<body style="background-color: #fff8e5;">
<!-- Navbar -->
<nav id="navbar" class="fixed w-full top-0 z-50" style="background-color: #2b3692;">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between relative">
<a href="index.html" class="flex-shrink-0">
<img src="assets/Nome.svg" alt="Python Nordeste 2026" class="h-12 md:h-14">
</a>
<div class="hidden md:flex space-x-8">
<a href="index.html#inicio" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Início</a>
<div class="relative dropdown-container">
<button class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Evento</button>
<div class="dropdown-menu absolute hidden shadow-lg rounded-md mt-2 py-2 w-48" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block px-4 py-2 hover:bg-opacity-80 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="index.html#cidade" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Cidade</a>
<a href="index.html#sobre" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Sobre o Evento</a>
<a href="index.html#patrocinadores" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Patrocínio</a>
</div>
</div>
<a href="faq.html" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #f7aa1c;">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="nav-link font-semibold hover:text-yellow-400 transition" style="color: #fff8e5;">Código de Conduta</a>
</div>
<button id="mobile-menu-btn" class="md:hidden" style="color: #fff8e5;">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
<div id="mobile-menu" class="hidden md:hidden mt-4 pb-4 text-center rounded-lg" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="index.html#inicio" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Início</a>
<a href="index.html#cidade" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Cidade</a>
<a href="index.html#sobre" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Sobre o Evento</a>
<a href="index.html#patrocinadores" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Patrocínio</a>
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block py-2 hover:text-yellow-300 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="faq.html" class="block py-2 hover:text-yellow-300 font-semibold" style="color: #f7aa1c;">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Código de Conduta</a>
</div>
</div>
</nav>
<div id="site-navbar"></div>

<main class="pt-32 pb-20">
<div class="container mx-auto px-6 max-w-3xl">
Expand Down
51 changes: 1 addition & 50 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,56 +30,7 @@
</head>
<body style="background-color: #fff8e5;">
<!-- Navbar -->
<nav id="navbar" class="fixed w-full top-0 z-50">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between md:justify-between relative">
<!-- Logo -->
<a href="#inicio" class="flex-shrink-0">
<img src="assets/Nome.svg" alt="Python Nordeste 2026" class="h-12 md:h-14">
</a>
<!-- Desktop Menu -->
<div class="hidden md:flex space-x-8">
<a href="#inicio" class="nav-link font-semibold hover:text-yellow-400 transition">Início</a>
<div class="relative dropdown-container">
<button id="evento-btn" aria-haspopup="true" aria-expanded="false" class="nav-link font-semibold hover:text-yellow-400 transition inline-flex items-center gap-1">
Evento
<svg class="dropdown-chevron w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</button>
<div class="dropdown-menu absolute hidden shadow-lg rounded-md mt-2 py-2 w-48" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block px-4 py-2 hover:bg-opacity-80 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="#locais" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Locais</a>
<a href="#cidade" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Cidade</a>
<a href="#sobre" class="block px-4 py-2 hover:bg-opacity-80" style="color: #fff8e5;">Sobre o Evento</a>
</div>
</div>
<a href="#patrocinadores" class="nav-link font-semibold hover:text-yellow-400 transition">Patrocínio</a>
<a href="#vagas" class="nav-link font-semibold hover:text-yellow-400 transition">Vagas</a>
<a href="faq.html" class="nav-link font-semibold hover:text-yellow-400 transition">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="nav-link font-semibold hover:text-yellow-400 transition">Código de Conduta</a>
</div>
<!-- Mobile Menu Button -->
<button id="mobile-menu-btn" class="md:hidden">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden mt-4 pb-4 text-center rounded-lg" style="background-color: rgba(43, 54, 146, 0.95);">
<a href="#inicio" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Início</a>
<a href="#locais" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Locais</a>
<a href="#cidade" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Cidade</a>
<a href="#sobre" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Sobre o Evento</a>
<a href="#patrocinadores" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Patrocínio</a>
<a href="#vagas" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Vagas</a>
<a href="https://ingressos.python.org.br/nordeste/2026/" target="_blank" class="block py-2 hover:text-yellow-300 font-semibold" style="color: #80b80c;">Ingressos</a>
<a href="faq.html" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Perguntas Frequentes</a>
<a href="codigo-conduta.html" class="block py-2 hover:text-yellow-300" style="color: #fff8e5;">Código de Conduta</a>
</div>
</div>
</nav>
<div id="site-navbar"></div>

<!-- Hero Section - Início -->
<section id="inicio" class="min-h-screen flex items-center justify-center pt-20 relative overflow-hidden">
Expand Down
Loading