<style>
.text-span-6 {
    background-image: linear-gradient(99deg, rgba(170, 163, 239, .5), rgba(125, 203, 207, .5));
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

#title-text {
display: none;
}

.panelgradient {
    background-image: linear-gradient(180deg, #d5def0, whitesmoke);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    display: flex;
    position: relative;
}

</style>


<div class ="panelgradient">

<h1 style="text-align: center;"><span class="text-span-6">FrameworX v10</span></h1>
<h1 style="text-align: center;">Documentation</h1>
<br>
<p style="font-size: 20px;">Your Virtual Guide to Creating World-Class Industrial Applications!</p>

</div>

Welcome!

We are proud to present our most advanced version yet!

Start with our Welcome Video below
Then head to Getting Started
And master our platform while creating World-Class industrial applications!

Getting Started

Get a quick tour, then build your first application in approx. 15 minutes!

<!DOCTYPE html>
<html>
<head>
    <style>
        .large-text {
            font-size: 36px;
            line-height: 36px;
        }
        .inline-image {
            height: 36px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <p class="large-text">
        <img src="https://docs.tatsoft.com/download/thumbnails/74656732/GettingStartedIcon.png?version=1&modificationDate=1715775604000&api=v2" alt="Your Image" class="inline-image"> This is some large text.
    </p>
</body>
</html>