You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

134 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
<link rel="stylesheet" href="css/output.css">
</head>
<body>
<main class="m-10 h-96">
<nav class="flex items-center lg:justify-between sm:justify-center flex-wrap bg-gray-500 p-6 shadow-lg shadow-black/50 sticky top-4 opacity-100 mb-24"> <!--dark:bg-black-->
<div class="block lg:hidden cursor-pointer flex:none mr-4" id="HamburgerInactive">
<button id="btn" class="flex flex-col items-center px-3 py-[0.4375rem] border rounded text-teal-200 border-teal-400">
<span class="block h-0.5 w-5 mb-1 origin-center rounded-full bg-teal-200"></span>
<span class="block h-0.5 w-5 mb-1 origin-center rounded-full bg-teal-200"></span>
<span class="block h-0.5 w-5 origin-center rounded-full bg-teal-200"></span>
</button>
</div>
<div id="HamburgerActive" class="hidden lg:hidden flex:none cursor-pointer mr-4 block">
<button class="space-y-2 px-3 py-2 border rounded text-teal-200 border-teal-400" >
<span class="block h-0.5 w-5 origin-center rounded-full bg-teal-200 translate-y-1.5 rotate-45"></span>
<span class="block h-0.5 w-5 origin-center rounded-full bg-teal-200 -translate-y-1 -rotate-45"></span>
<span class="hidden h-0.5 w-5 origin-center rounded-full bg-white"></span>
</button>
</div>
<div class="flex items-center flex-shrink-0 text-white mr-6 w-full lg:w-auto flex-1 lg:flex-none justify-center">
<svg id="logo" class="fill-current h-8 w-8 mr-2" width="54" height="54" viewBox="0 0 54 54" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 22.1c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 38.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"/></svg>
<span class="font-semibold text-xl tracking-tight">G-Link</span>
</div>
<div id="menu-options" class="bg-gray-500 w-full lg:block flex-grow lg:flex lg:items-center lg:w-auto hidden mr-4">
<div class="text-sm lg:flex-grow">
<a href="#head" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-black mr-4 hover:bg-gray-200 hover:border hover:border-gray-200 hover:rounded text-teal-200 py-1 px-3">
A
</a>
<a href="#head" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-black mr-4 hover:bg-gray-200 hover:border hover:border-gray-200 hover:rounded text-teal-200 py-1 px-3">
B
</a>
<a href="#head" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-black mr-4 hover:bg-gray-200 hover:border hover:border-gray-200 hover:rounded text-teal-200 py-1 px-3">
C
</a>
<a href="/" class="block mt-4 lg:inline-block lg:mt-0 bg-blue-600 brightness-125 border border-blue-500 rounded text-teal-200 hover:text-black py-1 px-3">
Products (Form)
</a>
</div>
<div>
<a href="signup.html" class="inline-block <%= signup %> text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0 mr-4">
signup
</a>
</div>
<div>
<a href="<%= loc %>" class="inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0">
<%= tagline %>
</a>
</div>
</div>
<div class="w-9 h-9 rounded-full bg-emerald-800 cursor-pointer outline outline-offset-2 outline-4 outline-white hover:bg-emerald-700">
<button class="w-full h-full bg-white rounded-full" id="dropdownDefaultButton" data-dropdown-toggle="dropdown">
</button>
</div>
<div class="relative">
<button dropdown-trigger aria-expanded="false" type="button" class="inline-block px-6 py-3 mr-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-gradient-to-tl from-purple-700 to-pink-500 leading-pro text-sm ease-soft-in tracking-tight-soft shadow-soft-md bg-150 bg-x-25 hover:scale-102 active:opacity-85 hover:shadow-soft-xs">Dropdown</button>
<p class="hidden transform-dropdown-show"></p>
<ul dropdown-menu class="z-10 text-sm lg:shadow-soft-3xl duration-250 before:duration-350 before:font-awesome before:ease-soft min-w-44 before:text-5.5 transform-dropdown pointer-events-none absolute left-auto top-1/2 m-0 -mr-4 mt-2 list-none rounded-lg border-0 border-solid border-transparent bg-white bg-clip-padding px-0 py-2 text-left text-slate-500 opacity-0 transition-all before:absolute before:right-7 before:left-auto before:top-0 before:z-40 before:text-white before:transition-all before:content-['\f0d8']">
<li>
<a class="py-1.2 lg:ease-soft clear-both block w-full whitespace-nowrap border-0 bg-transparent px-4 text-left font-normal text-slate-500 hover:bg-gray-200 hover:text-slate-700 dark:text-white dark:hover:bg-gray-200/80 dark:hover:text-slate-700 lg:transition-colors lg:duration-300" href="javascript:;">Action</a>
</li>
<li>
<a class="py-1.2 lg:ease-soft clear-both block w-full whitespace-nowrap border-0 bg-transparent px-4 text-left font-normal text-slate-500 hover:bg-gray-200 hover:text-slate-700 dark:text-white dark:hover:bg-gray-200/80 dark:hover:text-slate-700 lg:transition-colors lg:duration-300" href="javascript:;">Another action</a>
</li>
<li>
<a class="py-1.2 lg:ease-soft clear-both block w-full whitespace-nowrap border-0 bg-transparent px-4 text-left font-normal text-slate-500 hover:bg-gray-200 hover:text-slate-700 dark:text-white dark:hover:bg-gray-200/80 dark:hover:text-slate-700 lg:transition-colors lg:duration-300" href="javascript:;">Something else here</a>
</li>
</ul>
</div>
<script>
let active = document.getElementById("HamburgerActive");
let inactive = document.getElementById("HamburgerInactive");
let options = document.querySelector("#menu-options");
active.addEventListener("click", ()=>{
active.classList.add("hidden");
inactive.classList.remove("hidden");
options.classList.toggle("hidden");
})
inactive.addEventListener("mouseup", ()=>{
inactive.classList.add("hidden");
active.classList.remove("hidden");
options.classList.toggle("hidden");
});
</script>
</nav>
<div class="flex lg:flex-row flex-col w-full mb-24">
<div class="h-96 w-auto flex flex-col flex-grow">
<div class="w-full flex items-center justify-center mb-6 border-8 border-black">
<h1 class="text-4xl md:text-5xl lg:text-6xl">Lorem ipsum dolor</h1>
</div>
<div class="h-72 w-full flex items-center justify-center text-2xl border-8 border-black">
<p>
Insert description or whatever ...
</p>
</div>
</div>
<img class="w-auto flex-grow-0 h-96" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGpfMagCsgrJkELG_GOjtxqssEPXd-3vr2PmPdaB-0Y5Rp-bv1VOouyoXmG2QxZWHpdYI&usqp=CAU">
</div>
<div class="flex lg:flex-col h-96 flex-col w-full mb-24 border-8 border-black">
<div class="w-full justify-center items-center flex border-8 border-black">
<p class="text-4xl md:text-5xl lg:text-6xl">
How it works
</p>
</div>
<div class="flex flex-row justify-between items-center">
<div class="flex flex-col items-center">
<img src="data:image/jpeg;base64,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">
<p class="text-xl">
Dayot Upamecano
</p>
</div>
<div class="flex flex-col items-center">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmfgnNPa-FtkXqsELf4lqPYV8Fio0edSSiSA&usqp=CAU">
<p class="text-xl">
Sadio Mane
</p>
</div>
<div class="flex flex-col items-center">
<img src="data:image/jpeg;base64,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">
<p class="text-xl">
Eric Maxim Choupo Moting
</p>
</div>
</div>
</div>
</main>
</body>
</html>