forked from hero/www_hero_project
56 lines
2.5 KiB
HTML
56 lines
2.5 KiB
HTML
|
<style>
|
||
|
.bg_earn {
|
||
|
background-color: #F2EDE8;
|
||
|
}
|
||
|
|
||
|
.bg-boxs {
|
||
|
background-color: #f7f4f0;
|
||
|
}
|
||
|
</style>
|
||
|
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn">
|
||
|
<div class="relative max-w-7xl mx-auto">
|
||
|
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||
|
|
||
|
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||
|
<div class="flex-shrink-0">
|
||
|
<img class="h-full w-full object-cover" src="/images/1_plug_in.png" alt="" />
|
||
|
</div>
|
||
|
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||
|
<div class="flex-1">
|
||
|
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">All you need to get started is
|
||
|
electricity, a network connection, and a FreeFlow Node</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||
|
<div class="flex-shrink-0">
|
||
|
<img class="h-full w-full object-cover" src="/images/2_offer_capacity.png" alt="" />
|
||
|
</div>
|
||
|
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||
|
<div class="flex-1">
|
||
|
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Provide decentralized storage and
|
||
|
compute capacity to host your communities digital life while maintaining privacy.</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||
|
<div class="flex-shrink-0">
|
||
|
<img class="h-full w-full object-cover" src="/images/3_earn.png" alt="" />
|
||
|
</div>
|
||
|
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||
|
<div class="flex-1">
|
||
|
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Earn in the most valuable and
|
||
|
rapidly growing economy: the Internet and cloud</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<br>
|
||
|
<button class="flex mx-auto uppercase"
|
||
|
onclick="window.open('https://threefoldfoundation.github.io/books/freeflow/network/farming/farming_reward.html', '_blank')">see
|
||
|
rewards</button>
|
||
|
</div>
|
||
|
</div>
|