fix responsive
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB After Width: | Height: | Size: 152 KiB |
@@ -1,4 +1,4 @@
|
||||
<div class="bg-transparent pt-12 pb-24 ">
|
||||
<div class="bg-transparent pb-24 ">
|
||||
<div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-y-16 px-8 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
|
||||
<div class="max-w-3xl lg:px-16 px-0 lg:pb-12 pb-6">
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-white">ThreeFold is the Infrastructure Layer of Web4
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="relative isolate overflow-hidden bg-transparent">
|
||||
<div class="relative isolate overflow-hidden bg-transparent h-screen">
|
||||
<div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl text-center">
|
||||
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">We are Building <br>a New Internet</h2>
|
||||
|
||||
@@ -4,10 +4,10 @@
|
||||
<div class="text-center">
|
||||
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">A Self-Healing Web4 Infrastructure</h2>
|
||||
<br>
|
||||
<h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight text-white">Scalable globally, Green, Unbreakable & Secure.</h2>
|
||||
<h2 class="fade-in text-balance lg:text-4xl text-2xl font-normal tracking-tight text-white">Scalable globally, Green, Unbreakable & Secure.</h2>
|
||||
|
||||
<div class="fade-in relative -mx-4 my-8" aria-hidden="true">
|
||||
<img class="fade-in blinking-effect relative mx-auto" width="80%" src="/images/self_healing.png" alt="">
|
||||
<img class="fade-in blinking-effect relative mx-auto" src="/images/self_healing.png" alt="">
|
||||
</div>
|
||||
|
||||
{# <div class="mt-16 fade-in flex items-center justify-center gap-x-6">
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl lg:max-w-none">
|
||||
<div class="text-center">
|
||||
<h2 class="fade-in text-balance text-6xl font-normal tracking-tight text-white m:text-6xl">Building towards <span class="font-bold">Web4</span></h2>
|
||||
<h2 class="fade-in text-balance text-4xl lg:text-6xl font-normal tracking-tight text-white ">Building towards <span class="font-bold">Web4</span></h2>
|
||||
<br>
|
||||
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2>
|
||||
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2>
|
||||
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Web4 is the natural progression of the Internet, where AI agents replace platforms, intelligence is peer-to-peer, and users own and control their data. Together, humans and machines build an augmented, collective intelligence.</p>
|
||||
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Blockchain was the first step to Web3.</p>
|
||||
<p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold is the next step to Web4.</p>
|
||||
|
||||
Reference in New Issue
Block a user