Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Landing Page #104

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Landing Page #104

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
194 changes: 194 additions & 0 deletions src/pages/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="/src/styles/style.css" />
<title>Web Design Mastery | Fitclub</title>
</head>
<body>
<nav>

<ul class="nav__links">
<li class="link"><a href="#">Home</a></li>
<li class="link"><a href="#">Program</a></li>
<li class="link"><a href="#">Service</a></li>
<li class="link"><a href="#">About</a></li>
<li class="link"><a href="#">Community/Blag</a></li>
</ul>
<button class="btn">Join the waitlist</button>
</nav>

<header class="section__container header__container">
<div class="header__content">
<span class="bg__blur"></span>
<span class="bg__blur header__blur"></span>
<h1><span>Cloud Canvas <br></span> Infrastruture Paints The Future</h1>
<p>
Infraboard revolutionaizes cloud management with a unified platform, ensuring seamless synchronization and optimal efficiency for your Infrastruture, fostering innovation
and streamlined workflows</p>
<button class="btn">Join the Waitlist</button>
</div>
</header>

<section class="section__container explore__container">
<div class="explore__header">
<h4 class="section__header">Everything you care about is natively integrated in InfraBoard </h4>
<div class="explore__nav">
<span><i class="ri-arrow-left-line"></i></span>
<span><i class="ri-arrow-right-line"></i></span>
</div>
</div>
<div class="explore__grid">
<div class="explore__card">
<span><i class="ri-boxing-fill"></i></span>
<h4>TF state drift detection</h4>
<p>
Avoid surprises by scheduling regular scans --hourly, daily, or weekly --to provide constant control over your infrastruture.</p>
<a href="#">Know More <i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-heart-pulse-fill"></i></span>
<h4>Multi-cloud by design</h4>
<p>
Integrate seamlessly across numerous cloud platforms,subscription, and environments.
</p>
<a href="#">Know More <i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-run-line"></i></span>
<h4>Secure remote backend & RBAC</h4>
<p>
You have full control over the security of all of your data.
</p>
<p>Collaborate securely by effortlessly granting access to the appropriate team or individual</p>
<a href="#">Know More <i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-shopping-basket-fill"></i></span>
<h4>Visual CI/CD engine</h4>
<p>
All of the components required to create your own pipelines are available off the market.InfraBoard maintains it for you, saving you time and effort
</p>
<a href="#">Know More <i class="ri-arrow-right-line"></i></a>
</div>



</div>
</section>

<section class="section__container class__container">
<div class="class__content">
<h2 class="section__header">AI_Driven Cloud Infrastructure Design with InfraBoard</h2>
<p>
InfraBoard is an AI-powered application for graphically designing and managing cloud infrastructure cloud Infrastructure collectively.
</p>
<button class="btn">Book A Class</button>
</div>
</section>

<section class="section__container join__container">
<h2 class="section__header">Infraboard</h2>
<p class="section__subheader">
Where Cloud Vision Meets Execution
</p>
<div class="join__image">

<div class="join__grid">
<div class="join__card">
<span><i class="ri-user-star-fill"></i></span>
<div class="join__card__content">
<h4>Personal Trainer</h4>
<p>Unlock your potential with our expert Personal Trainers.</p>
</div>
</div>
<div class="join__card">
<span><i class="ri-vidicon-fill"></i></span>
<div class="join__card__content">
<h4>Practice Sessions</h4>
<p>Elevate your fitness with practice sessions.</p>
</div>
</div>
<div class="join__card">
<span><i class="ri-building-line"></i></span>
<div class="join__card__content">
<h4>Good Management</h4>
<p>Supportive management, for your fitness success.</p>
</div>
</div>
</div>
</div>
</section>

<section class="section__container price__container">
<h2 class="section__header"> Meet InfraBoard AI </h2>
<p class="section__subheader">
It is now up to you to create amazing things. </p>
<div class="price__grid">
<div class="price__card">
<div class="price__card__content">
<img src="" alt="" width="400px" height="400px" >
<h4>Versioning and Git workflow</h4>
<p>
Native support for version control systems increases Terraform's flexibility and control.
</p>
</div>
</div>
<div class="price__card">
<div class="price__card__content">
<img src="" alt="" width="400px" height="400px" >
<h4>Chat with InfraBoard</h4>
<p>
Just ask Infraboard to build the infrastructure for you.
</p>
</div>
<button class="btn price__btn">Ask Infraboard</button>
</div>
<div class="price__card">
<div class="price__card__content">
<h4> Lorem ipsum dolor sit amet consectetur. </h4>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum provident alias fugiat consequuntur libero sequi, illo pariatur suscipit possimus, itaque eos assumenda id recusandae voluptatibus magnam odio. Vero, mollitia consequuntur.
</div>
</div>
</div>
</section>

<footer class="section__container footer__container">
<span class="bg__blur"></span>
<span class="bg__blur footer__blur"></span>
<div class="footer__col">
<h2>AI_Driven Cloud Infrastructure Design with InfraBoard</h2>
<p>
InfraBoard is an AI-powered application for graphically designing and managing cloud infrastructure cloud Infrastructure collectively.

</p>
<div class="footer__socials">
<a href="#"><i class="ri-facebook-fill"></i></a>
<a href="#"><i class="ri-instagram-line"></i></a>
<a href="#"><i class="ri-twitter-fill"></i></a>
</div>
</div>
<div class="footer__col">
</div>
<div class="footer__col">
<button class="btn price__btn">Join the waitlist</button>

</div>
<div class="footer__col">
<h4>Contact</h4>
<a href="#">@ 2024 Exocode Technologies Inc.</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms of use</a>
</div>
</footer>
<div class="footer__bar">

</div>
</body>
</html>
Loading