Skip to content

Commit

Permalink
Update testes.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@gustavoquinalha
gustavoquinalha authored Jan 2, 2024
1 parent 796ac26 commit 65e21f7
Showing 1 changed file with 4 additions and 259 deletions.
263 changes: 4 additions & 259 deletions testes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,269 +3,14 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<title>DevParaná Conference 2024</title>
<link rel="stylesheet" href="index.css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="index.js"></script>
</head>
<body>
<div class="commits"></div>

<div
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"
>
<div
class="w-full max-w-7xl mx-auto flex flex-col md:flex-row gap-8 justify-between items-center"
>
<div class="">
<img src="logo.svg" class="-mt-10 max-w-96 w-full" alt="" />
</div>

<div class="flex gap-6">
<img src="instagram.svg" width="30" alt="" />
<img src="twitter.svg" width="30" alt="" />
</div>

<div class="flex gap-2">
<div
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"
>
<span
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>12</span
>
<span class="text-xs md:text-sm font-bold">DIAS</span>
</div>
<div
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"
>
<span
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>04</span
>
<span class="text-xs md:text-sm font-bold">HORAS</span>
</div>
<div
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"
>
<span
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>43</span
>
<span class="text-xs md:text-sm font-bold">MIN</span>
</div>
<div
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"
>
<span
class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>55</span
>
<span class="text-xs md:text-sm font-bold">SEG</span>
</div>
</div>
</div>

<div
class="h-full w-full max-w-7xl mx-auto flex items-center justify-center"
>
<div class="mr-auto md:-mr-40 z-50 flex flex-col gap-8 w-full">
<span
class="text-2xl md:text-4xl lg:text-6xl font-black text-white text-center md:text-left"
>A DevParaná Conf é organizada<br />
<span class="text-green-600">por pessoas da comunidade</span><br />
para comunidade.</span
>
<div class="flex justify-center md:justify-start">
<button
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"
>
Conhecer palestrantes
</button>
</div>
</div>
<div
class="hero-img border-2 border-green-600 rounded-xl bg-neutral-950 mb-10 hidden md:block"
>
<img src="hero.jpg" class="max-w-xl w-full -z-10 rounded-xl" alt="" />
</div>
</div>

<div class="w-full max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-3">
<div class="text-left w-full">
<span class="text-base md:text-2xl font-black text-white"
>07 <span class="text-green-600">de</span> Junho
<span class="font-normal">|</span>
</span>

<span class="text-base md:text-2xl font-black text-white"
><span class="text-green-600">Início</span> 16:20</span
>
</div>

<div class="hidden md:flex justify-center items-center">
<div
class="w-12 h-12 bg-green-600 rounded-full flex justify-center items-center text-center"
>
<img src="arrow-down.svg" width="24" class="" alt="" />
</div>
</div>

<div class="text-right w-full">
<span class="text-base md:text-2xl font-black text-white"
>Maringá,<span class="text-green-600">PR</span></span
>
</div>
</div>
</div>

<div class="w-full max-w-7xl mx-auto p-4">
<div class="flex flex-col justify-center items-center">
<div class="p-20 w-full rounded-lg bg-neutral-950/90 flex flex-col gap-8">
<h1 class="text-2xl md:text-4xl font-black text-white">
A <span>DevPR Conf</span> é organizada por
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
</h1>
<p class="text-xl text-neutral-400">
As novidades incluem novos palestrantes convidados confirmados,
palestras recebidas pelo call for papers selecionadas, mentorias com
profissionais, empresas com oportunidades e desafios, brindes para
sorteios...
</p>
<div class="">
<button
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"
>
Comprar ingresso
</button>
</div>
</div>
</div>
</div>

<div
class="hero flex flex-col justify-center items-center gap-10 px-10 py-24 w-full min-h-screen"
>
<img src="logo.svg" width="600" alt="" />

<div class="flex gap-2">
<div
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"
>
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>12</span
>
<span class="text-xs md:text-sm font-bold">DIAS</span>
</div>
<div
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"
>
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>04</span
>
<span class="text-xs md:text-sm font-bold">HORAS</span>
</div>
<div
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"
>
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>43</span
>
<span class="text-xs md:text-sm font-bold">MIN</span>
</div>
<div
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"
>
<span class="text-lg md:text-xl lg:text-2xl font-bold text-green-600"
>55</span
>
<span class="text-xs md:text-sm font-bold">SEG</span>
</div>
</div>
</div>

<div
class="flex flex-col justify-center items-center gap-40 p-4 pb-40 pt-40 w-full max-w-5xl mx-auto"
>
<div class="flex flex-col justify-center items-center">
<div class="p-20 w-full rounded-lg bg-neutral-950 flex flex-col gap-8">
<h1 class="text-2xl md:text-4xl font-black text-white">
A <span>DevPR Conf</span> é organizada por
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
</h1>
<p class="text-xl text-neutral-400">
As novidades incluem novos palestrantes convidados confirmados,
palestras recebidas pelo call for papers selecionadas, mentorias com
profissionais, empresas com oportunidades e desafios, brindes para
sorteios...
</p>
<div class="">
<button
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"
>
Comprar ingresso
</button>
</div>
</div>
</div>

<div class="grid grid-cols-3 text-center gap-4 w-full">
<div
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"
></div>
<div
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"
></div>
<div
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"
></div>
</div>

<div
class="content flex flex-col justify-center items-center text-center"
>
<h1 class="text-2xl md:text-4xl lg:text-5xl font-black text-white">
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
>A DevPR Conf é organizada por</span
><br />
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
>pessoas da comunidade</span
><br />
<span class="bg-neutral-950 p-2 rounded-xl" style="line-height: 1.7em"
>para comunidade.</span
>
</h1>
</div>

<div
class="bg-gradient-to-r from-green-600 via-green-400 to-green-900 p-2 rounded-xl"
>
<div class="flex flex-col justify-center items-center">
<div
class="p-20 w-full rounded-lg bg-neutral-950 flex flex-col justify-center items-center text-center gap-8"
>
<h1 class="text-2xl md:text-4xl font-black text-white">
A <span>DevPR Conf</span> é organizada por
<u>pessoas da comunidade</u> e <u>para comunidade</u>.
</h1>
<div class="">
<div
class="bg-gradient-to-r from-green-600 via-green-400 to-green-900 p-1 rounded-full"
>
<button
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"
>
Comprar ingresso
</button>
</div>
</div>
</div>
</div>
</div>
</div>

<footer>
<div class="bg-neutral-950 w-full p-20 min-h-96"></div>
</footer>
<body>
<canvas class="bg-neutral-950" id="commits"></canvas>
<!-- <div id="gradient " class="gradient h-screen w-screen"></div> -->
</body>
</html>

0 comments on commit 65e21f7

Please sign in to comment.