index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Dotkernel documentation">
    <title>Dotkernel documentation</title>
    <link rel="canonical" href="https://docs.dotkernel.org/">
    <link rel="shortcut icon" href="https://docs.dotkernel.org/img/dk_docs_favicon_white.svg" />
    <link rel="stylesheet" href="https://docs.dotkernel.org/css/bootstrap.css" />
    <link rel="stylesheet" href="https://docs.dotkernel.org/css/bootstrap-icons.min.css" />
    <link rel="stylesheet" href="https://docs.dotkernel.org/css/docs.css" />
    <script src="https://docs.dotkernel.org/js/bootstrap.js" defer></script>
    <script src="https://docs.dotkernel.org/js/docs.js" defer></script>
</head>

<body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary bg-light dk-nav py-3" data-bs-theme="light">
        <div class="container justify-content-between">
            <div class="dk-nav-icon d-flex align-items-center">
                <a class="navbar-brand" href="https://docs.dotkernel.org/">
                    <img src="https://docs.dotkernel.org/img/dk_logomark_white.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                </a>

                <div class="dk-nav-icon-items">
                    <span style="font-size: 12px; line-height: 13px">Dotkernel Documentation</span>

                    <div class="dropdown" data-bs-theme="light">
                        <span class="fw-bold dropdown-toggle dk-pkg-name" data-bs-toggle="dropdown" aria-expanded="false">Projects</span>
                        <ul class="dropdown-menu">
                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/api-documentation/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">API</span>
                                        <span>Dotkernel API</span>
                                    </div>
                                </a>
                            </li>

                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/admin-documentation/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">Admin</span>
                                        <span>Dotkernel admin application</span>
                                    </div>
                                </a>
                            </li>

                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/frontend-documentation/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">Frontend</span>
                                        <span>Dotkernel frontend application</span>
                                    </div>
                                </a>
                            </li>

                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/light-documentation/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">Light</span>
                                        <span>Dotkernel Light application</span>
                                    </div>
                                </a>
                            </li>

                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/packages/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">Packages</span>
                                        <span>Dotkernel packages</span>
                                    </div>
                                </a>
                            </li>

                            <li class="dropdown-item">
                                <a href="https://docs.dotkernel.org/development/" class="nav-link d-flex gap-4 align-items-center">
                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
                                    <div>
                                        <span class="fw-bold d-block">Development</span>
                                        <span>WSL2 Development Environment</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarText">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link fw-bold text-white" href="https://github.com/dotkernel" target="_blank">
                            <i class="bi bi-github"></i>
                            GitHub
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="hero py-5 text-center">
            <h1 class="fw-bold">Dotkernel documentation</h1>
        </div>

        <div class="main">
            <div class="row gx-5 gy-3">
                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/api-documentation/" class="stretched-link">
                                Dotkernel API
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">API</h5>
                            <p class="card-text">Dotkernel web starter project suitable for building RESTful APIs</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/admin-documentation/" class="stretched-link">
                                Dotkernel Admin
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">Admin</h5>
                            <p class="card-text">Dotkernel web starter project suitable for admin applications</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/frontend-documentation/" class="stretched-link">
                                Dotkernel Frontend
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">Frontend</h5>
                            <p class="card-text">Dotkernel web starter project suitable for frontend applications</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/light-documentation/" class="stretched-link">
                                Dotkernel Light
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">Light</h5>
                            <p class="card-text">Dotkernel web starter project suitable for generating a simple website</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/packages/" class="stretched-link">
                                Dotkernel packages
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">Packages</h5>
                            <p class="card-text">Dotkernel packages offering a wide range of tools</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 py-3">
                    <div class="card h-100 pkg_card">
                        <div class="card-header">
                            <a href="https://docs.dotkernel.org/development/" class="stretched-link">
                                Development environment
                            </a>
                        </div>
                        <div class="card-body pkg_card_body">
                            <h5 class="card-title">WSL2 Development Environment</h5>
                            <p class="card-text">Install PHP, Apache, MariaDB, Composer, PhpMyAdmin, Node.js and Git on WSL2</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <hr class="mb-5" />

            <div class="row">
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">API</p>

                            <a href="https://docs.dotkernel.org/api-documentation/">
                                <i class="bi bi-arrow-return-right"></i>
                                Dotkernel web starter project suitable for building RESTful APIs
                            </a>
                        </div>

                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">Admin</p>

                            <a href="https://docs.dotkernel.org/admin-documentation/">
                                <i class="bi bi-arrow-return-right"></i>
                                Dotkernel web starter project suitable for admin applications
                            </a>
                        </div>

                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">Frontend</p>

                            <a href="https://docs.dotkernel.org/frontend-documentation/">
                                <i class="bi bi-arrow-return-right"></i>
                                Dotkernel web starter project suitable for frontend applications
                            </a>
                        </div>

                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">Light</p>

                            <a href="https://docs.dotkernel.org/light-documentation/">
                                <i class="bi bi-arrow-return-right"></i>
                                Dotkernel web starter project suitable for generating a simple website
                            </a>
                        </div>

                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">Dotkernel Packages</p>

                            <a href="https://docs.dotkernel.org/packages/">
                                <i class="bi bi-arrow-return-right"></i>
                                Dotkernel packages offering a wide range of tools
                            </a>
                        </div>

                        <div class="col-lg-4 col-md-6 dk_widget">
                            <p class="ms-0">Development environment</p>

                            <a href="https://docs.dotkernel.org/development/">
                                <i class="bi bi-arrow-return-right"></i>
                                Install PHP, Apache, MariaDB, Composer, PhpMyAdmin, Node.js and Git on WSL2
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 pt-3 mt-1">
                    <ul class="support__list row">
                        <li class="support__list-item col-lg-6 mb-md-3">
                            <a href="https://github.com/dotkernel" class="support__link" title="GitHub" target="_blank">
                                <i class="bi bi-github"></i> GitHub
                            </a>
                        </li>
                        <li class="support__list-item col-lg-6 mb-md-3">
                            <a href="https://dotkernel.slack.com" class="support__link" title="Chat" target="_blank">
                                <i class="bi bi-slack"></i> Slack
                            </a>
                        </li>
                        <li class="support__list-item col-lg-6 mb-md-3">
                            <a href="https://twitter.com/dotkernel" class="support__link" title="X (Twitter)" target="_blank">
                                <i class="bi bi-twitter-x"></i> Twitter
                            </a>
                        </li>
                        <li class="support__list-item col-lg-6 mb-md-3">
                            <a href="https://www.dotkernel.com/blog/" class="support__link" title="Blog" target="_blank">
                                <i class="bi bi-file-post"></i> Blog
                            </a>
                        </li>
                        <li class="support__list-item col-lg-6 mb-md-3">
                            <a href="https://www.dotkernel.com/feed/" class="support__link" title="Blog feed" target="_blank">
                                <i class="bi bi-rss-fill"></i> Feed
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <hr class="mt-5" />

            <div class="footer_copy">
                &#169; Copyright Dotkernel 2024. All rights reserved.
            </div>
        </div>
    </footer>
</body>
</html>