×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: PHP
Posted by: Neel Patel
Added: Jan 23, 2021 9:40 PM
Views: 4681
Tags: no tags
  1. <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  2. <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  3. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <!------ Include the above in your HEAD tag ---------->
  5.  
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
  7. <footer id="dk-footer" class="dk-footer">
  8.         <div class="container">
  9.             <div class="row">
  10.                 <div class="col-md-12 col-lg-4">
  11.                     <div class="dk-footer-box-info">
  12.                         <a href="index.html" class="footer-logo">
  13.                             <img src="images/footer_logo.png" alt="footer_logo" class="img-fluid">
  14.                         </a>
  15.                         <p class="footer-info-text">
  16.                            Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
  17.                         </p>
  18.                         <div class="footer-social-link">
  19.                             <h3>Follow us</h3>
  20.                             <ul>
  21.                                 <li>
  22.                                     <a href="#">
  23.                                         <i class="fa fa-facebook"></i>
  24.                                     </a>
  25.                                 </li>
  26.                                 <li>
  27.                                     <a href="#">
  28.                                         <i class="fa fa-twitter"></i>
  29.                                     </a>
  30.                                 </li>
  31.                                 <li>
  32.                                     <a href="#">
  33.                                         <i class="fa fa-google-plus"></i>
  34.                                     </a>
  35.                                 </li>
  36.                                 <li>
  37.                                     <a href="#">
  38.                                         <i class="fa fa-linkedin"></i>
  39.                                     </a>
  40.                                 </li>
  41.                                 <li>
  42.                                     <a href="#">
  43.                                         <i class="fa fa-instagram"></i>
  44.                                     </a>
  45.                                 </li>
  46.                             </ul>
  47.                         </div>
  48.                         <!-- End Social link -->
  49.                     </div>
  50.                     <!-- End Footer info -->
  51.                     <div class="footer-awarad">
  52.                         <img src="images/icon/best.png" alt="">
  53.                         <p>Best Design Company 2019</p>
  54.                     </div>
  55.                 </div>
  56.                 <!-- End Col -->
  57.                 <div class="col-md-12 col-lg-8">
  58.                     <div class="row">
  59.                         <div class="col-md-6">
  60.                             <div class="contact-us">
  61.                                 <div class="contact-icon">
  62.                                     <i class="fa fa-map-o" aria-hidden="true"></i>
  63.                                 </div>
  64.                                 <!-- End contact Icon -->
  65.                                 <div class="contact-info">
  66.                                     <h3>Jaipur India</h3>
  67.                                     <p>5353 Road Avenue</p>
  68.                                 </div>
  69.                                 <!-- End Contact Info -->
  70.                             </div>
  71.                             <!-- End Contact Us -->
  72.                         </div>
  73.                         <!-- End Col -->
  74.                         <div class="col-md-6">
  75.                             <div class="contact-us contact-us-last">
  76.                                 <div class="contact-icon">
  77.                                     <i class="fa fa-volume-control-phone" aria-hidden="true"></i>
  78.                                 </div>
  79.                                 <!-- End contact Icon -->
  80.                                 <div class="contact-info">
  81.                                     <h3>95 711 9 5353</h3>
  82.                                     <p>Give us a call</p>
  83.                                 </div>
  84.                                 <!-- End Contact Info -->
  85.                             </div>
  86.                             <!-- End Contact Us -->
  87.                         </div>
  88.                         <!-- End Col -->
  89.                     </div>
  90.                     <!-- End Contact Row -->
  91.                     <div class="row">
  92.                         <div class="col-md-12 col-lg-6">
  93.                             <div class="footer-widget footer-left-widget">
  94.                                 <div class="section-heading">
  95.                                     <h3>Useful Links</h3>
  96.                                     <span class="animate-border border-black"></span>
  97.                                 </div>
  98.                                 <ul>
  99.                                     <li>
  100.                                         <a href="#">About us</a>
  101.                                     </li>
  102.                                     <li>
  103.                                         <a href="#">Services</a>
  104.                                     </li>
  105.                                     <li>
  106.                                         <a href="#">Projects</a>
  107.                                     </li>
  108.                                     <li>
  109.                                         <a href="#">Our Team</a>
  110.                                     </li>
  111.                                 </ul>
  112.                                 <ul>
  113.                                     <li>
  114.                                         <a href="#">Contact us</a>
  115.                                     </li>
  116.                                     <li>
  117.                                         <a href="#">Blog</a>
  118.                                     </li>
  119.                                     <li>
  120.                                         <a href="#">Testimonials</a>
  121.                                     </li>
  122.                                     <li>
  123.                                         <a href="#">Faq</a>
  124.                                     </li>
  125.                                 </ul>
  126.                             </div>
  127.                             <!-- End Footer Widget -->
  128.                         </div>
  129.                         <!-- End col -->
  130.                         <div class="col-md-12 col-lg-6">
  131.                             <div class="footer-widget">
  132.                                 <div class="section-heading">
  133.                                     <h3>Subscribe</h3>
  134.                                     <span class="animate-border border-black"></span>
  135.                                 </div>
  136.                                 <p><!-- Don’t miss to subscribe to our new feeds, kindly fill the form below. -->
  137.                                 Reference site about Lorem Ipsum, giving information on its origins, as well.</p>
  138.                                 <form action="#">
  139.                                     <div class="form-row">
  140.                                         <div class="col dk-footer-form">
  141.                                             <input type="email" class="form-control" placeholder="Email Address">
  142.                                             <button type="submit">
  143.                                                 <i class="fa fa-send"></i>
  144.                                             </button>
  145.                                         </div>
  146.                                     </div>
  147.                                 </form>
  148.                                 <!-- End form -->
  149.                             </div>
  150.                             <!-- End footer widget -->
  151.                         </div>
  152.                         <!-- End Col -->
  153.                     </div>
  154.                     <!-- End Row -->
  155.                 </div>
  156.                 <!-- End Col -->
  157.             </div>
  158.             <!-- End Widget Row -->
  159.         </div>
  160.         <!-- End Contact Container -->
  161.  
  162.  
  163.         <div class="copyright">
  164.             <div class="container">
  165.                 <div class="row">
  166.                     <div class="col-md-6">
  167.                         <span>Copyight &COPY; <?php echo date("Y"); ?> Backoffice Management System l All Right Reserved </span>
  168.                        
  169.                     </div>
  170.                     <!-- End Col -->
  171.                     <div class="col-md-6">
  172.                         <div class="copyright-menu">
  173.                             <ul>
  174.                                 <li>
  175.                                     <a href="#">Home</a>
  176.                                 </li>
  177.                                 <li>
  178.                                     <a href="#">Terms</a>
  179.                                 </li>
  180.                                 <li>
  181.                                     <a href="#">Privacy Policy</a>
  182.                                 </li>
  183.                                 <li>
  184.                                     <a href="#">Contact</a>
  185.                                 </li>
  186.                             </ul>
  187.                         </div>
  188.                     </div>
  189.                     <!-- End col -->
  190.                 </div>
  191.                 <!-- End Row -->
  192.             </div>
  193.             <!-- End Copyright Container -->
  194.         </div>
  195.         <!-- End Copyright -->
  196.         <!-- Back to top -->
  197.         <div id="back-to-top" class="back-to-top">
  198.             <button class="btn btn-dark" title="Back to Top" style="display: block;">
  199.                 <i class="fa fa-angle-up"></i>
  200.             </button>
  201.         </div>
  202.         <!-- End Back to top -->
  203. </footer>