Skip to content

Commit 75eb0dc

Browse files
jjpaulo2jjpaulo2
committed
feat - tickets page
1 parent d0b7cb7 commit 75eb0dc

File tree

4 files changed

+212
-17
lines changed

4 files changed

+212
-17
lines changed

‎cdc.html‎

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -55,31 +55,34 @@
5555
<div class="collapse navbar-collapse" id="navbarSupportedContent">
5656
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
5757
<li class="nav-item">
58-
<a class="nav-link link-dark fs-4" href="./index.html">Início</a>
58+
<a class="nav-link link-dark fs-4" href="./">Início</a>
5959
</li>
6060
<li class="nav-item">
61-
<a class="nav-link link-dark fs-4" href="./index.html#teresina">Cidade</a>
61+
<a class="nav-link link-dark fs-4" href="./#teresina">Cidade</a>
6262
</li>
6363
<li class="nav-item">
64-
<a class="nav-link link-dark fs-4" href="./index.html#about">Sobre</a>
64+
<a class="nav-link link-dark fs-4" href="./#about">Sobre</a>
6565
</li>
6666
<li class="nav-item">
67-
<a class="nav-link link-dark fs-4" href="./index.html#keynotes">Keynotes</a>
67+
<a class="nav-link link-dark fs-4" href="./#keynotes">Keynotes</a>
6868
</li>
6969
<li class="nav-item">
70-
<a class="nav-link link-dark fs-4" href="./index.html#place">Local</a>
70+
<a class="nav-link link-dark fs-4" href="./#place">Local</a>
7171
</li>
7272
<li class="nav-item">
73-
<a class="nav-link link-dark fs-4" href="./index.html#calendar">Agenda</a>
73+
<a class="nav-link link-dark fs-4" href="./#calendar">Agenda</a>
7474
</li>
7575
<li class="nav-item">
76-
<a class="nav-link link-dark fs-4" href="./index.html#volunteers">Voluntários</a>
76+
<a class="nav-link link-dark fs-4" href="./#volunteers">Voluntários</a>
7777
</li>
7878
<li class="nav-item">
79-
<a class="nav-link link-dark fs-4" href="./index.html#sponsors">Patrocínio</a>
79+
<a class="nav-link link-dark fs-4" href="./#sponsors">Patrocínio</a>
8080
</li>
8181
<li class="nav-item">
82-
<a class="nav-link link-dark fs-4" href="#">Código de conduta</a>
82+
<a class="nav-link link-dark fs-4" href="./tickets">Ingressos</a>
83+
</li>
84+
<li class="nav-item">
85+
<a class="nav-link link-dark fs-4" href="./cdc">Código de conduta</a>
8386
</li>
8487
</ul>
8588
</div>

‎index.html‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -55,28 +55,31 @@
5555
<div class="collapse navbar-collapse" id="navbarSupportedContent">
5656
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
5757
<li class="nav-item">
58-
<a class="nav-link link-dark fs-4" href="#">Início</a>
58+
<a class="nav-link link-dark fs-4" href="./">Início</a>
5959
</li>
6060
<li class="nav-item">
61-
<a class="nav-link link-dark fs-4" href="#teresina">Cidade</a>
61+
<a class="nav-link link-dark fs-4" href="./#teresina">Cidade</a>
6262
</li>
6363
<li class="nav-item">
64-
<a class="nav-link link-dark fs-4" href="#about">Sobre</a>
64+
<a class="nav-link link-dark fs-4" href="./#about">Sobre</a>
6565
</li>
6666
<li class="nav-item">
67-
<a class="nav-link link-dark fs-4" href="#keynotes">Keynotes</a>
67+
<a class="nav-link link-dark fs-4" href="./#keynotes">Keynotes</a>
6868
</li>
6969
<li class="nav-item">
70-
<a class="nav-link link-dark fs-4" href="#place">Local</a>
70+
<a class="nav-link link-dark fs-4" href="./#place">Local</a>
7171
</li>
7272
<li class="nav-item">
73-
<a class="nav-link link-dark fs-4" href="#calendar">Agenda</a>
73+
<a class="nav-link link-dark fs-4" href="./#calendar">Agenda</a>
7474
</li>
7575
<li class="nav-item">
76-
<a class="nav-link link-dark fs-4" href="#volunteers">Voluntários</a>
76+
<a class="nav-link link-dark fs-4" href="./#volunteers">Voluntários</a>
7777
</li>
7878
<li class="nav-item">
79-
<a class="nav-link link-dark fs-4" href="#sponsors">Patrocínio</a>
79+
<a class="nav-link link-dark fs-4" href="./#sponsors">Patrocínio</a>
80+
</li>
81+
<li class="nav-item">
82+
<a class="nav-link link-dark fs-4" href="./tickets">Ingressos</a>
8083
</li>
8184
<li class="nav-item">
8285
<a class="nav-link link-dark fs-4" href="./cdc">Código de conduta</a>

‎static/css/main.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,17 @@
120120
* Colors animations
121121
*/
122122

123+
.btn-dark {
124+
color: white !important;
125+
background-color: var(--color-brown-400) !important;
126+
text-decoration: none;
127+
border: none;
128+
}
129+
130+
.btn-dark:hover {
131+
background-color: var(--color-brown-500) !important;
132+
}
133+
123134
.link-dark {
124135
color: var(--color-brown-400) !important;
125136
text-decoration: none;

‎tickets.html‎

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<!-- Google tag (gtag.js) -->
5+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SGSGKLV1HC"></script>
6+
<script>
7+
window.dataLayer = window.dataLayer || [];
8+
function gtag(){dataLayer.push(arguments);}
9+
gtag('js', new Date());
10+
gtag('config', 'G-SGSGKLV1HC');
11+
</script>
12+
<!-- Google tag (gtag.js) -->
13+
14+
<meta charset="UTF-8">
15+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
16+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
17+
<meta name="description" content="Compre seu ingresso para a Python Nordeste 2025, que acontecerá em Teresina, Piauí.">
18+
<meta name="keywords" content="python, nordeste, programacao, pyladies, teresina, parnaiba, piaui, 2025, evento, tecnologia, inclusao, codigo de conduta, cdc">
19+
<meta name="robots" content="index, follow">
20+
<meta name="author" content="Comunidade Python Nordeste">
21+
22+
<title>Ingressos | Python Nordeste 2025 | Teresina - Piauí</title>
23+
24+
<meta property="og:title" content="Ingressos | Python Nordeste 2025 | Teresina - Piauí">
25+
<meta property="og:description" content="Compre seu ingresso para a Python Nordeste 2025, que acontecerá em Teresina, Piauí.">
26+
<meta property="og:type" content="website">
27+
<meta property="og:url" content="https://2025.pythonnordeste.org/tickets">
28+
<meta property="og:image" content="https://2025.pythonnordeste.org/static/img/banners/pyne2025.jpg">
29+
<meta property="og:image:alt" content="Logo oficial da Python Nordeste 2025">
30+
<meta property="og:site_name" content="Ingressos | Python Nordeste 2025 | Teresina - Piauí">
31+
<meta property="og:locale" content="pt_BR">
32+
33+
<meta name="twitter:card" content="summary_large_image">
34+
<meta name="twitter:title" content="Ingressos | Python Nordeste 2025 | Teresina - Piauí">
35+
<meta name="twitter:description" content="Compre seu ingresso para a Python Nordeste 2025, que acontecerá em Teresina, Piauí.">
36+
<meta name="twitter:image" content="https://2025.pythonnordeste.org/static/img/banners/pyne2025.jpg">
37+
<meta name="twitter:image:alt" content="Logo oficial da Python Nordeste 2025">
38+
39+
<link rel="canonical" href="https://2025.pythonnordeste.org/tickets">
40+
<link rel="icon" href="https://2025.pythonnordeste.org/static/img/icons/sun.svg" type="image/svg+xml">
41+
42+
<link rel="stylesheet" href="./libs/css/bootstrap.min.css">
43+
<link rel="stylesheet" href="./libs/css/bootstrap-icons.min.css">
44+
<link rel="stylesheet" href="./static/css/main.css">
45+
<link rel="stylesheet" href="./static/css/style.css">
46+
</head>
47+
<body>
48+
<img src="./static/img/logo/piaui.svg" class="bg-img-piaui centralize">
49+
50+
<nav id="navbar" class="navbar transition-all navbar-expand-lg bg-green-100 position-fixed w-100 z-3">
51+
<div class="container-fluid">
52+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
53+
<span class="navbar-toggler-icon"></span>
54+
</button>
55+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
56+
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
57+
<li class="nav-item">
58+
<a class="nav-link link-dark fs-4" href="./">Início</a>
59+
</li>
60+
<li class="nav-item">
61+
<a class="nav-link link-dark fs-4" href="./#teresina">Cidade</a>
62+
</li>
63+
<li class="nav-item">
64+
<a class="nav-link link-dark fs-4" href="./#about">Sobre</a>
65+
</li>
66+
<li class="nav-item">
67+
<a class="nav-link link-dark fs-4" href="./#keynotes">Keynotes</a>
68+
</li>
69+
<li class="nav-item">
70+
<a class="nav-link link-dark fs-4" href="./#place">Local</a>
71+
</li>
72+
<li class="nav-item">
73+
<a class="nav-link link-dark fs-4" href="./#calendar">Agenda</a>
74+
</li>
75+
<li class="nav-item">
76+
<a class="nav-link link-dark fs-4" href="./#volunteers">Voluntários</a>
77+
</li>
78+
<li class="nav-item">
79+
<a class="nav-link link-dark fs-4" href="./#sponsors">Patrocínio</a>
80+
</li>
81+
<li class="nav-item">
82+
<a class="nav-link link-dark fs-4" href="./tickets">Ingressos</a>
83+
</li>
84+
<li class="nav-item">
85+
<a class="nav-link link-dark fs-4" href="./cdc">Código de conduta</a>
86+
</li>
87+
</ul>
88+
</div>
89+
</div>
90+
</nav>
91+
92+
<article id="cdc" class="d-flex flex-wrap align-content-center justify-content-center min-vh-100 p-5 bg-green-100-alpha">
93+
<div class="block container">
94+
95+
<div class="text-center block">
96+
<h1 class="text-brown-500 mb-5">INGRESSOS</h1>
97+
<p class="fs-3 text-brown-400 mb-0">
98+
Iniciaremos as vendas <span class="fw-bold text-brown-500">em breve</span>.
99+
</p>
100+
<p class="fs-3 text-brown-400 mb-0">Enquanto isso, fique por dentro das últimas novidades através de nossas redes sociais.</p>
101+
102+
<div class="d-flex justify-content-center mt-4">
103+
<a href="http://t.me/pythonnordeste" target="_blank" class="fs-2 mx-2 link-dark">
104+
<i class="bi bi-telegram"></i>
105+
</a>
106+
<a href="http://instagram.com/pythonnordeste" target="_blank" class="fs-2 mx-2 link-dark">
107+
<i class="bi bi-instagram"></i>
108+
</a>
109+
<a href="https://www.linkedin.com/company/pythonnordeste" target="_blank" class="fs-2 mx-2 link-dark">
110+
<i class="bi bi-linkedin"></i>
111+
</a>
112+
</div>
113+
114+
<div class="text-center block mt-5">
115+
<a href="#teresina" class="btn btn-dark disabled rounded-pill fs-4 px-4 py-3">
116+
<i class="bi bi-ticket-fill"></i>
117+
<span class="mx-3">EM BREVE</span>
118+
<i class="bi bi-ticket-fill"></i>
119+
</a>
120+
</div>
121+
</div>
122+
123+
</div>
124+
</article>
125+
126+
<footer id="footer" class="bg-brown-500 p-5 text-white text-center">
127+
128+
<p>Este evento está sendo organizado de forma voluntária pelas comunidades
129+
<a class="link-light" href="https://www.instagram.com/pugpi_/" target="_blank">PUG-PI</a>,
130+
<a class="link-light" href="https://www.instagram.com/pyladiesthe/" target="_blank">PyLadies Teresina</a>,
131+
<a class="link-light" href="https://www.instagram.com/pyladiesparnaiba/" target="_blank">Pyladies Parnaíba</a>
132+
e
133+
<a class="link-light" href="https://www.instagram.com/dorothypiaui/" target="_blank">Dorothy Piauí</a>.
134+
</p>
135+
<p>
136+
Identidade visual criada por
137+
<a class="link-light" href="https://www.linkedin.com/in/irma-assun%C3%A7%C3%A3o-graphic-design-jr/" target="_blank">Irma Assunção</a>,
138+
sendo todos elementos gráficos utilizados neste site devidamente cedidos por ela.
139+
</p>
140+
<p>
141+
Este site utiliza as fontes
142+
<a class="link-light" href="https://github.com/Dicotype/Afacad" target="_blank">Afacad</a>
143+
e
144+
<a class="link-light" href="https://github.com/Dicotype/Afacad" target="_blank">AfacadFlux</a>
145+
ambas sob a licença
146+
<a class="link-light" href="https://github.com/Dicotype/Afacad?tab=OFL-1.1-1-ov-file" target="_blank">SIL Open Font License, Version 1.1</a>.
147+
A fonte
148+
<a class="link-light" href="https://elements.envato.com/avalanche-display-font-UVLVHU8" target="_blank">Avalanche</a>
149+
também é usada, tendo sido licenciada sob o código de licença
150+
<a class="link-light" href="./static/fonts/avalanche/license_certificate.txt" target="_blank">TZJB8P7CAQ</a>.
151+
</p>
152+
<div class="d-flex justify-content-center mt-4">
153+
<a href="http://t.me/pythonnordeste" target="_blank" class="fs-2 mx-2 link-light">
154+
<i class="bi bi-telegram"></i>
155+
</a>
156+
<a href="http://instagram.com/pythonnordeste" target="_blank" class="fs-2 mx-2 link-light">
157+
<i class="bi bi-instagram"></i>
158+
</a>
159+
<a href="https://www.linkedin.com/company/pythonnordeste" target="_blank" class="fs-2 mx-2 link-light">
160+
<i class="bi bi-linkedin"></i>
161+
</a>
162+
<a href="https://github.com/pythonNordeste" target="_blank" class="fs-2 mx-2 link-light">
163+
<i class="bi bi-github"></i>
164+
</a>
165+
<a href="mailto:[email protected]" target="_blank" class="fs-2 mx-2 link-light">
166+
<i class="bi bi-envelope-fill"></i>
167+
</a>
168+
</div>
169+
170+
<hr class="my-4">
171+
<p>&copy; 2025 Python Nordeste</p>
172+
173+
</footer>
174+
175+
<script src="./libs/js/bootstrap.bundle.min.js"></script>
176+
<script src="./static/js/animations.js"></script>
177+
</body>
178+
</html>

0 commit comments

Comments
 (0)