Add hover to links & button
This commit is contained in:
parent
d5ba3b108a
commit
0dc74fb867
|
@ -39,16 +39,52 @@
|
||||||
<div class="flex flex-col mr-5 sl:mr-14">
|
<div class="flex flex-col mr-5 sl:mr-14">
|
||||||
<p class="text-base text-white mb-5 lg:mb-4">Research</p>
|
<p class="text-base text-white mb-5 lg:mb-4">Research</p>
|
||||||
<ul class="">
|
<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>
|
<a href="https://status.im/" target="_blank">Log</a>
|
||||||
</li>
|
</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>
|
<a href="https://forum.vac.dev/" target="_blank">Forum</a>
|
||||||
</li>
|
</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>
|
<a href="https://status.im/" target="_blank">Media</a>
|
||||||
</li>
|
</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"
|
<a href="https://status.im/our_team/jobs.html" target="_blank"
|
||||||
>Careers</a
|
>Careers</a
|
||||||
>
|
>
|
||||||
|
@ -58,13 +94,39 @@
|
||||||
<div class="flex flex-col sl:mr-14">
|
<div class="flex flex-col sl:mr-14">
|
||||||
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
|
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
|
||||||
<ul class="">
|
<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>
|
<a href="https://twitter.com/vacp2p" target="_blank">Twitter</a>
|
||||||
</li>
|
</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>
|
<a href="https://discord.com/" target="_blank">Discord</a>
|
||||||
</li>
|
</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>
|
<a href="https://t.me/vacp2p" target="_blank">Telegram</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -74,10 +136,28 @@
|
||||||
<div class="flex flex-col sl:mr-5">
|
<div class="flex flex-col sl:mr-5">
|
||||||
<p class="text-base text-white mb-5 lg:mb-4">Projects</p>
|
<p class="text-base text-white mb-5 lg:mb-4">Projects</p>
|
||||||
<ul class="">
|
<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>
|
<a href="https://status.im/" target="_blank">Waku</a>
|
||||||
</li>
|
</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>
|
<a href="https://status.im/" target="_blank">DApp Connect</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -101,13 +181,15 @@
|
||||||
"
|
"
|
||||||
type="email"
|
type="email"
|
||||||
placeholder="your email"
|
placeholder="your email"
|
||||||
|
required
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
class="
|
class="
|
||||||
h-2
|
h-2
|
||||||
w-2
|
w-2
|
||||||
hover:w-2.5 hover:h-3.5
|
|
||||||
bg-arrowWhite bg-contain bg-no-repeat
|
bg-arrowWhite bg-contain bg-no-repeat
|
||||||
|
focus:outline-none
|
||||||
|
hover:opacity-50
|
||||||
"
|
"
|
||||||
type="submit"
|
type="submit"
|
||||||
></button>
|
></button>
|
||||||
|
|
Loading…
Reference in New Issue