<div id="app" class="min-h-screen flex">
<main class="self-center p-12  md:max-w-md md:flex-0  mx-auto">
<img class="mx-auto" src="https://app.seedprod.com/svg/seedprod-logo.svg" alt="SeedProd Logo" style="width:250px">
<div class="text-neutral">
<div class="text-3xl text-center py-6 ">Login</div>
<p class="text-sm text-center mb-10">Don't have an account? <a href="https://www.seedprod.com">Get SeedProd Now</a></p>
<div>
<form method="POST" action="https://app.seedprod.com/login">
<input type="hidden" name="_token" value="yXCiEVwhd0QhKv3ON9LbM4GDe2QWQ07GVvlQSyql">
<label class="block">
<span class=" text-sm font-semibold">Email Address</span>
<input type="email" class="form-input mt-1 block w-full" name="email" value="" required="" autofocus="">
</label>
<div class="mt-5">
<label class="block">
<span class=" text-sm font-semibold">Password</span>
<input type="password" class="form-input mt-1 block w-full" "="" name="password" required="">
</label>
</div>
<div class="mt-5">
<label class="inline-flex items-center">
<input type="checkbox" class="form-checkbox " name="remember">
<span class="ml-2  text-sm">Remember Me</span>
</label>
</div>
<button type="submit" class="mt-5 bg-primary hover:bg-primary-darker text-white font-bold py-3 px-2 rounded w-full">
Log In
</button>
<div class="text-center mt-5">
<a class="text-sm" href="https://app.seedprod.com/password/reset">
Forgot Your Password?
</a>
</div>
</form>
</div>
</div>
<div class="container mx-auto text-center text-xs mt-10 text-neutral-60">
<p class="mb-2">Copyright © 2019 SeedProd, LLC. <a class="text-neutral-60" href="https://www.seedprod.com" target="_blank">SeedProd</a>™ is a trademark of SeedProd, LLC.
</p>
<p>
<a href="https://www.seedprod.com/terms/" target="_blank" class="mr-3 text-neutral-60">Terms of
Service</a>|
<a href="https://www.seedprod.com/privacy/" target="_blank" class="ml-3 text-neutral-60">Privacy
Policy</a>
</p>
</div>
</main>
<aside class="  md:flex-1 flex-col login-bg">
<div class="flex min-h-screen justify-center">
<div id="mi-offer" class="self-center bg-white border border-neutral-10  h-full text-center flex flex-col justify-between">
<div class="flex justify-between">
<div class="border-t border-l mt-3 ml-3 p-3 " style="width: 2.5rem; color: #f3470e; border-color:#f3470e ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img" aria-hidden="true" focusable="false" class="fill-current">
<path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z">
</path>
</svg></div>
<div class="border-t border-r  mt-3 mr-3 p-3 " style="width: 2.5rem; color: #f3470e; border-color:#f3470e ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img" aria-hidden="true" focusable="false" class="fill-current">
<path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z">
</path>
</svg></div>
</div>
<div class="px-8">
<img src="https://app.seedprod.com/images/rafflepress-icon-mono-orange-compressor.png" class="mx-auto -mt-3 mb-5 border border-neutral-10 rounded-full p-3 w-20">
<h3 class="text-lg leading-tight font-bold mb-5">Get the Best Giveaway &amp; Contest plugin for WordPress</h3>
<p class="text-neutral font-light">
Built by the folks behind SeedProd.</p>
<p class="text-neutral  mt-4 mb-3">Grow Your Email List and Social Followings.</p>
<a href="https://rafflepress.com/?utm_source=seedprod&amp;utm_medium=link&amp;utm_campaign=seedprod-account-area&amp;utm_content=overview" target="_blank" class="no-underline inline-block leading-none px-6 py-3 rounded bg-orange-1000 hover:bg-orange-1001 text-white hover:text-white mt-4 hover:no-underline  ">Get
RafflePress Now</a>
</div>
<div class="flex justify-between">
<div class="border-b border-l  mb-3 ml-3 p-3 " style="width: 2.5rem; color: #f3470e; border-color:#f3470e ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img" aria-hidden="true" focusable="false" class="fill-current">
<path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z">
</path>
</svg></div>
<div class="border-b border-r  mb-3 mr-3 p-3 " style="width: 2.5rem; color: #f3470e; border-color:#f3470e ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img" aria-hidden="true" focusable="false" class="fill-current">
<path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z">
</path>
</svg></div>
</div>
 </div>
</div>
</aside>
</div>


