

        <!--header section start-->
        <header class="attonce-header position-relative z-2 header-style-2 line-border-bottom">
            <div class="container">
                <nav class="navbar navbar-expand-lg">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="index.php"><img src="assets/img/ppm.png" alt="logo" style="height:60px">
                        POST PERFECT MEDIA</a>
                        <div class="collapse navbar-collapse justify-content-end">
                            <ul class="navbar-nav attonce-navbar navbar-style-2">
                               <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
                                <li class="nav-item"><a class="nav-link" href="about.php">About</a></li>
                                <li class="nav-item"><a class="nav-link" href="team.php">Team</a></li>
                                <li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
                                <li class="nav-item"><a class="nav-link" href="blog.php">Blogs</a></li>
                                <li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li>
                                <!--<li class="nav-item has-submenu"><a class="nav-link" href="#">Blogs</a>
                                    <ul class="submenu-wrapper">
                                        <li><a href="blog-list.php" class="nav-link">Blog List</a></li>
                                        <li><a href="blog-details.php" class="nav-link">Blog Details</a></li>
                                    </ul>
                                </li>
                                
                                <li class="nav-item has-submenu">
                                    <a class="nav-link" href="#">Pages</a>
                                    <ul class="submenu-wrapper">
                                        <li><a href="services.php" class="nav-link">Services</a></li>
                                        <li><a href="service-details.php" class="nav-link">Service Details</a></li>
                                        <li><a href="project-details.php" class="nav-link">Project Details</a></li>
                                        <li><a href="pricing.php" class="nav-link">Pricing</a></li>
                                        <li><a href="faq.php" class="nav-link">Faq</a></li>
                                    </ul>
                                </li>-->
                            </ul>
                        </div>
                        <div class="header-btns d-flex align-items-center justify-content-end gap-4">
                            <a href="contact.php" class="btn btn-outline d-none d-sm-inline-flex">Let's Talk</a>
                            <button type="button" class="navbar-toggle btn btn-primary ofcanvus-toggle d-none d-lg-block">
                                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 8.16667C3.5 8.80833 4.025 9.33333 4.66667 9.33333L23.3333 9.33333C23.975 9.33333 24.5 8.80833 24.5 8.16667C24.5 7.525 23.975 7 23.3333 7L4.66667 7C4.025 7 3.5 7.525 3.5 8.16667ZM12.8333 21H15.1667C15.8083 21 16.3333 20.475 16.3333 19.8333C16.3333 19.1917 15.8083 18.6667 15.1667 18.6667H12.8333C12.1917 18.6667 11.6667 19.1917 11.6667 19.8333C11.6667 20.475 12.1917 21 12.8333 21ZM19.8333 15.1667L8.16667 15.1667C7.525 15.1667 7 14.6417 7 14C7 13.3583 7.525 12.8333 8.16667 12.8333L19.8333 12.8333C20.475 12.8333 21 13.3583 21 14C21 14.6417 20.475 15.1667 19.8333 15.1667Z" fill="white" />
                                </svg>
                            </button>
                            <button type="button" class="navbar-toggle btn btn-primary mobile-menu-toggle d-lg-none">
                                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 8.16667C3.5 8.80833 4.025 9.33333 4.66667 9.33333L23.3333 9.33333C23.975 9.33333 24.5 8.80833 24.5 8.16667C24.5 7.525 23.975 7 23.3333 7L4.66667 7C4.025 7 3.5 7.525 3.5 8.16667ZM12.8333 21H15.1667C15.8083 21 16.3333 20.475 16.3333 19.8333C16.3333 19.1917 15.8083 18.6667 15.1667 18.6667H12.8333C12.1917 18.6667 11.6667 19.1917 11.6667 19.8333C11.6667 20.475 12.1917 21 12.8333 21ZM19.8333 15.1667L8.16667 15.1667C7.525 15.1667 7 14.6417 7 14C7 13.3583 7.525 12.8333 8.16667 12.8333L19.8333 12.8333C20.475 12.8333 21 13.3583 21 14C21 14.6417 20.475 15.1667 19.8333 15.1667Z" fill="white" />
                                </svg>
                            </button>
                        </div>
                    </div>
                </nav>
            </div>
        </header>

        <!--sticky header start-->
        <div class="sticky-header position-fixed">
            <div class="container">
                <nav class="navbar navbar-expand-lg">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="#"><img src="assets/img/ppm.png" alt="logo" style="height:60px"> POST PERFECT MEDIA</a>
                        <div class="collapse navbar-collapse justify-content-end">
                            <ul class="navbar-nav attonce-navbar">
                                <!--<li class="nav-item has-submenu">
                                    <a class="nav-link" href="#">Home</a>
                                    <ul class="submenu-wrapper">
                                        <li><a href="index.php" class="nav-link">Home Page 1</a></li>
                                        <li><a href="index-2.php" class="nav-link">Home Page 2</a></li>
                                        <li><a href="index-3.php" class="nav-link">Home Page 3</a></li>
                                        <li><a href="index-4.php" class="nav-link">Home Page 4</a></li>
                                        <li><a href="index-5.php" class="nav-link">Home Page 5</a></li>
                                    </ul>
                                </li>-->
                                <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
                                <li class="nav-item"><a class="nav-link" href="about.php">About</a></li>
                                <li class="nav-item"><a class="nav-link" href="team.php">Team</a></li>
                                <li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
                                <li class="nav-item"><a class="nav-link" href="blog.php">Blogs</a></li>
                                <li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li>
                                <!--<li class="nav-item has-submenu"><a class="nav-link" href="#">Blogs</a>
                                    <ul class="submenu-wrapper">
                                        <li><a href="blog-list.php" class="nav-link">Blog List</a></li>
                                        <li><a href="blog-details.php" class="nav-link">Blog Details</a></li>
                                    </ul>
                                </li>
                               <li class="nav-item has-submenu">
                                    <a class="nav-link" href="#">Pages</a>
                                    <ul class="submenu-wrapper">
                                        <li><a href="services.php" class="nav-link">Services</a></li>
                                        <li><a href="service-details.php" class="nav-link">Service Details</a></li>
                                        <li><a href="project-details.php" class="nav-link">Project Details</a></li>
                                        <li><a href="pricing.php" class="nav-link">Pricing</a></li>
                                        <li><a href="faq.php" class="nav-link">Faq</a></li>
                                    </ul>
                                </li>-->
                            </ul>
                        </div>
                        <div class="header-btns d-flex align-items-center justify-content-end gap-4">
                            <a href="contact.php" class="btn btn-outline d-none d-sm-inline-flex">Let's Talk</a>
                            <button type="button" class="navbar-toggle btn btn-primary ofcanvus-toggle d-none d-lg-block">
                                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 8.16667C3.5 8.80833 4.025 9.33333 4.66667 9.33333L23.3333 9.33333C23.975 9.33333 24.5 8.80833 24.5 8.16667C24.5 7.525 23.975 7 23.3333 7L4.66667 7C4.025 7 3.5 7.525 3.5 8.16667ZM12.8333 21H15.1667C15.8083 21 16.3333 20.475 16.3333 19.8333C16.3333 19.1917 15.8083 18.6667 15.1667 18.6667H12.8333C12.1917 18.6667 11.6667 19.1917 11.6667 19.8333C11.6667 20.475 12.1917 21 12.8333 21ZM19.8333 15.1667L8.16667 15.1667C7.525 15.1667 7 14.6417 7 14C7 13.3583 7.525 12.8333 8.16667 12.8333L19.8333 12.8333C20.475 12.8333 21 13.3583 21 14C21 14.6417 20.475 15.1667 19.8333 15.1667Z" fill="white" />
                                </svg>
                            </button>
                            <button type="button" class="navbar-toggle btn btn-primary mobile-menu-toggle d-lg-none">
                                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 8.16667C3.5 8.80833 4.025 9.33333 4.66667 9.33333L23.3333 9.33333C23.975 9.33333 24.5 8.80833 24.5 8.16667C24.5 7.525 23.975 7 23.3333 7L4.66667 7C4.025 7 3.5 7.525 3.5 8.16667ZM12.8333 21H15.1667C15.8083 21 16.3333 20.475 16.3333 19.8333C16.3333 19.1917 15.8083 18.6667 15.1667 18.6667H12.8333C12.1917 18.6667 11.6667 19.1917 11.6667 19.8333C11.6667 20.475 12.1917 21 12.8333 21ZM19.8333 15.1667L8.16667 15.1667C7.525 15.1667 7 14.6417 7 14C7 13.3583 7.525 12.8333 8.16667 12.8333L19.8333 12.8333C20.475 12.8333 21 13.3583 21 14C21 14.6417 20.475 15.1667 19.8333 15.1667Z" fill="white" />
                                </svg>
                            </button>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!--sticky header end-->
        <!--header section end-->

        <!--offcanvas start-->
        <div class="at_offcanvus_menu position-fixed">
            <button class="at-offcanvus-close border-0 bg-transparent"><i class="fa-solid fa-xmark"></i></button>
            <a href="#" class="logo-wrapper d-inline-block mb-5"><img src="assets/img/ppm.png" alt="logo" style="height:60px"> POST PERFECT MEDIA</a>
            <div class="offcanvus-content">
                <h4 class="mb-4">About Us</h4>
                <p>“Welcome to Perfect Post Media, where creativity meets strategy. 
                Based in Kanpur and Founded by Mr. Gyan Prakash Mishra, we’re passionate 
                about helping brands tell their stories and make a lasting impact.”</p>
                <a href="about.php" class="btn btn-primary mt-4">About Us</a>
            </div>
            <div class="offcanvus-contact">
                <h4 class="mb-4 mt-5">Contact Info</h4>
                <ul class="at_canvus_address">
                    <li>E- Block Flat Number 1301 KDA Signature Greens Azad Nagar Kanpur (208001)</li>
                    <li><a href="tel:+91-8299187513">+91-8299187513</a></li>
                    <li><a href="mailto:info@perfectpostmedia.com">info@perfectpostmedia.com</a></li>
                </ul>
            </div>
            <div class="at_canvus_social mt-4">
                <a href="#" class="social-btn"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social-btn"><i class="fab fa-instagram"></i></a>
                <a href="#" class="social-btn"><i class="fab fa-linkedin"></i></a>
                <a href="#" class="social-btn"><i class="fab fa-twitter"></i></a>
                <a href="#" class="social-btn"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
        <!--offcanvas end-->

        <!--mobile menu start-->
        <div class="mobile-menu position-fixed bg-white deep-shadow">
            <button class="close-menu position-absolute"><i class="fa-solid fa-xmark"></i></button>
            <a href="index.php" class="logo-wrapper d-block mt-3 p-3 rounded-1">
                <img src="assets/img/ppm.png" alt="logo" class="img-fluid" style="height:60px">
                <span style="color:#000;font-weight:600;font-size: 20px;"> POST PERFECT MEDIA</span></a>
            <nav class="mobile-menu-wrapper mt-20">
                <ul>
                   <!-- <li class="has-submenu">
                        <a href="#">Home</a>
                        <ul class="submenu-wrapper">
                            <li><a href="index.php">Home Page 1</a></li>
                            <li><a href="index-2.php">Home Page 2</a></li>
                            <li><a href="index-3.php">Home Page 3</a></li>
                            <li><a href="index-4.php">Home Page 4</a></li>
                            <li><a href="index-5.php">Home Page 5</a></li>
                        </ul>
                    </li>-->
                    <li><a href="index.php">Home</a></li>
                    <li><a href="about.php">About</a></li>
                    <li><a href="team.php">Team</a></li>
                    <li><a href="services.php">Services</a></li>
                    <li><a href="blog.php">Blogs</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <!--<li class="has-submenu"><a href="#">Blogs</a>
                        <ul class="submenu-wrapper">
                            <li><a href="blog-list.php">Blog List</a></li>
                            <li><a href="blog-details.php">Blog Details</a></li>
                        </ul>
                    </li>
                     <li class="has-submenu">
                        <a href="#">Pages</a>
                        <ul class="submenu-wrapper">
                            <li><a href="services.php">Services</a></li>
                            <li><a href="service-details.php">Service Details</a></li>
                            <li><a href="project-details.php">Project Details</a></li>
                            <li><a href="pricing.php">Pricing</a></li>
                            <li><a href="faq.php">Faq</a></li>
                        </ul>
                    </li>-->
                </ul>
            </nav>
         
        </div>
        <!--mobile menu end-->

