MAINHACK

Viewing / Editing File: footer.php

<footer id="footer">
	<div class="container">
		<div class="logo-block">
            <a href="index.php">
         		
                 <img src="<?=$company_logo?>"  alt="">
            </a>
        </div>
    <div class="foter-block">
        <div class="footer-menu">
            <h3>Quick Links</h3>
            <p>
                <Ul>
                    <li><a href="index.php">HOME</a></li>
                    <li><a href="about.php">ABOUT</a></li>
                    <li><a href="photo-gallery.php">GALLERY</a></li>
                    <li><a href="partner.php">PARTNER</a></li>
                    <li><a href="contact.php">CONTACT US</a></li>
                </Ul>
            </p>
        </div>
        <div class="footer-menu">
            <h3>Address</h3>
            <p><?=$address?><br>
              <?=$phone?>
            </p>
            <ul class="social-li">
                <li>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                </il>
                <li>
                     <a href="#"><i class="fab fa-google-plus-g"></i></a>
                </li>
            </ul>
        </div>        
        <div class="footer-menu">
            <h3>Find US</h3>
            <a href="https://www.google.co.in/maps/place/Dammam+Saudi+Arabia/@26.3990608,50.0268459,12.83z/data=!4m8!1m2!2m1!1sAmmar+Bin+Yasser+Street++Aliya+Area++Dammam-32424++Saudi+Arabia!3m4!1s0x3e361d32276b3403:0xefd901ec7a5e5676!8m2!3d26.4206211!4d50.0887299">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d64182.49210561561!2d50.02684586328294!3d26.39906076868886!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e361d32276b3403%3A0xefd901ec7a5e5676!2sDammam%20Saudi%20Arabia!5e0!3m2!1sen!2sin!4v1614479497820!5m2!1sen!2sin" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </a>
            
            
            
        </div>

</div>
	
	</div>
</footer>

<script src="js/bootstrap.js"></script>

<script src="js/superfish.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($){
            jQuery('ul.sf-menu').superfish();
    
            jQuery('#nav-wrap').prepend('<div id="menu-icon"></div>');
            
            $("#menu-icon").on("click", function(){
                    jQuery(".sf-menu").slideToggle();
                    jQuery(this).toggleClass("active");
            });
        });
    </script>

<script type="text/javascript" src="js/owl.carousel.js"></script>
  
    <script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#video-demo").owlCarousel( {
            loop:true,
            autoplay:false,
            autoplayTimeout:5000,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:3,
                    nav:true
                },
                768:{
                    items:4,
                    nav:true,
                    loop:true
                }
            }
        });
    </script>
    
    <script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#services-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:4000,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:2,
                    nav:true
                },
                768:{
                    items:3,
                    nav:true,
                    loop:true
                }
            }
        });
    </script>
    
    
    <script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#gallery-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:4000,
            responsiveClass:true,
            responsive:{
                0:{
                    items:2,
                    nav:true
                },
                550:{
                    items:3,
                    nav:true
                },
                768:{
                    items:4,
                    nav:true,
                    loop:true
                }
            }
        });
    </script>
    
    <script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#testimonial-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:3000,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:1,
                    nav:true
                },
                768:{
                    items:1,
                    nav:true,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript" src="js/owl.carousel.js"></script>

<script src="js/typed.js" type="text/javascript"></script>
<script>
    $(function(){

$("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 30,
            backDelay: 500,
            loop: false,
            contentType: 'html', // or text
            // defaults to false for infinite loop
            loopCount: false,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

$(".reset").click(function(){
            $("#typed").typed('reset');
        });

});

function newTyped(){ /* A new typed object */ }

function foo(){ console.log("Callback"); }
</script>

</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: footer.php

Server Info

System Features

User Info