zedshaw-games/pages/copy/stride.html

<div class="text-gray-950">
  <bar class="justify-between">
    <logo><img class="inline" src="/icons/box.svg"/> STRIDE</logo>
    <menu>
      <img src="/icons/menu.svg"/>
    </menu>
  </bar>

  <stack>
    <shape class="xxl"></shape>

    <block class="justify-end">
      <h2>Stride Game Engine</h2>

      <p>Stride is a free and open-source cross-platform C# game engine.</p>

      <p>It is fit for both 2D and 3D games, as well as any other interactive content running on desktop and VR.</p>

      <bar>
        <button class="btn-alert"><img class="inline" src="/icons/download.svg"/> Download 4.2</button>
        <button class="btn-primary"><img class="inline" src="/icons/alert-circle.svg" />Donate</button>
      </bar>
    </block>
  </stack>

  <block>
    <panel class="gap-5 flex flex-col border-2 shadow-lg border-gray-300">
      <shape class="video"></shape>

      <block class="w-fit">
        <h3>Bet on the future</h3>
        <ul class="pb-5">
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
        </ul>

        <button class="btn-alert">Discover more</button>
      </block>

    </panel>

    <hr class="pb-6"/>

    <panel class="gap-5 flex flex-col border-2 shadow-lg border-gray-300">
      <shape class="video"></shape>

      <block class="w-fit">
        <h3>Bet on the future</h3>
        <ul class="pb-5">
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
          <li>Blah blah blah</li>
        </ul>

        <button class="btn-alert">Discover more</button>
      </block>

    </panel>

    <hr class="pb-6" />

    <block class="bg-gray-300 shadow-lg">
      <h3>Recent blog posts</h3>

      <grid class="grid-cols-3">
        <block class="border-1 border-gray-500">
          <h5>A look inside</h5>
          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>

          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>

          <button class="btn-alert">Read More</button>
        </block>

        <block class="border-1 border-gray-500">
          <h5>A look inside</h5>
          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>

          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>

          <button class="btn-alert">Read More</button>
        </block>
        <block class="border-1 border-gray-500">
          <h5>A look inside</h5>
          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>

          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>

          <button class="btn-alert">Read More</button>
        </block>

      </grid>
    </block>

    <hr class="pb-6"/>

    <block class="bg-gray-300 shadow-lg">
      <h4>Featured Sponsors</h4>

      <p>Thanks to our featured sponsors for supporting Stride and empowering creators with the resources they need to bring their visions to life.</p>

      <grid class="grid-cols-2">
        <panel class="flex flex-col border-1 border-gray-500">
          <div class="w-full aspect-video bg-gray-50">&nbsp;</div>

          <block>
          <p class="text-center">
            A visual live-programming environment that takes you from rapid prototyping to final production.
          </p>
          </block>
        </panel>
        <panel class="flex flex-col border-1 border-gray-500">
          <div class="w-full aspect-video bg-gray-50">&nbsp;</div>

          <block>
            <p class="text-center">
              A visual live-programming environment that takes you from rapid prototyping to final production.
            </p>
          </block>
        </panel>
      </grid>
    </block>
  </block>

  <block class="bg-gray-600 text-gray-50">
    <grid class="grid-cols-2">
      <shape class="xxs">Content1</shape>
      <shape class="xxs">Content2</shape>
      <shape class="xxs">Content3</shape>
      <shape class="xxs">Content4</shape>
    </grid>

    <div class="flex justify-center">
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
      <img src="/icons/baby.svg" />
    </div>

    <div class="flex justify-evenly">
      <span>Supported by the .NET Foundation</span>
      <span>Website v.2.0.0.31</span>
      <span>© .NET Foundation and Contributors</span>
    </div>
  </block>
</div>