Skip to content

Instantly share code, notes, and snippets.

@SuperC03

SuperC03/login-card.html

Created January 24, 2020 13:23
Show Gist options
  • Save SuperC03/28f826f65de81d0a66ca3a2280e391af to your computer and use it in GitHub Desktop.
Save SuperC03/28f826f65de81d0a66ca3a2280e391af to your computer and use it in GitHub Desktop.
Download ZIP
Raw
login-card.html
<body class="bg-gray-100">
<nav class="bg-red-600 w-screen h-20 flex flex-row justify-center content-center">
<h1 class="text-white text-4xl my-auto">
Colin App
</h1>
</nav>
<main class="w-screen flex-col sm:flex-row">
<article class="shadow-2xl mx-16 my-16 w-auto">
<img
src="https://cdn.pixabay.com/photo/2015/12/01/20/28/road-1072823__340.jpg"
class="object-cover h-48 w-full rounded-t-lg"
/>
<div class="rounded-b-lg p-4 bg-white">
<h1 class="text-2xl text-gray-800 font-bold">Welcome to Nature</h1>
<input class="appearance-none border-2 shadow-lg rounded-lg my-2 w-full focus:outline-none focus:border-red-600 h-12 pl-4 text-base" placeholder="Name" type="text">
<input class="appearance-none border-2 shadow-lg rounded-lg my-2 w-full focus:outline-none focus:border-red-600 h-12 pl-4 text-base" placeholder="Password" type="password">
</div>
</article>
</main>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment