/home/cp181240/www/mystric.com/themes/9999/_images/index_color_4.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: #546776;
--main-bg-color: #546776;
--main-border-color: #546776;
--main-text-color: #546776;
--main-bottom-hover-color: #422b63;
}
</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 var(--main-bg-color);
line-height: 60px;
font-size: 2rem;
padding: 0 30px;
color: var(--main-bg-color);
background: transparent;
}
.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( --margin-bottom-hover-color);
border-color: var( --margin-bottom-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(--margin-bottom-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.htitle-footer9 {
color: #fff;
}
ul.widget-address-footer9{
color: #fff;
}
a.tel{
color: #fff;
}
a.tel:hover {
color: #fff;
background-color: var(--main-bottom-hover-color);
}
</style>
</html>
