Add hover to links & button

This commit is contained in:
Maria Rushkova 2021-08-04 12:58:27 +02:00
parent d5ba3b108a
commit 0dc74fb867
1 changed files with 92 additions and 10 deletions

View File

@ -39,16 +39,52 @@
<div class="flex flex-col mr-5 sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4">Research</p>
<ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Log</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://forum.vac.dev/" target="_blank">Forum</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Media</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/our_team/jobs.html" target="_blank"
>Careers</a
>
@ -58,13 +94,39 @@
<div class="flex flex-col sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
<ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://twitter.com/vacp2p" target="_blank">Twitter</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://discord.com/" target="_blank">Discord</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
"
>
<a href="https://t.me/vacp2p" target="_blank">Telegram</a>
</li>
</ul>
@ -74,10 +136,28 @@
<div class="flex flex-col sl:mr-5">
<p class="text-base text-white mb-5 lg:mb-4">Projects</p>
<ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Waku</a>
</li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5">
<li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">DApp Connect</a>
</li>
</ul>
@ -101,13 +181,15 @@
"
type="email"
placeholder="your email"
required
/>
<button
class="
h-2
w-2
hover:w-2.5 hover:h-3.5
bg-arrowWhite bg-contain bg-no-repeat
focus:outline-none
hover:opacity-50
"
type="submit"
></button>