.. _quickstart:

Quick Start |:wave:|
====================

This Quickstart guide walks you through the essentials of using Flow360, with five step-by-step chapters to help you set up, run simulations, and analyze results efficiently. Whether you're a beginner or an experienced user, this guide will get you up and running quickly.

.. raw:: html

    <div class="cards-grid">

      <!-- Card Item 1 -->
      <div class="card-item">
        <a href="WebUI_Geometry/WebUI_Geometry.html" class="card-link">
          <div class="image-card">
            <img src="../_images/cad_cover.jpg"
                 alt="Geometry Upload Example"
                 class="card-img" />
          </div>
          <h3>1.1 WebUI Geometry Uploading</h3>
          <div class="card-meta">
            <span class="platform">WebUI</span>
            <span class="duration">8 minutes</span>
          </div>
        </a>
      </div>

      <!-- Card Item 2 -->
      <div class="card-item">
        <a href="WebUI_AutomatedMeshing/WebUI_AutomatedMeshing.html" class="card-link">
          <div class="image-card">
            <img src="../_images/mesh_cover.jpg"
                 alt="Automated Meshing Example"
                 class="card-img" />
          </div>
          <h3>1.2 WebUI Automated Meshing</h3>
          <div class="card-meta">
            <span class="platform">WebUI</span>
            <span class="duration">3 minutes</span>
          </div>
        </a>
      </div>

      <!-- Card Item 3 -->
      <div class="card-item">
        <a href="WebUI_CaseLaunching/WebUI_CaseLaunching.html" class="card-link">
          <div class="image-card">
            <img src="../_images/case_launching_cover.jpg"
                 alt="Case Launch Example"
                 class="card-img" />
          </div>
          <h3>1.3 WebUI Case Launching</h3>
          <div class="card-meta">
            <span class="platform">WebUI</span>
            <span class="duration">5 minutes</span>
          </div>
        </a>
      </div>

      <!-- Card Item 4 -->
      <div class="card-item">
        <a href="WebUI_CasePostprocessing/WebUI_CasePostprocessing.html" class="card-link">
          <div class="image-card">
            <img src="../_images/postprocess_cover.jpg"
                 alt="Postprocessing Example"
                 class="card-img" />
          </div>
          <h3>1.4 WebUI Case Postprocessing</h3>
          <div class="card-meta">
            <span class="platform">WebUI</span>
            <span class="duration">12 minutes</span>
          </div>
        </a>
      </div>

      <!-- Card Item 5 -->
      <div class="card-item">
        <a href="API_quickstart/API_quickstart.html" class="card-link">
          <div class="image-card">
            <img src="../_images/api_cover.jpg"
                 alt="API Example"
                 class="card-img" />
          </div>
          <h3>1.5 Python API Quick Start</h3>
          <div class="card-meta">
            <span class="platform">API</span>
            <span class="duration">5 minutes</span>
          </div>
        </a>
      </div>

    </div>