rahul.katari
/
brihaspathi
關註 1
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commit
1 分支
目錄樹: a59c63c2f5
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'a59c63c2f5'
${ noResults }
brihaspathi/service.html

service.html 30KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="utf-8">

  6.     <title>LifeSure - Life Insurance Website Template</title>

  7.     <meta content="width=device-width, initial-scale=1.0" name="viewport">

  8.     <meta content="" name="keywords">

  9.     <meta content="" name="description">

  10. 

  11.     <!-- Google Web Fonts -->

  12.     <link rel="preconnect" href="https://fonts.googleapis.com">

  13.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  14.     <link

  15.         href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap"

  16.         rel="stylesheet">

  17. 

  18.     <!-- Icon Font Stylesheet -->

  19.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />

  20.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

  21. 

  22.     <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">

  23. 

  24. 

  25.     <!-- Libraries Stylesheet -->

  26.     <link rel="stylesheet" href="lib/animate/animate.min.css" />

  27.     <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

  28.     <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

  29. 

  30. 

  31.     <!-- Customized Bootstrap Stylesheet -->

  32.     <link href="css/bootstrap.min.css" rel="stylesheet">

  33. 

  34.     <!-- Template Stylesheet -->

  35.     <link href="css/style.css" rel="stylesheet">

  36.     <link href="css/navbar.css" rel="stylesheet">

  37. </head>

  38. 

  39. <body>

  40. 

  41.     <!-- Spinner Start -->

  42.     <div id="spinner"

  43.         class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">

  44.         <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">

  45.             <span class="sr-only">Loading...</span>

  46.         </div>

  47.     </div>

  48.     <!-- Spinner End -->

  49. 

  50.     <header class="header" id="header"></header>

  51. 

  52. 

  53.     <!-- Modal Search Start -->

  54.     <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

  55.         <div class="modal-dialog modal-fullscreen">

  56.             <div class="modal-content rounded-0">

  57.                 <div class="modal-header">

  58.                     <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>

  59.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  60.                 </div>

  61.                 <div class="modal-body d-flex align-items-center bg-primary">

  62.                     <div class="input-group w-75 mx-auto d-flex">

  63.                         <input type="search" class="form-control p-3" placeholder="keywords"

  64.                             aria-describedby="search-icon-1">

  65.                         <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i

  66.                                 class="fa fa-search"></i></span>

  67.                     </div>

  68.                 </div>

  69.             </div>

  70.         </div>

  71.     </div>

  72.     <!-- Modal Search End -->

  73. 

  74. 

  75.     <!-- Header Start -->

  76.     <div class="container-fluid bg-breadcrumb">

  77.         <div class="container text-center py-5" style="max-width: 900px;">

  78.             <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Services</h4>

  79.             <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">

  80.                 <li class="breadcrumb-item"><a href="index.html">Home</a></li>

  81.                 <li class="breadcrumb-item"><a href="#">Pages</a></li>

  82.                 <li class="breadcrumb-item active text-primary">Service</li>

  83.             </ol>

  84.         </div>

  85.     </div>

  86.     <!-- Header End -->

  87. 

  88. 

  89.     <!-- Service Start -->

  90.     <div class="container-fluid service py-5">

  91.         <div class="container py-5">

  92.             <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">

  93.                 <h4 class="text-primary">Our Services</h4>

  94.                 <h1 class="display-4 mb-4">We Provide Best Services</h1>

  95.                 <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis

  96.                     cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt

  97.                     sint dolorem autem obcaecati, ipsam mollitia hic.

  98.                 </p>

  99.             </div>

  100.             <div class="row g-4 justify-content-center">

  101.                 <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">

  102.                     <div class="service-item">

  103.                         <div class="service-img">

  104.                             <img src="img/blog-1.png" class="img-fluid rounded-top w-100" alt="">

  105.                             <div class="service-icon p-3">

  106.                                 <i class="fa fa-users fa-2x"></i>

  107.                             </div>

  108.                         </div>

  109.                         <div class="service-content p-4">

  110.                             <div class="service-content-inner">

  111.                                 <a href="#" class="d-inline-block h4 mb-4">Life Insurance</a>

  112.                                 <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis,

  113.                                     eum!</p>

  114.                                 <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Read More</a>

  115.                             </div>

  116.                         </div>

  117.                     </div>

  118.                 </div>

  119.                 <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">

  120.                     <div class="service-item">

  121.                         <div class="service-img">

  122.                             <img src="img/blog-2.png" class="img-fluid rounded-top w-100" alt="">

  123.                             <div class="service-icon p-3">

  124.                                 <i class="fa fa-hospital fa-2x"></i>

  125.                             </div>

  126.                         </div>

  127.                         <div class="service-content p-4">

  128.                             <div class="service-content-inner">

  129.                                 <a href="#" class="d-inline-block h4 mb-4">Health Insurance</a>

  130.                                 <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis,

  131.                                     eum!</p>

  132.                                 <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Read More</a>

  133.                             </div>

  134.                         </div>

  135.                     </div>

  136.                 </div>

  137.                 <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">

  138.                     <div class="service-item">

  139.                         <div class="service-img">

  140.                             <img src="img/blog-3.png" class="img-fluid rounded-top w-100" alt="">

  141.                             <div class="service-icon p-3">

  142.                                 <i class="fa fa-car fa-2x"></i>

  143.                             </div>

  144.                         </div>

  145.                         <div class="service-content p-4">

  146.                             <div class="service-content-inner">

  147.                                 <a href="#" class="d-inline-block h4 mb-4">Car Insurance</a>

  148.                                 <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis,

  149.                                     eum!</p>

  150.                                 <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Read More</a>

  151.                             </div>

  152.                         </div>

  153.                     </div>

  154.                 </div>

  155.                 <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">

  156.                     <div class="service-item">

  157.                         <div class="service-img">

  158.                             <img src="img/blog-4.png" class="img-fluid rounded-top w-100" alt="">

  159.                             <div class="service-icon p-3">

  160.                                 <i class="fa fa-home fa-2x"></i>

  161.                             </div>

  162.                         </div>

  163.                         <div class="service-content p-4">

  164.                             <div class="service-content-inner">

  165.                                 <a href="#" class="d-inline-block h4 mb-4">Home Insurance</a>

  166.                                 <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis,

  167.                                     eum!</p>

  168.                                 <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Read More</a>

  169.                             </div>

  170.                         </div>

  171.                     </div>

  172.                 </div>

  173.                 <div class="col-12 text-center wow fadeInUp" data-wow-delay="0.2s">

  174.                     <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Services</a>

  175.                 </div>

  176.             </div>

  177.         </div>

  178.     </div>

  179.     <!-- Service End -->

  180. 

  181. 

  182.     <!-- Testimonial Start -->

  183.     <div class="container-fluid testimonial pb-5">

  184.         <div class="container pb-5">

  185.             <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">

  186.                 <h4 class="text-primary">Testimonial</h4>

  187.                 <h1 class="display-4 mb-4">What Our Customers Are Saying</h1>

  188.                 <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis

  189.                     cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt

  190.                     sint dolorem autem obcaecati, ipsam mollitia hic.

  191.                 </p>

  192.             </div>

  193.             <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.2s">

  194.                 <div class="testimonial-item bg-light rounded">

  195.                     <div class="row g-0">

  196.                         <div class="col-4  col-lg-4 col-xl-3">

  197.                             <div class="h-100">

  198.                                 <img src="img/testimonial-1.jpg" class="img-fluid h-100 rounded"

  199.                                     style="object-fit: cover;" alt="">

  200.                             </div>

  201.                         </div>

  202.                         <div class="col-8 col-lg-8 col-xl-9">

  203.                             <div class="d-flex flex-column my-auto text-start p-4">

  204.                                 <h4 class="text-dark mb-0">Client Name</h4>

  205.                                 <p class="mb-3">Profession</p>

  206.                                 <div class="d-flex text-primary mb-3">

  207.                                     <i class="fas fa-star"></i>

  208.                                     <i class="fas fa-star"></i>

  209.                                     <i class="fas fa-star"></i>

  210.                                     <i class="fas fa-star"></i>

  211.                                     <i class="fas fa-star"></i>

  212.                                 </div>

  213.                                 <p class="mb-0">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim error

  214.                                     molestiae aut modi corrupti fugit eaque rem nulla incidunt temporibus quisquam,

  215.                                 </p>

  216.                             </div>

  217.                         </div>

  218.                     </div>

  219.                 </div>

  220.                 <div class="testimonial-item bg-light rounded">

  221.                     <div class="row g-0">

  222.                         <div class="col-4  col-lg-4 col-xl-3">

  223.                             <div class="h-100">

  224.                                 <img src="img/testimonial-2.jpg" class="img-fluid h-100 rounded"

  225.                                     style="object-fit: cover;" alt="">

  226.                             </div>

  227.                         </div>

  228.                         <div class="col-8 col-lg-8 col-xl-9">

  229.                             <div class="d-flex flex-column my-auto text-start p-4">

  230.                                 <h4 class="text-dark mb-0">Client Name</h4>

  231.                                 <p class="mb-3">Profession</p>

  232.                                 <div class="d-flex text-primary mb-3">

  233.                                     <i class="fas fa-star"></i>

  234.                                     <i class="fas fa-star"></i>

  235.                                     <i class="fas fa-star"></i>

  236.                                     <i class="fas fa-star"></i>

  237.                                     <i class="fas fa-star text-body"></i>

  238.                                 </div>

  239.                                 <p class="mb-0">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim error

  240.                                     molestiae aut modi corrupti fugit eaque rem nulla incidunt temporibus quisquam,

  241.                                 </p>

  242.                             </div>

  243.                         </div>

  244.                     </div>

  245.                 </div>

  246.                 <div class="testimonial-item bg-light rounded">

  247.                     <div class="row g-0">

  248.                         <div class="col-4  col-lg-4 col-xl-3">

  249.                             <div class="h-100">

  250.                                 <img src="img/testimonial-3.jpg" class="img-fluid h-100 rounded"

  251.                                     style="object-fit: cover;" alt="">

  252.                             </div>

  253.                         </div>

  254.                         <div class="col-8 col-lg-8 col-xl-9">

  255.                             <div class="d-flex flex-column my-auto text-start p-4">

  256.                                 <h4 class="text-dark mb-0">Client Name</h4>

  257.                                 <p class="mb-3">Profession</p>

  258.                                 <div class="d-flex text-primary mb-3">

  259.                                     <i class="fas fa-star"></i>

  260.                                     <i class="fas fa-star"></i>

  261.                                     <i class="fas fa-star"></i>

  262.                                     <i class="fas fa-star text-body"></i>

  263.                                     <i class="fas fa-star text-body"></i>

  264.                                 </div>

  265.                                 <p class="mb-0">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim error

  266.                                     molestiae aut modi corrupti fugit eaque rem nulla incidunt temporibus quisquam,

  267.                                 </p>

  268.                             </div>

  269.                         </div>

  270.                     </div>

  271.                 </div>

  272.             </div>

  273.         </div>

  274.     </div>

  275.     <!-- Testimonial End -->

  276. 

  277. 

  278.     <!-- Footer Start -->

  279.     <footer>

  280.         <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">

  281.             <div class="container py-5">

  282.                 <div class="row g-5">

  283.                     <div class="col-xl-9">

  284.                         <div class="mb-5">

  285.                             <div class="row g-4">

  286.                                 <div class="col-md-6 col-lg-6 col-xl-5">

  287.                                     <div class="footer-item">

  288.                                         <a href="index.html" class="p-0">

  289.                                             <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>

  290.                                             <!-- <img src="img/logo.png" alt="Logo"> -->

  291.                                         </a>

  292.                                         <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr

  293.                                             est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>

  294.                                         <div class="footer-btn d-flex">

  295.                                             <a class="btn btn-md-square rounded-circle me-3" href="#"><i

  296.                                                     class="fab fa-facebook-f"></i></a>

  297.                                             <a class="btn btn-md-square rounded-circle me-3" href="#"><i

  298.                                                     class="fab fa-twitter"></i></a>

  299.                                             <a class="btn btn-md-square rounded-circle me-3" href="#"><i

  300.                                                     class="fab fa-instagram"></i></a>

  301.                                             <a class="btn btn-md-square rounded-circle me-0" href="#"><i

  302.                                                     class="fab fa-linkedin-in"></i></a>

  303.                                         </div>

  304.                                     </div>

  305.                                 </div>

  306.                                 <div class="col-md-6 col-lg-6 col-xl-3">

  307.                                     <div class="footer-item">

  308.                                         <h4 class="text-white mb-4">Useful Links</h4>

  309.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>

  310.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>

  311.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>

  312.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>

  313.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>

  314.                                         <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>

  315.                                     </div>

  316.                                 </div>

  317.                                 <div class="col-md-6 col-lg-6 col-xl-4">

  318.                                     <div class="footer-item">

  319.                                         <h4 class="mb-4 text-white">Instagram</h4>

  320.                                         <div class="row g-3">

  321.                                             <div class="col-4">

  322.                                                 <div class="footer-instagram rounded">

  323.                                                     <img src="img/instagram-footer-1.jpg" class="img-fluid w-100"

  324.                                                         alt="">

  325.                                                     <div class="footer-search-icon">

  326.                                                         <a href="img/instagram-footer-1.jpg"

  327.                                                             data-lightbox="footerInstagram-1" class="my-auto"><i

  328.                                                                 class="fas fa-link text-white"></i></a>

  329.                                                     </div>

  330.                                                 </div>

  331.                                             </div>

  332.                                             <div class="col-4">

  333.                                                 <div class="footer-instagram rounded">

  334.                                                     <img src="img/instagram-footer-2.jpg" class="img-fluid w-100"

  335.                                                         alt="">

  336.                                                     <div class="footer-search-icon">

  337.                                                         <a href="img/instagram-footer-2.jpg"

  338.                                                             data-lightbox="footerInstagram-2" class="my-auto"><i

  339.                                                                 class="fas fa-link text-white"></i></a>

  340.                                                     </div>

  341.                                                 </div>

  342.                                             </div>

  343.                                             <div class="col-4">

  344.                                                 <div class="footer-instagram rounded">

  345.                                                     <img src="img/instagram-footer-3.jpg" class="img-fluid w-100"

  346.                                                         alt="">

  347.                                                     <div class="footer-search-icon">

  348.                                                         <a href="img/instagram-footer-3.jpg"

  349.                                                             data-lightbox="footerInstagram-3" class="my-auto"><i

  350.                                                                 class="fas fa-link text-white"></i></a>

  351.                                                     </div>

  352.                                                 </div>

  353.                                             </div>

  354.                                             <div class="col-4">

  355.                                                 <div class="footer-instagram rounded">

  356.                                                     <img src="img/instagram-footer-4.jpg" class="img-fluid w-100"

  357.                                                         alt="">

  358.                                                     <div class="footer-search-icon">

  359.                                                         <a href="img/instagram-footer-4.jpg"

  360.                                                             data-lightbox="footerInstagram-4" class="my-auto"><i

  361.                                                                 class="fas fa-link text-white"></i></a>

  362.                                                     </div>

  363.                                                 </div>

  364.                                             </div>

  365.                                             <div class="col-4">

  366.                                                 <div class="footer-instagram rounded">

  367.                                                     <img src="img/instagram-footer-5.jpg" class="img-fluid w-100"

  368.                                                         alt="">

  369.                                                     <div class="footer-search-icon">

  370.                                                         <a href="img/instagram-footer-5.jpg"

  371.                                                             data-lightbox="footerInstagram-5" class="my-auto"><i

  372.                                                                 class="fas fa-link text-white"></i></a>

  373.                                                     </div>

  374.                                                 </div>

  375.                                             </div>

  376.                                             <div class="col-4">

  377.                                                 <div class="footer-instagram rounded">

  378.                                                     <img src="img/instagram-footer-6.jpg" class="img-fluid w-100"

  379.                                                         alt="">

  380.                                                     <div class="footer-search-icon">

  381.                                                         <a href="img/instagram-footer-6.jpg"

  382.                                                             data-lightbox="footerInstagram-6" class="my-auto"><i

  383.                                                                 class="fas fa-link text-white"></i></a>

  384.                                                     </div>

  385.                                                 </div>

  386.                                             </div>

  387.                                         </div>

  388.                                     </div>

  389.                                 </div>

  390.                             </div>

  391.                         </div>

  392.                         <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">

  393.                             <div class="row g-0">

  394.                                 <div class="col-12">

  395.                                     <div class="row g-4">

  396.                                         <div class="col-lg-6 col-xl-4">

  397.                                             <div class="d-flex">

  398.                                                 <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  399.                                                     <i class="fas fa-map-marker-alt fa-2x"></i>

  400.                                                 </div>

  401.                                                 <div>

  402.                                                     <h4 class="text-white">Address</h4>

  403.                                                     <p class="mb-0">123 Street New York.USA</p>

  404.                                                 </div>

  405.                                             </div>

  406.                                         </div>

  407.                                         <div class="col-lg-6 col-xl-4">

  408.                                             <div class="d-flex">

  409.                                                 <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  410.                                                     <i class="fas fa-envelope fa-2x"></i>

  411.                                                 </div>

  412.                                                 <div>

  413.                                                     <h4 class="text-white">Mail Us</h4>

  414.                                                     <p class="mb-0">info@example.com</p>

  415.                                                 </div>

  416.                                             </div>

  417.                                         </div>

  418.                                         <div class="col-lg-6 col-xl-4">

  419.                                             <div class="d-flex">

  420.                                                 <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  421.                                                     <i class="fa fa-phone-alt fa-2x"></i>

  422.                                                 </div>

  423.                                                 <div>

  424.                                                     <h4 class="text-white">Telephone</h4>

  425.                                                     <p class="mb-0">(+012) 3456 7890</p>

  426.                                                 </div>

  427.                                             </div>

  428.                                         </div>

  429.                                     </div>

  430.                                 </div>

  431.                             </div>

  432.                         </div>

  433.                     </div>

  434. 

  435.                     <div class="col-xl-3">

  436.                         <div class="footer-item">

  437.                             <h4 class="text-white mb-4">Newsletter</h4>

  438.                             <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum

  439.                                 dolor sit amet, consectetur adipiscing elit.</p>

  440.                             <div class="position-relative rounded-pill mb-4">

  441.                                 <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text"

  442.                                     placeholder="Enter your email">

  443.                                 <button type="button"

  444.                                     class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>

  445.                             </div>

  446.                             <div class="d-flex flex-shrink-0">

  447.                                 <div class="footer-btn">

  448.                                     <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada"

  449.                                         data-wow-delay=".9s">

  450.                                         <i class="fa fa-phone-alt fa-2x"></i>

  451.                                         <div class="position-absolute" style="top: 2px; right: 12px;">

  452.                                             <span><i class="fa fa-comment-dots text-secondary"></i></span>

  453.                                         </div>

  454.                                     </a>

  455.                                 </div>

  456.                                 <div class="d-flex flex-column ms-3 flex-shrink-0">

  457.                                     <span>Call to Our Experts</span>

  458.                                     <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456

  459.                                             7890</span></a>

  460.                                 </div>

  461.                             </div>

  462.                         </div>

  463.                     </div>

  464.                 </div>

  465.             </div>

  466.         </div>

  467.         <!-- Footer End -->

  468. 

  469.         <!-- Copyright Start -->

  470.         <div class="container-fluid copyright py-4">

  471.             <div class="container">

  472.                 <div class="row g-4 align-items-center">

  473.                     <div class="col-md-6 text-center text-md-end mb-md-0">

  474.                         <span class="text-body"><a href="#" class="border-bottom text-white"><i

  475.                                     class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right

  476.                             reserved.</span>

  477.                     </div>

  478.                     <div class="col-md-6 text-center text-md-start text-body">

  479.                         <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->

  480.                         <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->

  481.                         <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->

  482.                         Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>

  483.                         Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>

  484.                     </div>

  485.                 </div>

  486.             </div>

  487.         </div>

  488.         <!-- Copyright End -->

  489.     </footer>

  490. 

  491. 

  492.     <!-- Back to Top -->

  493.     <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>

  494. 

  495. 

  496.     <!-- JavaScript Libraries -->

  497.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

  498.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>

  499.     <script src="lib/wow/wow.min.js"></script>

  500.     <script src="lib/easing/easing.min.js"></script>

  501.     <script src="lib/waypoints/waypoints.min.js"></script>

  502.     <script src="lib/counterup/counterup.min.js"></script>

  503.     <script src="lib/lightbox/js/lightbox.min.js"></script>

  504.     <script src="lib/owlcarousel/owl.carousel.min.js"></script>

  505. 

  506. 

  507.     <!-- Template Javascript -->

  508.     <script src="js/main.js"></script>

  509.     <script src="js/footer.js"></script>

  510.     <script src="js/navbar.js"></script>

  511. </body>

  512. 

  513. </html>