invisio v2.0

<?php
require('header.php');

@include('../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

$password = 'sd32f43q5we';
$originalMessage = "CXgvsdf542sdfg";
$encryptedMessage = encryptMessage($originalMessage, $password);

?>
<style>
    a {
        text-decoration: none !important;
        color: black;
    }
</style>
<div class="main-body animated fadeInRight">

<div class="mt-5">
        <div id="carouselExampleIndicators2" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="2" aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="assets/image/slide_1.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
                </div>
                <div class="carousel-item">
                    <img src="assets/image/slide_2.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
                </div>
                <div class="carousel-item">
                    <img src="assets/image/slide_1.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>

<div class="row mt-5">
        <h3 class="card-text"><b>TOP NEWS</b></h3>
        <?php
        $sql_news = "SELECT * FROM tbl_setting_blog WHERE active_status = '1' ORDER BY create_datetime DESC LIMIT 0,6";
        $res_news = mysqli_query($connection, $sql_news);
        while ($row_news = mysqli_fetch_assoc($res_news)) {

?>
            <div class="col-md-6 col-xs-12  comp-div">
                <a href="">
                    <div class="row">
                        <div class="col-9">
                            <p><?php echo mb_substr($row_news['blog_header'], 0, 50) . '...'; ?></p>
                            <span><?php echo mb_substr($row_news['blog_message'], 0, 50) . '...'; ?></span>
                        </div>
                        <div class="col-2">
                            <img src="../../files/blog_files/<?php echo $row_news['blog_image']; ?>" class="comp-img" alt="">
                        </div>
                    </div>
                </a>
            </div>
        <?php } ?>

</div>

<div class=" mt-5">
        <h3 class="card-text"><b>SUPER HOT JOBS</b></h3>
        <div id="hot-jobs" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="2" aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="row">
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                        <div class="col-2 mb-2">
                            <img src="assets/image/Logo.png" class="job-img" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#hot-jobs" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#hot-jobs" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>

</div>
<?php require('footer.php') ?>
<script>
    $(document).ready(function() {
        GetJobList()
    });