/home/cp181240/www/mystric.com/themes/example/footer-14.php
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="author" content="" />
  <meta name="description" content="">
  <!-- Document title -->
  <!-- <title>1218</title> -->


  <!-- Stylesheets & Fonts -->
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,800,700,600|Montserrat:400,500,600,700|Raleway:100,300,600,700,800|Merriweather:300" rel="stylesheet" type="text/css" />
  
  <link href="css/plugins.css" rel="stylesheet">
  <link href="css/style.min.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet"> 
  <link href="css/main.css" rel="stylesheet">


  <!-- BANNER CSS -->
  <link href="css/banner-style-01.css" rel="stylesheet">
  <!-- <link href="css/banner-style-02.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-03.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-04.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-05.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-06.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-07.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-08.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-09.css" rel="stylesheet"> -->
  <!-- <link href="css/banner-style-10.css" rel="stylesheet"> -->

  <!-- BLOCK CSS -->
  <link href="css/block-slider.css" rel="stylesheet">
  <link href="css/block-feature.css" rel="stylesheet">
  <link href="css/block-icon.css" rel="stylesheet">
  <link href="css/block-blog-3.css" rel="stylesheet">
  <link href="css/block-blog-4.css" rel="stylesheet">
  <link href="css/block-gallery.css" rel="stylesheet">
  <link href="css/block-about.css" rel="stylesheet">
  <link href="css/block-service.css" rel="stylesheet">
  <link href="css/block-team.css" rel="stylesheet">
  <link href="css/block-calltoaction.css" rel="stylesheet">

  
  <!-- footer css -->
  <link href="css/footer-style-1.css" rel="stylesheet">
  <link href="css/footer-style-2.css" rel="stylesheet">
  <link href="css/footer-style-3.css" rel="stylesheet">
  <link href="css/footer-style-4.css" rel="stylesheet">
  <link href="css/footer-style-5.css" rel="stylesheet">
  <link href="css/footer-style-6.css" rel="stylesheet">


  <style type="text/css">
    .hb-v2, .hb-v3, .hb-v4, .hb-v5, .hb-v6, .hb-v7, .hb-v8, .hb-v9, .hb-v10{ display: none !important;}
    :root{ 
      --main-code-color: #202020; 
      --main-bg-color: #202020; 
      --main-border-color: #202020; 
      --main-text-color: #202020;
      --main-botton-hover-color: #151515;
      --main-footer-color: #ccc;
    }
  </style> 

</head>


<body class="no-page-loader">

  <div id="wrapper">

    <?php //include 'banner-style-01.html';?>
    <?php //include 'banner-style-02.html';?>
    <?php //include 'banner-style-03.html';?>
    <?php //include 'banner-style-04.html';?>
    <?php //include 'banner-style-05.html';?>
    <?php //include 'banner-style-06.html';?>
    <?php //include 'banner-style-07.html';?>
    <?php //include 'banner-style-08.html';?>
    <?php //include 'banner-style-09.html';?>
    <?php //include 'banner-style-10.html';?>

    <?php //include 'block-slider.html';?>
    <?php //include 'block-feature.html';?>
    <?php //include 'block-icon.html';?>
    <?php //include 'block-blog-3.html';?>
    <?php //include 'block-blog-4.html';?>
    <?php //include 'block-gallery.html';?>
    <?php //include 'block-about.html';?>
    <?php //include 'block-service.html';?>
    <?php //include 'block-team.html';?>
    <?php //include 'block-calltoaction.html';?>
    

    <?php //include 'footer-1.html';?>
    <?php //include 'footer-2.html';?>
    <?php //include 'footer-3.html';?>
    <?php //include 'footer-4.html';?>
    <?php //include 'footer-5.html';?>
    <?php //include 'footer-6.html';?>
    <?php //include 'footer-7.html';?>
    <?php //include 'footer-8.html';?>
    <?php //include 'footer-9.html';?>
    <?php //include 'footer-10.html';?>
    <?php //include 'footer-11.html';?>

    <?php //include 'footer-style-1.html';?>
    <?php //include 'footer-style-2.html';?>
    <?php include 'footer-style-3.html';?>
    <?php //include 'footer-style-4.html';?>
    <?php //include 'footer-style-5.html';?>
    <?php //include 'footer-style-6.html';?>


  </div>
  <!-- end: Wrapper -->

  <!-- Go to top button -->
  <a id="goToTop"><i class="fa fa-angle-up top-icon"></i><i class="fa fa-angle-up"></i></a>


  <!--Plugins-->
  <script src="js/jquery.js"></script>
  <script src="js/plugins.js"></script>



  <script>
    $(' #mainMenu nav > ul > li').click(function(){
      $(' #mainMenu nav > ul > li.active').removeClass('active');
      $(this).addClass('active');
    });

  </script>   

  <!--Template functions-->
  <script src="js/functions.js"></script>

</body>

<style type="text/css">


  .banner-style-01 .slide-caption .btn, 
  .banner-style-01 .banner-caption .btn{
    display: inline-block;
    border: 2px solid var(--main-bg-color);
    line-height: 60px;
    font-size: 2rem;
    padding: 0 30px;
    color: var(--main-bg-color);
    background: transparent;
  }

  .btn {
    padding: 0px 20px;
    line-height: 38px;
    text-shadow: none !important;
    color: #fff;
    background-color: var(--main-bg-color);
    border: none;
    position: relative;
  }

  .block-blog-3 h3{
    color: #fff;
  }

  .block-blog-3 .block-item p{
    color: #fff;
  }

  .incap-banner .boxDetail .htitle {
    color: #fff;
    background-color: var(--main-bg-color);
    display: initial;
    padding: 0 10px;
  }

  .block-service .htitle {
    color: #fff;
  }

  .blog-item p {
    line-height: 1.5;
    color: #fff;
  }

  .block-calltoaction h3{
    color: #fff;
  }

  .block-calltoaction p{
    color: #fff;
  }

  .banner-style-01 .slide-caption .htitle span, 
  .banner-style-01 .banner-caption .htitle span {
    padding: 0 30px;
    color: #fff;
    background-color: var(--main-bg-color);
  } 

  .btn.btn-light {
    color: #000;
    background: #fff;
  }

  .btn.btn-light.active, .btn.btn-light:active, .btn.btn-light:focus, .btn.btn-light:hover {
    background-color: var( --main-botton-hover-color);
    border-color: var( --main-botton-hover-color);
    color: #fff;
  }

  .block-blog-3 .block-item img {
    filter: invert(1);
    margin-bottom: 20px;
  }

  .block-service .blog-item img {
    filter: invert(1);
    margin-bottom: 15px;
  }  

  a.social-bt:hover {
    color: #fff;
    background-color: var(--main-botton-hover-color);

  }

  .social-bt {
    background-color:transparent;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-weight:200px;
    padding:3px 10px;
    text-decoration:none;
  }

  #map {
    height: 150px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
  }

  .copy-right{
    text-align: center;
    height: 75px;
    background-color: var(--main-bg-color);
  }
  .copyright{
    padding-top: 27px;
    line-height: 1.3;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black

  }

  h5.widget-title-footer9,.htitle-footer9{
    color: #fff;
  }

  ul.widget-address-footer9{
    color: #fff;
  }

  a.tel{
    color: #fff;
  }

  a.tel:hover {
    color: #fff;
    background-color: var(--main-botton-hover-color);
  }



 /* #header #header-wrap #logo a>img {  
    vertical-align: inherit;
    transition: all .4s ease-in-out;
    height: 80px;
    width: auto;
    filter: brightness(0) invert(1);
    }*/


  /*#mainMenu nav>ul>li>a {
    color: #ffffff;
  }
  */


</style>

</html>
Path: home/cp181240/www/mystric.com/themes/example