    <!-- Spinner Start -->
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" role="status"></div>
    </div>
    <!-- Spinner End -->


    <!-- Navbar Start -->
    <div class="container-fluid fixed-top px-0 wow fadeIn" data-wow-delay="0.1s">
        <div class="top-bar row gx-0 align-items-center d-none d-lg-flex">
            <div class="col-lg-6 px-5 text-start">
                <small><i class="fa fa-map-marker-alt me-2"></i>BESIDE POLYTECHNIC, 35, NEAR POLYTECHNIC,
MANJRA, Rampur, Rampur, Uttar Pradesh, 244901</small>

            </div>
            <div class="col-lg-6 px-5 text-end">
                <small class="ms-4"><i class="fa fa-envelope me-2"></i>info@reciworld.site</small>
            </div>
        </div>

        <nav class="navbar navbar-expand-lg navbar-light py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s">
            <a href="index.php" class="navbar-brand ms-4 ms-lg-0">
                <h1 class="fw-bold text-primary m-0">F<span class="text-secondary">oo</span>dy</h1>
            </a>
            <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <div class="navbar-nav ms-auto p-4 p-lg-0">
                    <a href="index.php" class="nav-item nav-link active">Home</a>


                    <div class="nav-item dropdown">
                        <a href="!#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Easy And Quick Recipes</a>
                        <div class="dropdown-menu m-0">
                            <a href="quick-and-healthy.php" class="dropdown-item">Quick And Healthy</a>
                            <a href="quick-vegan-recipe.php" class="dropdown-item">Quick Vegan Recipe</a>
                            <a href="quick-family-recipes.php" class="dropdown-item">Quick Family Recipe</a>
                            <a href="easy-and-quick-recipes.php" class="dropdown-item">Easy And Quick Recipes</a>
                        </div>
                    </div>
                    <div class="nav-item dropdown">
                        <a href="!#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Breakfast Recipe</a>
                        <div class="dropdown-menu m-0">
                            <a href="quick-breakfast-recipes.php" class="dropdown-item">Quick Breakfast Recipe</a>
                            <a href="healthy-breakfast-recipes.php" class="dropdown-item">Healthy Breakfast
                                Recipe</a>
                            <a href="vegan-breakfast-recipes.php" class="dropdown-item">Vegan Breakfast Recipe</a>
                            <a href="low-carb-breakfast-recipes.php" class="dropdown-item">Low Carb Dinners</a>
                            <a href="breakfast-recipes.php" class="dropdown-item">Breakfast Recipe</a>
                        </div>
                    </div>
                    <div class="nav-item dropdown">
                        <a href="#!" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Low Calorie Recipe</a>
                        <div class="dropdown-menu m-0">
                            <a href="low-calorie-chicken-recipes.php" class="dropdown-item">Low Calorie Chicken
                                Recipe</a>
                            <a href="low-calorie-vegan-recipes.php" class="dropdown-item">Low Calorie vegan
                                Recipe</a>
                            <a href="low-carb-family-meals.php" class="dropdown-item">Low carb family Recipe</a>
                            <a href="500-calorie-recipes.php" class="dropdown-item">500 Calorie Recipe</a>
                            <a href="low-calorie-recipes.php" class="dropdown-item">Low Calorie Recipe</a>
                        </div>
                    </div>

                    <div class="nav-item dropdown">
                        <a href="!#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Quick Bakes Recipe</a>
                        <div class="dropdown-menu m-0">
                            <a href="quick-cakes-recipes.php" class="dropdown-item">Quick Cakes Recipe</a>
                            <a href="easy-dessert-recipes.php" class="dropdown-item">Easy Dessert Recipe</a>
                            <a href="tray-bakes-recipes.php" class="dropdown-item">Tray Bakes Recipe</a>
                            <a href="quick-bakes-recipes.php" class="dropdown-item">Quick Bakes Recipe</a>

                        </div>
                    </div>
                    <div class="nav-item dropdown">
                        <a href="#!" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Leftover Recipe</a>
                        <div class="dropdown-menu m-0">
                            <a href="leftover-chicken-recipes.php" class="dropdown-item">Leftover Chicken Recipe</a>
                            <a href="leftover-pork-recipes.php" class="dropdown-item">Leftover Pork Recipe</a>
                            <a href="leftover-lamb-recipes.php" class="dropdown-item">Leftover Lamb Recipe</a>
                            <a href="leftover-recipes.php" class="dropdown-item">Leftover Recipe</a>

                        </div>
                    </div>

                </div>

            </div>
        </nav>
    </div>
    <!-- Navbar End -->