1#@!#!123s

22527 1#@!#!123s
: / var / www / html / blogs /
Filename : page.php
back
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Online Matka Indian | Matka Strategies, How to Play, and Tips </title>
    <link rel="icon" type="image/png" href="/images/omLOGO.png">
    <meta name="description" content="For the most recent changes, gaming manuals, techniques, and 
professional Matka advice, check out Online Matka Indian's blog. Use India's top Matka app 
with over 15 years of market experience to learn how to play, win, and improve your skills. ">
    <meta name="keywords" content="">
    <meta name="author" content="Avmatka">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" />
    <style>
    body {
        background: linear-gradient(to bottom right, #25094d, #440973);
        color: #fff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .navbar {
        background-color: #1a0033;
    }

    a {
        text-decoration: none;
    }



    .nav-link {
        color: white;

    }








    @media (max-width: 768px) {
        .navbar-toggler {
            order: -1;
        }

        .model-img {
            width: 80%;
            height: auto;
        }

        .download-btn {
            font-size: 16px;
            padding: 10px 30px;
            width: 300px;
        }

        .action-buttons .btn {
            font-size: 14px;
            padding: 8px 20px;
        }

        .hero-section {
            padding: 40px 20px;
        }
    }

    .section-title {
        text-align: center;
        margin: 3rem 0 2rem;
        font-weight: bold;
        color: #ffccff;
    }






    .hero-footer {
        background-image: url('/images/382628958_ea28ea92-39ee-4bb6-a77d-b99c7663895f 1.png');
        padding: 40px 20px 20px;
        font-family: 'Segoe UI', sans-serif;
        font-size: 15px;
        color: white;
        background-size: cover;
        background-position: center;
        position: relative;
        margin-bottom: 0px;
        /* Pushes the footer to the bottom of the page */
    }

    .footer-flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 40px;
    }

    .footer-left,
    .footer-right {
        flex: 1 1 400px;
    }

    .footer-left {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .footer-logo {
        height: 50px;
        width: 100px;
    }

    .footer-text {
        line-height: 1.6;
        max-width: 500px;
    }

    .footer-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .footer-age {
        display: flex;
        flex-direction: column;
        /* vertical layout */
        align-items: flex-start;
        /* align text to left */
        text-align: left;
        gap: 10px;
    }



    .footer-age-icon {
        height: 30px;
    }

    .footer-logos img {
        height: 40px;
        margin-right: 15px;
    }

    .footer-copy {
        border-top: 1px solid #ccc;
        margin-top: 30px;
        padding-top: 15px;
        text-align: center;
        font-size: 14px;
        color: white;
    }


    .game-rates-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px;
        text-align: left;
    }

    .game-rates-container h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .rates-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .rate-card {
        background: #2D014D;
        border: 1px solid #5F0FBF;
        border-radius: 12px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 15px;
        text-align: left;
        transition: 0.3s;
    }

    .rate-card:hover {
        background: #3D006F;
    }

    .rate-card img {
        width: 40px;
        height: 40px;
    }

    .rate-text {
        display: flex;
        flex-direction: column;
    }

    .rate-text .title {
        font-size: 18px;
        font-weight: 600;
    }

    .rate-text .subtitle {
        font-size: 14px;
        color: #BBBBBB;
        margin-top: 5px;
    }

    /* Mobile responsive */
    @media (max-width: 768px) {
        .rates-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .rates-grid {
            grid-template-columns: 1fr;
        }
    }



    .navbar-toggler-icon {
        background-color: #fff;
    }


    .scroll-top {
        position: absolute;
        top: -20px;
        /* Place it slightly above the footer */
        left: 90%;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0.15);
        /* semi-transparent white */
        backdrop-filter: blur(8px);
        /* glass effect */
        padding: 10px;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease;
    }

    .scroll-top:hover {
        background: rgba(255, 255, 255, 0.25);
    }

    .scroll-top img {
        width: 30px;
        height: 30px;
    }
    </style>
</head>

<body>

    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark px-3">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <img src="/images/menus 1.png">
        </button>
        <a class="navbar-brand" href="/index.php"><img src="/images/omLOGO.png" alt="Logo" height="30" /></a>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link" href="/about-us">About Us</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/blogs">Blogs</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/contact-us">Contact Us</a>
                </li>
            </ul>
        </div>
    </nav>

    <div class="container-fuild">
        <section class="game-rates-container" id="contact">
            <div class="container mt-4">
                <div class="row">

                    <?php
                  include_once('../db.php');
                  $path = $_SERVER['REQUEST_URI']; 

                  // Example: if URL is "/blog/page/Top-5-Strategies-Matka"
                  // $path = "/blog/page/Top-5-Strategies-Matka"
                  
                  // Now split it by "/" to get parts
                  $pathParts = explode('/', trim($path, '/'));
                  
                  // Find the last part (page name)
                  $pgname = end($pathParts);
                  
                  // If you want to double-check:
                  $pgname = urldecode($pgname);


                  
                $sql_select_blogs = "select * from blog  where page_name='$pgname' ";
                $result_select_blogs=$conn->prepare($sql_select_blogs);
                $result_select_blogs -> execute([]);
                while($row = $result_select_blogs->fetch(PDO::FETCH_ASSOC)){
                ?>
                    <div class="card" style="max-width: 96%;margin-top:20px;margin-left:20px;">
                        <h1><?php echo $row['title'];?></h1>
                        <hr>
                        <h4 style="color:black;margin-top:10px;margin-bottom:10px;"><?php echo $row['blog_date'];?></h4>
                        <img src="<?php echo $row['banner'];?>" style="width:100%"
                            alt="<?php echo $rowsblogs['title'];?>">
                        <p style="margin-top:20px;"><?php echo $row['description'];?></p>
                    </div>
                    <?php }?>
                </div>


        </section>
        <footer class="hero-footer">
            <div class="container footer-flex">
                <!-- Left Side -->
                <div class="footer-left">
                    <img src="/images/omLOGO.png" alt="AvMatka Logo" class="footer-logo" />
                    <p class="footer-text">
                        Our website is operated by AvMatka International B.V., a company established under the laws of
                        United Kingdom,
                        with registered address at #506 IT Park Towers Cambridge CB2 1TN, United Kingdom, and having its
                        gaming sublicence
                        issued, by United Kingdom e-Gaming and all rights to operate the gaming software worldwide.
                    </p>
                </div>

                <!-- Right Side -->
                <div class="footer-right">
                    <div class="footer-age">
                        <img src="/images/image 1.png" alt="18+ Icon" class="footer-age-icon" />
                        <p>Players need to be 18+ in order to register. Underage gambling is prohibited.</p>
                    </div>

                    <div class="footer-logos">
                        <img src="/images/image 2.png" alt="BeGambleAware" />
                        <img src="/images/image 3.png" alt="Gambling Therapy" />
                    </div>
                </div>
            </div>


            <div class="scroll-top">
                <img src="/images/Vector.png" alt="Scroll to top" />
            </div>

            <div class="footer-copy">
                Copyright &copy; 2024 AvMatka All rights reserved with Hero Enterprises
            </div>
        </footer>
    </div>
    <!-- Contact Section -->






    <!-- Footer -->



    <script>
    document.querySelector('.scroll-top').addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
    </script>




    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>