Make newsletter signup clearer

This commit is contained in:
davegson 2020-05-24 17:44:19 +02:00
parent 09939a673b
commit 2da66ed214

View file

@ -1,9 +1,9 @@
<footer class="bg-black p-8 bg-local bg-no-repeat bg-cover bg-bottom" id="footer">
<div class="p-12 mx-auto self-center max-w-3xl text-center lg:text-left" id="newsletter">
<span class="text-white text-xl font-bold">Stay Connected</span>
<span class="text-white text-xl font-bold">Stay Connected via Newsletter</span>
<form action="https://t80607841.emailsys1a.net/184/1387/c70759e794/subscribe/form.html" method="post">
<div class="block lg:flex items-center py-5">
<input style="background-color: #302e37;" type="email" name="email" class="appearance-none rounded-full w-full max-w-md px-6 py-2 text-white focus:outline-none" required placeholder="Monthly Newsletter">
<input style="background-color: #302e37;" type="email" name="email" class="appearance-none rounded-full w-full max-w-md px-6 py-2 text-white focus:outline-none" required placeholder="email">
<div class="pt-5 lg:pt-0 lg:pl-5 ">
<input type="submit" value="Subscribe" style="background-color: #6188ff;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase" />
</div>