/home/cp181240/www/mystric.com/themes/example/index_color_9.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">


    <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: #04ad8e; 
      --main-bg-color: #04ad8e; 
      --main-border-color: #04ad8e; 
      --main-text-color: #04ad8e;
      --main-botton-hover-color:#04ad8e; 
    }
    </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.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 #04ad8e;
    line-height: 60px;
    font-size: 2rem;
    padding: 0 30px;
    color: #04ad8e;
    background: transparent;
  }

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

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


.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: #000;
  }
a.social-bt:hover {
    color: #000;
    background-color: var(--main-botton-hover-color);

  }
.social-bt {
        background-color:transparent;
        display:inline-block;
        cursor:pointer;
        color:#000;
        font-weight:200px;
        padding:3px 10px;
        text-decoration:none;
    }
.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: #000;
        text-shadow: 0.1em 0.1em 0.2em black

}



</style>

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