Skip to content

Commit

Permalink
airex section added
Browse files Browse the repository at this point in the history
  • Loading branch information
@devsisingh
devsisingh committed Sep 11, 2023
1 parent 88ef115 commit 9c9bb4c
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 116 deletions.
143 changes: 27 additions & 116 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,14 +44,14 @@ <h1 class="myfont font-bold text-xl lg:text-3xl uppercase">
<div class="font-bold hidden lg:flex gap-x-8" style="text-transform: uppercase;">
<a href="https://dev.webapp.myriadflow.com/" target="_blank">Explore</a>
<a href="https://github.com/MyriadFlow" target="_blank">Launch</a>
<a href="#connect">Connect</a>
<a href="#connect">Contracts</a>
</div>
</nav>
<ul id="links"
class="fixed px-8 top-[88px] bg-black link text-white font-semibold text-xl w-full z-50 flex flex-col gap-4 text-right overflow-hidden lg:hidden">
<a href="https://dev.webapp.myriadflow.com/" target="_blank" class="block pt-8">Explore</a>
<a href="https://github.com/MyriadFlow" target="_blank">Launch</a>
<a href="#connect" class="block pb-8">Connect</a>
<a href="#connect" class="block pb-8">Contracts</a>
</ul>
<div class="h-screen lg:h-[800px] tlg:h-screen header-bg bg-fixed bg-center text-white">
<div class="hero-text w-full lg:w-1/2 md:w-1/2">
Expand Down Expand Up @@ -92,7 +92,7 @@ <h1 class="text-4xl m48:text-6xl lg:text-7xl font-black mb-8 sm:mb-12" style="li
</p>
<div class="text-center mb-20">
<div
class="bg-gradient-to-r inline-block from-[#f4599e] via-[#9e75f5] to-[#5b72ff] p-1 rounded-full"
class="inline-block p-1 rounded-full" style="background: linear-gradient(90deg, rgba(4,111,237,1) 67%, rgba(0,212,255,1) 100%)"
>
<button
class="bg-blue-500 text-white py-3 px-10 m41:px-16 m41:text-lg font-medium rounded-full"
Expand All @@ -113,14 +113,14 @@ <h1 class="text-4xl m48:text-6xl lg:text-7xl font-black mb-8 sm:mb-12" style="li
style="background-image: url(./resources/Capture.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top:-20px;">
<div class="mx-5 sm:mx-6 px-10 lg:flex gap-20 items-center justify-evenly">
<div class="lg:w-1/2">
<h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snug">
<h1 class="text-3xl sm:text-5xl lg:text-5xl font-bold mb-7 sm:mb-12 leading-snug">
NFT Storefront<br />
<!-- <span
class="bg-gradient-to-r text-transparent bg-clip-text from-[#00ffbd] via-[#2300ab] to-[#c100ba]"
>Utility NFTs</span
> -->
</h1>
<p class="text-xl m48:text-2xl sm:text-3xl font-semibold leading-tight mb-12 sm:mb-14 lg:max-w-xl">
<p class="text-xl m48:text-2xl sm:text-3xl leading-tight mb-12 sm:mb-14 lg:max-w-xl" style="font-family:'Times New Roman', Times, serif">
MyriadFlow offers individual digital
marketplace where creators and organizations
can buy, sell, and trade NFTs. Get your NFT
Expand Down Expand Up @@ -149,17 +149,17 @@ <h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snu
style="background-image: url(./resources/Capture.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top:-20px;">
<div class="mx-5 sm:mx-6 px-10 lg:flex gap-20 items-center justify-evenly">
<div class="lg:w-1/2">
<h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snug">
<h1 class="text-3xl sm:text-5xl lg:text-5xl font-bold mb-7 sm:mb-12 leading-snug">
AIRNFTs<br />
<!-- <span
class="bg-gradient-to-r text-transparent bg-clip-text from-[#00ffbd] via-[#2300ab] to-[#c100ba]"
>Utility NFTs</span
> -->
</h1>
<p class="text-xl m48:text-2xl sm:text-3xl font-semibold leading-tight mb-12 sm:mb-14 lg:max-w-xl">
<p class="text-xl m48:text-2xl sm:text-3xl leading-tight mb-12 sm:mb-14 lg:max-w-xl" style="font-family:'Times New Roman', Times, serif">
Offering NFTs that change the concept, that is,
Dynamic NFTs that provide dynamic features,
changes in a dNFT smart contract are based on
changes in a DNFT smart contract are based on
conditions. Dynamic NFTs can be helpful for
metaverse games and worlds, the real estate
saved as NFT, and also as a digital identity like
Expand Down Expand Up @@ -187,14 +187,14 @@ <h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snu
style="background-image: url(./resources/Capture.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top:-20px;">
<div class="mx-5 sm:mx-6 px-10 lg:flex gap-20 items-center justify-evenly">
<div class="lg:w-1/2">
<h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snug">
<h1 class="text-3xl sm:text-5xl lg:text-5xl font-bold mb-7 sm:mb-12 leading-snug">
Phygital NFTs<br />
<!-- <span
class="bg-gradient-to-r text-transparent bg-clip-text from-[#00ffbd] via-[#2300ab] to-[#c100ba]"
>Utility NFTs</span
> -->
</h1>
<p class="text-xl m48:text-2xl sm:text-3xl font-semibold leading-tight mb-12 sm:mb-14 lg:max-w-xl">
<p class="text-xl m48:text-2xl sm:text-3xl leading-tight mb-12 sm:mb-14 lg:max-w-xl" style="font-family:'Times New Roman', Times, serif">
Experience both the physical and digital worlds with
Myriadflow. Explore online shopping with in-store
pickup or virtual reality games incorporating real-world objects. Make your NFT trading and transferring
Expand All @@ -221,118 +221,29 @@ <h1 class="text-4xl sm:text-6xl lg:text-7xl font-black mb-7 sm:mb-12 leading-snu
</section>


<section class="lg:h-screen bg-black text-white p-8">
<div class="mx-auto max-w-sm h-[2px] bg-gradient-to-r from-[#00ffbd] via-[#2300ab] to-[#c100ba]"></div>
<section class="bg-black text-white p-8 pb-20">
<!-- <div class="mx-auto max-w-sm h-[2px] bg-gradient-to-r from-[#00ffbd] via-[#2300ab] to-[#c100ba]"></div> -->
<h1
class="uppercase pt-14 m28:text-2xl text-3xl m48:text-4xl m28:font-extrabold text-center font-black lg:font-extrabold mb-20 sm:mb-24">
<span class="text-[#F58529]">Explore Possibilities</span> <br />
class="pt-14 m28:text-2xl text-3xl m48:text-4xl text-center mb-20 sm:mb-24">
<span class="font-black lg:font-extrabold m28:font-extrabold">AIREX</span> <br />
<span class="font-medium">(Augmented Interactive Reality Experiences)</span> <br />

</h1>
<div class="lg:flex max-w-[1580px] mx-auto items-center text-center lg:text-left">
<div class="lg:w-1/2">
<div class="mb-10">
<h1
class="bg-gradient-to-r text-transparent bg-clip-text from-[#f4599e] via-[#9e75f5] to-[#5b72ff] text-3xl m48:text-4xl capitalize font-bold mb-4">
Launch Your NFT Marketplace
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
MyriadFlow makes it possible to launch your NFT Store very
efficiently.<br />
Get your NFT Solution Live in Seconds and be ready for Business
</p>
</div>
<div class="mb-10">
<h1
class="bg-gradient-to-r text-transparent bg-clip-text from-[#f4599e] via-[#9e75f5] to-[#5b72ff] text-3xl m48:text-4xl capitalize font-bold mb-4">
Utility For Your Service
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
Quickly tokenize your existing asset as NFT, Enable special
access to your unique services & Add more value to your
business.
</p>
</div>
<div class="mb-10">
<h1
class="bg-gradient-to-r text-transparent bg-clip-text from-[#f4599e] via-[#9e75f5] to-[#5b72ff] text-3xl m48:text-4xl capitalize font-bold mb-4">
Web3 Transformation
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
MyriadFlow helps You with Web3 Transformation & Explore the
Emerging Ecosystem of Crypto, DeFi, Gaming, Metaverse,Art and more…
</p>
</div>
</div>
<div class="lg:w-1/2">
<img class="w-full" src="./resources/Electronic_Devices_62_Converted.svg" alt="" />
</div>
</div>
</section>

<section class="lg:h-screen bg-black text-white p-8">
<div class="lg:flex justify-evenly max-w-[1580px] mx-auto items-center text-center lg:text-left">
<div class="lg:w-1/2">
<div class="mb-10">
<h1 class="text-[#69BA7F] text-3xl m48:text-4xl capitalize font-bold mb-4">
Creators Economy
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
MyriadFlow can help you launch new economies focused on the
content creators and influencers. Now Launch your new Art
Collection, Music Album, Video Series or even eBooks...
</p>
</div>
<div class="mb-10">
<h1 class="text-[#69BA7F] text-3xl m48:text-4xl capitalize font-bold mb-4">
Wearable NFTs
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
Minting NFTs for physical assets adds to their scarcity in the
digital environment, making the physical items more valuable
than others. Get into massive untapped potential for
applications in the physical world.
</p>
</div>
<div class="mb-10">
<h1 class="text-[#69BA7F] text-3xl m48:text-4xl capitalize font-bold mb-4">
Multi Chain Support
</h1>
<p class="text-xl m48:text-2xl font-medium leading-6">
Option to deploy your solution on all major blockchains. The
assets are stored on IPFS and each solution gets an Exclusive
Indexer for tracking onchain events.
</p>
</div>
</div>
<div class="mb-4 lg:mb-0 lg:w-1/2">
<img class="w-full" src="./resources/security.svg" alt="" />
</div>
<div class="mb-20">
<img class="" src="./resources/argumented.gif" alt="" />
</div>
</section>
<!-- New Code -->
<section class="lg:h-screen bg-black text-white p-8 inter">
<div class="lg:flex gap-20 justify-evenly max-w-[1580px] mx-auto items-center text-center lg:text-left">
<div class="lg:w-1/2">
<div class="mb-10">
<h1 class="text-3xl m48:text-6xl myfont font-bold mb-8 text-[#515BD4]">
AIRNFTs
</h1>
<p class="text-xl m48:text-[36px] font-medium m48:leading-[56px] mb-8">
Offering NFTs that change the concept, that is,
Dynamic NFTs that provide dynamic features,
changes in a dNFT smart contract are based on
conditions. Dynamic NFTs can be helpful for
metaverse games and worlds, the real estate
saved as NFT, and also as a digital identity like
an NFT passport.
</p>
</div>
</div>
<div class="mb-4 lg:mb-0 lg:w-1/2">
<img class="w-full rounded-[60px]" src="./resources/argumented.gif" alt="" />
</div>


<div style="font-family:'Times New Roman', Times, serif; margin-top:30px" class="text-center lg:w-1/2 w-full subhero-text">
<p class="text-xl">Now offer Augmented Interactive Reality Experiences by creating modifiable single
layer NFTs where users literally get to interact with it.</p><br />
<p style="margin-top:20px" class="text-lg">MyriadFlow makes it easier to launch AIREX integrating Chain-link VRF and algorithmic SDKs.</p>
</div>
</section>
<!-- End Of New Code -->



<section class="lg:h-screen bg-black text-white p-4 m37:p-8">
<div class="mx-auto max-w-sm h-[2px] bg-gradient-to-r from-[#00ffbd] via-[#2300ab] to-[#c100ba]"></div>
<h1
Expand Down
8 changes: 8 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,14 @@ body {
color: white;
}

.subhero-text {
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, +10%);
color: white;
}

/* ! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com */

/*
Expand Down

0 comments on commit 9c9bb4c

Please sign in to comment.