Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.shinegis.mu/htdocs/pages/
/srv/data/web/vhosts/www.shinegis.mu/htdocs/pages/home.php
 <div id="home">
    <div class="header header-home">
        <div class="overlay-header"></div>
        <div class="overlay-animate"></div>
        <a class="logo-wrapper" href="<?= $routes['home'] ?>"><img class="logo" src="<?= asset("img/white-logo.png"); ?>" alt=""></a>
        <h1 class="company-name"><?= NAME ?></h1>
        <p class="intro">
            <?= INTRO ?>
        </p>
        <?php include("modules/navbar.php"); ?>
    </div>

    <div class="container">
        <div class="row mt-3 mb-5">
            <div class="col-sm-12">
                <div class="first-bloc">
                    <h2 class="text-center">
                        <?= FIRST_BLOC ?>
                    </h2>
                </div>
            </div>
        </div>

        <div id="about"></div>

        <div class="who-are-we">
            <div class="row mt-5">
                <div class="col-sm-12">
                    <h2 class="title-h2 text-center">
                        <?= H2_1 ?>
                    </h2>
                    <p class="paragraph-who-are-we text-center">
                        <?= TEXT_H2_1 ?>
                    </p>
                </div>
            </div>
            <div class="row d-flex justify-content-center align-items-start">
                <div class="left-side col-md-6">
                    <h3 class="h3-title mb-5">
                        <?= TEXT_H2_1_LEFT ?>
                    </h3>
                    <p class="mb-5">
                        <?= H2_1_P_2 ?>
                    </p>
                    <p class="mb-5">
                        <?= H2_1_P_3 ?>
                    </p>
                </div>
                <div class="right-side col-md-6">
                    <div class="text">
                        <p><i class="fa-solid fa-check"></i> <span><?= H2_1_LI_1 ?></span></p>
                        <p><i class="fa-solid fa-check"></i> <span><?= H2_1_LI_2 ?></span></p>
                        <p><i class="fa-solid fa-check"></i> <span><?= H2_1_LI_3 ?></span></p>
                        <p><i class="fa-solid fa-check"></i> <span><?= H2_1_LI_4 ?></span></p>
                    </div>

                    <div class="buttons">
                        <a href="<?= $routes['contact'] ?>" class="btn btn-primary"><?= H2_1_BTN_JOIN ?></a>
                        <a href="#" class="btn btn-secondary"><?= H2_1_BTN_VIEW ?></a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12 d-flex justify-content-around align-items-center flex-wrap">
                    <div class="count-up d-flex flex-column justify-content-center align-items-center">
                        <span>10+</span>
                        <p><?= H2_1_COUNT_1 ?></p>
                    </div>
                    <div class="count-up d-flex flex-column justify-content-center align-items-center">
                        <span>8</span>
                        <p><?= H2_1_COUNT_2 ?></p>
                    </div>
                    <div class="count-up d-flex flex-column justify-content-center align-items-center">
                        <span>50+</span>
                        <p><?= H2_1_COUNT_3 ?></p>
                    </div>
                    <div class="count-up d-flex flex-column justify-content-center align-items-center">
                        <span>14</span>
                        <p><?= H2_1_COUNT_4 ?></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="skills mt-5">
        <div class="left-side">
            <div class="line">
                <div class="one-skill">
                    <img src="<?= asset("img/trending-up.png") ?>" alt="icone trending up">
                    <p class="text-center">
                        <?= SKILL_1 ?>
                    </p>
                </div>
                <div class="one-skill">
                    <img src="<?= asset("img/users-group.png") ?>" alt="icone users group">
                    <p class="text-center">
                        <?= SKILL_2 ?>
                    </p>
                </div>
            </div>
            <div class="line">
                <div class="one-skill">
                    <img src="<?= asset("img/dollar.png") ?>" alt="icone dollar">
                    <p class="text-center">
                        <?= SKILL_3_1 ?>
                        <br>
                        <?= SKILL_3_2 ?>
                    </p>
                </div>
                <div class="one-skill">
                    <img src="<?= asset("img/pile.png") ?>" alt="icone pile">
                    <p class="text-center">
                        <?= SKILL_4 ?>
                        <br>
                        <?= SKILL_4_2 ?>
                    </p>
                </div>
            </div>
        </div>

        <div class="right-side">
            <div class="overlay-skills"></div>
        </div>
    </div>

    <div id="our-team-members" style="width: 100%; height: 100px"></div>

    <div class="our-team-members mt-5">
        <h2 class="text-center">OUR TEAM MEMBERS</h2>
        <div class="members">
            <div class="member">
                <div class="picture-member">
                    <img src="<?= asset("img/harry.jpg") ?>" alt="photo harry">
                </div>
                <p class="name text-center">
                    Harry Smith
                </p>
                <p class="text-center">
                    <?= ROLE_1 ?>
                </p>
            </div>

            <div class="member">
                <div class="picture-member">
                    <img src="<?= asset("img/paula.jpg") ?>" alt="photo paula">
                </div>
                <p class="name text-center">
                    Paula Johnson
                </p>
                <p class="text-center">
                    <?= ROLE_2 ?>
                </p>
            </div>

            <div class="member">
                <div class="picture-member">
                    <img src="<?= asset("img/jane.jpg") ?>" alt="photo jane">
                </div>
                <p class="name text-center">
                    Jane Doe
                </p>
                <p class="text-center">
                    <?= ROLE_3 ?>
                </p>
            </div>
        </div>
    </div>
    <div id="join-us" style="width: 100%; height: 100px"></div>
    <div class="join-us mt-5">
        <h2 class="text-center"><?= JOIN ?></h2>
        <div class="bg-blue">
            <div class="overlay"></div>
            <p class="p-join text-center"><?= JOIN_TITLE ?></p>

            <h3 class="text-center">
                <?= JOIN_TEXT_1 ?>
                <br>
                <?= JOIN_TEXT_2 ?>
            </h3>

            <a href="<?= $routes['contact'] ?>" class="btn btn-primary contact-us"><?= JOIN_CONTACT ?></a>
        </div>
    </div>
</div>