# Getting Started

@[section]({
    "id": "getting_started__welcome",
    "title": "Welcome to Quantum Katas"
})

kaˑ ta | kah-tuh
_The Japanese word for "form", a pattern of learning and practicing new skills._

<style>
.transparent {
  background: rgba(0, 0, 0, 0.0) !important;
}
</style>
<table>
    <tbody>
        <tr class="transparent" style="border:none;">
            <td rowspan="2" style="border:none;">
                @[svg]({"path": "./media/Copilot.svg"})
            </td>
            <td role="heading" aria-level="4" style="border:none;">
                <b>Self-paced learning</b>
            </td>
        </tr>
        <tr class="transparent" style="border:none;">
            <td style="border:none;">
                Quantum katas are self-paced learning tutorials in Microsoft Quantum.
            </td>
        </tr>
        <tr class="transparent" style="border:none;">
            <td rowspan="2" style="border:none;">
                @[svg]({"path": "./media/Computing.svg"})
            </td>
            <td role="heading" aria-level="4" style="border:none;">
                <b>Focused on quantum computing and programming</b>
            </td>
        </tr>
        <tr class="transparent" style="border:none;">
            <td style="border:none;">
                The Quantum katas focus on teaching quantum computing concepts and quantum programming using the Q# language.
            </td>
        </tr>
        <tr class="transparent" style="border:none;">
            <td rowspan="2" style="border:none;">
                @[svg]({"path": "./media/Coding.svg"})
            </td>
            <td role="heading" aria-level="4" style="border:none;">
                <b>Tutorials with theory and interactive hands-on exercises</b>
            </td>
        </tr>
        <tr class="transparent" style="border:none;">
            <td style="border:none;">
                Each tutorial includes relevant theory and supporting interactive exercises designed to test knowledge.
            </td>
        </tr>
    </tbody>
</table>

@[exercise]({
    "id": "getting_started__flip_qubit",
    "title": "Flip a Qubit",
    "path": "./flip_qubit/"
})
