279 lines
18 KiB
HTML
279 lines
18 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Tailwind CSS workshop</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="build/tailwind.css" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<div class="sticky top-0 z-30 px-4 mx-auto bg-white max-w-screen-2xl">
|
||
|
|
<div class="grid h-full grid-cols-2 gap-4">
|
||
|
|
<div>
|
||
|
|
<a class="absolute" href="index.html#0">
|
||
|
|
<img class="relative z-20 w-auto h-20 md:h-24" src="/sites/all/themes/fldc17/images/header-logo-general.svg">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-end h-full">
|
||
|
|
<button class="my-4 lg:hidden" type="button" aria-label="Toggle menu">
|
||
|
|
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<ul class="justify-end hidden h-full lg:flex">
|
||
|
|
<li>
|
||
|
|
<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="index.html#0">
|
||
|
|
Conference
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="index.html#0">
|
||
|
|
Sponsors
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="index.html#0">
|
||
|
|
Community
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="index.html#0">
|
||
|
|
FAQ
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark text-white bg-blue" href="index.html#0">
|
||
|
|
Register
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="relative flex items-center justify-center px-4 mx-auto max-w-screen-2xl">
|
||
|
|
<video class="w-full opacity-60" poster="/sites/all/themes/fldc17/images/video-poster.jpg" preload="auto">
|
||
|
|
<source src="/sites/default/files/FLDC17%20Promo-high.mp4" type="video/mp4">
|
||
|
|
</video>
|
||
|
|
|
||
|
|
<img class="absolute w-96" src="/sites/all/themes/fldc17/images/logo-general.svg" alt="Florida Drupalcamp Logo">
|
||
|
|
|
||
|
|
<img class="absolute w-24 h-auto left-32 top-48" src="/sites/all/themes/fldc17/images/stars-1.svg" alt="">
|
||
|
|
<img class="absolute w-24 h-auto top-32 right-48" src="/sites/all/themes/fldc17/images/stars-2.svg" alt="">
|
||
|
|
<img class="absolute w-20 h-auto right-80 bottom-32" src="/sites/all/themes/fldc17/images/stars-3.svg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="max-w-3xl px-4 py-8 mx-auto text-center">
|
||
|
|
<p class="text-xl leading-loose lg:text-3xl text-blue-dark">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
|
||
|
|
|
||
|
|
<a class="inline-block px-4 py-3 mt-8 text-xl transition-colors duration-200 ease-in-out border-2 lg:px-5 lg:py-4 lg:text-3xl text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark hover:text-white focus:text-white" href="index.html#0">Learn more</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="px-4 mx-auto mt-10 mb-10 max-w-screen-xl">
|
||
|
|
<h2 class="sr-only">Sponsors</h2>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
|
||
|
|
<div class="mt-10 text-center">
|
||
|
|
<h2 class="text-5xl font-display text-platinum">Platinum Sponsors</h2>
|
||
|
|
|
||
|
|
<div class="mt-6">
|
||
|
|
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/ddev1000.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">DDEV</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mt-10 text-center">
|
||
|
|
<h2 class="text-5xl font-display text-gold">Gold Sponsors</h2>
|
||
|
|
|
||
|
|
<div class="mt-6">
|
||
|
|
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Acquia_no_tagline.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Acquia</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/palantir-logo_0.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Palantir.net</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/dcont-logo-v1-stacked-black-01.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Drupal Contractors, by esteemed</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/lullabot.jpg" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Lullabot</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mt-10 text-center">
|
||
|
|
<h2 class="text-5xl font-display text-silver">Silver Sponsors</h2>
|
||
|
|
|
||
|
|
<div class="mt-6">
|
||
|
|
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/florida-realtors-logo.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Florida Realtors Association</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/DrupalEasy%20CMYK%20Layered_0.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">DrupalEasy</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/SpecbeeLogo-800x800.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Specbee</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mt-10 text-center">
|
||
|
|
<h2 class="text-5xl font-display text-bronze">Bronze Sponsors</h2>
|
||
|
|
|
||
|
|
<div class="mt-6">
|
||
|
|
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/logo_devPanel_800x800_3.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">devPanel</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Promet_Logo_Master-04.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Promet Source</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/hotsauce_logo.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Hot Sauce</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/CLoud-NYNE-Design.jpg" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">CLoud NYNE Design</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Bluehorn%20Digital%20Logo%20-%204C.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Bluehorn Digital</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/newlogo-webops_New%20logo%20-black%20fist%20tagline.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Pantheon</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/DesignHammer%20%281%29.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">DesignHammer</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mt-10 text-center">
|
||
|
|
<h2 class="text-5xl font-display text-blue-dark">In Kind Sponsors</h2>
|
||
|
|
|
||
|
|
<div class="mt-6">
|
||
|
|
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/twd-square-logo.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">The Weekly Drop</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="w-full mt-2 ml-2 sm:w-auto">
|
||
|
|
<a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="index.html#0">
|
||
|
|
<span class="flex items-center h-full">
|
||
|
|
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Kanopi_Logo_Horiz_RGB.png" alt="">
|
||
|
|
</span>
|
||
|
|
<p class="sr-only">Kanopi Studios</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer class="py-10 bg-blue-dark">
|
||
|
|
<div class="px-4 mx-auto max-w-screen-2xl">
|
||
|
|
<p class="text-white">A clone of the <a class="underline" href="">DrupalCamp Florida website</a>, built by <a class="underline" href="https://www.oliverdavies.uk">Oliver Davies</a>, for his Tailwind CSS training workshop.</p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|