Skip to content

Commit 65e21f7

Browse files
gustavoquinalhagustavoquinalha
authored
Update testes.html
1 parent 796ac26 commit 65e21f7

File tree

1 file changed

+4
-259
lines changed

1 file changed

+4
-259
lines changed

‎testes.html

Lines changed: 4 additions & 259 deletions
Original file line numberDiff line numberDiff line change
@@ -3,269 +3,14 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Document</title>
6+
<title>DevParaná Conference 2024</title>
77
<link rel="stylesheet" href="index.css" />
88
<script src="https://cdn.tailwindcss.com"></script>
99
<script src="index.js"></script>
1010
</head>
11-
<body>
12-
<div class="commits"></div>
13-
14-
<div
15-
class="hero flex flex-col justify-between items-stretch gap-10 px-10 py-14 w-full min-h-auto md:min-h-screen h-full p4"
16-
>
17-
<div
18-
class="w-full max-w-7xl mx-auto flex flex-col md:flex-row gap-8 justify-between items-center"
19-
>
20-
<div class="">
21-
<img src="logo.svg" class="-mt-10 max-w-96 w-full" alt="" />
22-
</div>
23-
24-
<div class="flex gap-6">
25-
<img src="instagram.svg" width="30" alt="" />
26-
<img src="twitter.svg" width="30" alt="" />
27-
</div>
28-
29-
<div class="flex gap-2">
30-
<div
31-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
32-
>
33-
<span
34-
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
35-
>12</span
36-
>
37-
<span class="text-xs md:text-sm font-bold">DIAS</span>
38-
</div>
39-
<div
40-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
41-
>
42-
<span
43-
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
44-
>04</span
45-
>
46-
<span class="text-xs md:text-sm font-bold">HORAS</span>
47-
</div>
48-
<div
49-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
50-
>
51-
<span
52-
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
53-
>43</span
54-
>
55-
<span class="text-xs md:text-sm font-bold">MIN</span>
56-
</div>
57-
<div
58-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
59-
>
60-
<span
61-
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
62-
>55</span
63-
>
64-
<span class="text-xs md:text-sm font-bold">SEG</span>
65-
</div>
66-
</div>
67-
</div>
68-
69-
<div
70-
class="h-full w-full max-w-7xl mx-auto flex items-center justify-center"
71-
>
72-
<div class="mr-auto md:-mr-40 z-50 flex flex-col gap-8 w-full">
73-
<span
74-
class="text-2xl md:text-4xl lg:text-6xl font-black text-white text-center md:text-left"
75-
>A DevParaná Conf é organizada<br />
76-
<span class="text-green-600">por pessoas da comunidade</span><br />
77-
para comunidade.</span
78-
>
79-
<div class="flex justify-center md:justify-start">
80-
<button
81-
class="cursor-pointer rounded-full font-semibold leading-6 whitespace-nowrap block text-center bg-green-700 hover:bg-green-600 text-white text-base px-8 py-4 uppercase"
82-
>
83-
Conhecer palestrantes
84-
</button>
85-
</div>
86-
</div>
87-
<div
88-
class="hero-img border-2 border-green-600 rounded-xl bg-neutral-950 mb-10 hidden md:block"
89-
>
90-
<img src="hero.jpg" class="max-w-xl w-full -z-10 rounded-xl" alt="" />
91-
</div>
92-
</div>
93-
94-
<div class="w-full max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-3">
95-
<div class="text-left w-full">
96-
<span class="text-base md:text-2xl font-black text-white"
97-
>07 <span class="text-green-600">de</span> Junho
98-
<span class="font-normal">|</span>
99-
</span>
100-
101-
<span class="text-base md:text-2xl font-black text-white"
102-
><span class="text-green-600">Início</span> 16:20</span
103-
>
104-
</div>
105-
106-
<div class="hidden md:flex justify-center items-center">
107-
<div
108-
class="w-12 h-12 bg-green-600 rounded-full flex justify-center items-center text-center"
109-
>
110-
<img src="arrow-down.svg" width="24" class="" alt="" />
111-
</div>
112-
</div>
113-
114-
<div class="text-right w-full">
115-
<span class="text-base md:text-2xl font-black text-white"
116-
>Maringá,<span class="text-green-600">PR</span></span
117-
>
118-
</div>
119-
</div>
120-
</div>
12111

122-
<div class="w-full max-w-7xl mx-auto p-4">
123-
<div class="flex flex-col justify-center items-center">
124-
<div class="p-20 w-full rounded-lg bg-neutral-950/90 flex flex-col gap-8">
125-
<h1 class="text-2xl md:text-4xl font-black text-white">
126-
A <span>DevPR Conf</span> é organizada por
127-
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
128-
</h1>
129-
<p class="text-xl text-neutral-400">
130-
As novidades incluem novos palestrantes convidados confirmados,
131-
palestras recebidas pelo call for papers selecionadas, mentorias com
132-
profissionais, empresas com oportunidades e desafios, brindes para
133-
sorteios...
134-
</p>
135-
<div class="">
136-
<button
137-
class="cursor-pointer rounded-full font-semibold leading-6 whitespace-nowrap block text-center bg-green-700 hover:bg-green-600 text-white text-base px-8 py-4 uppercase"
138-
>
139-
Comprar ingresso
140-
</button>
141-
</div>
142-
</div>
143-
</div>
144-
</div>
145-
146-
<div
147-
class="hero flex flex-col justify-center items-center gap-10 px-10 py-24 w-full min-h-screen"
148-
>
149-
<img src="logo.svg" width="600" alt="" />
150-
151-
<div class="flex gap-2">
152-
<div
153-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
154-
>
155-
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
156-
>12</span
157-
>
158-
<span class="text-xs md:text-sm font-bold">DIAS</span>
159-
</div>
160-
<div
161-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
162-
>
163-
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
164-
>04</span
165-
>
166-
<span class="text-xs md:text-sm font-bold">HORAS</span>
167-
</div>
168-
<div
169-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
170-
>
171-
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
172-
>43</span
173-
>
174-
<span class="text-xs md:text-sm font-bold">MIN</span>
175-
</div>
176-
<div
177-
class="w-14 h-14 lg:w-20 lg:h-20 rounded-xl bg-green-800/10 text-white flex flex-col justify-center items-center text-center"
178-
>
179-
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
180-
>55</span
181-
>
182-
<span class="text-xs md:text-sm font-bold">SEG</span>
183-
</div>
184-
</div>
185-
</div>
186-
187-
<div
188-
class="flex flex-col justify-center items-center gap-40 p-4 pb-40 pt-40 w-full max-w-5xl mx-auto"
189-
>
190-
<div class="flex flex-col justify-center items-center">
191-
<div class="p-20 w-full rounded-lg bg-neutral-950 flex flex-col gap-8">
192-
<h1 class="text-2xl md:text-4xl font-black text-white">
193-
A <span>DevPR Conf</span> é organizada por
194-
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
195-
</h1>
196-
<p class="text-xl text-neutral-400">
197-
As novidades incluem novos palestrantes convidados confirmados,
198-
palestras recebidas pelo call for papers selecionadas, mentorias com
199-
profissionais, empresas com oportunidades e desafios, brindes para
200-
sorteios...
201-
</p>
202-
<div class="">
203-
<button
204-
class="cursor-pointer rounded-full font-semibold leading-6 whitespace-nowrap block text-center bg-green-700 hover:bg-green-600 text-white text-base px-8 py-4 uppercase"
205-
>
206-
Comprar ingresso
207-
</button>
208-
</div>
209-
</div>
210-
</div>
211-
212-
<div class="grid grid-cols-3 text-center gap-4 w-full">
213-
<div
214-
class="col-span-4 md:col-span-2 lg:col-span-1 rounded-xl px-4 min-h-96 w-full bg-neutral-950 p-8 text-left"
215-
></div>
216-
<div
217-
class="col-span-4 md:col-span-2 lg:col-span-1 rounded-xl px-4 min-h-96 w-full bg-neutral-950 p-8 text-left"
218-
></div>
219-
<div
220-
class="col-span-4 md:col-span-2 lg:col-span-1 rounded-xl px-4 min-h-96 w-full bg-neutral-950 p-8 text-left"
221-
></div>
222-
</div>
223-
224-
<div
225-
class="content flex flex-col justify-center items-center text-center"
226-
>
227-
<h1 class="text-2xl md:text-4xl lg:text-5xl font-black text-white">
228-
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
229-
>A DevPR Conf é organizada por</span
230-
><br />
231-
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
232-
>pessoas da comunidade</span
233-
><br />
234-
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
235-
>para comunidade.</span
236-
>
237-
</h1>
238-
</div>
239-
240-
<div
241-
class="bg-gradient-to-r from-green-600 via-green-400 to-green-900 p-2 rounded-xl"
242-
>
243-
<div class="flex flex-col justify-center items-center">
244-
<div
245-
class="p-20 w-full rounded-lg bg-neutral-950 flex flex-col justify-center items-center text-center gap-8"
246-
>
247-
<h1 class="text-2xl md:text-4xl font-black text-white">
248-
A <span>DevPR Conf</span> é organizada por
249-
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
250-
</h1>
251-
<div class="">
252-
<div
253-
class="bg-gradient-to-r from-green-600 via-green-400 to-green-900 p-1 rounded-full"
254-
>
255-
<button
256-
class="cursor-pointer rounded-full font-semibold leading-6 whitespace-nowrap block text-center hover:text-green-600 bg-neutral-950 text-white text-base px-8 py-4 uppercase"
257-
>
258-
Comprar ingresso
259-
</button>
260-
</div>
261-
</div>
262-
</div>
263-
</div>
264-
</div>
265-
</div>
266-
267-
<footer>
268-
<div class="bg-neutral-950 w-full p-20 min-h-96"></div>
269-
</footer>
12+
<body>
13+
<canvas class="bg-neutral-950" id="commits"></canvas>
14+
<!-- <div id="gradient " class="gradient h-screen w-screen"></div> -->
27015
</body>
27116
</html>

0 commit comments

Comments
 (0)