<div class="offcanvas-menu-wrap" id="offcanvas-wrap" data-position="right">
            <div class="close-btn offcanvas-close"><i class="fas fa-long-arrow-alt-right"></i></div>
            <div class="offcanvas-content">
                <div class="offcanvas-logo">
                    <a href="index.php"><img src="img/logo.png" alt="logo"></a>
                </div>
               <ul class="offcanvas-menu">
                    <li class="nav-item">
                        <a href="index.php">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a href="service1.php">ABOUT US</a>
                    </li>
                    <li class="nav-item">
                        <a href="case-study1.php">OUR SERVICES</a>
                    </li>
                    <li class="nav-item">
                        <a href="blog1.php">PROJECTS</a>
                    </li>
                    <!-- <li class="nav-item">
                        <a href="single-blog1.php">Contact us</a>
                    </li> -->
                    <li class="nav-item">
                        <a href="contact.php">CONTACT US</a>
                    </li>
                </ul>
                <div class="offcanvas-footer">
                    <div class="item-title">Follow Me</div>
                    <ul class="offcanvas-social">
                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                        <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fas fa-rss"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>