Your IP : 216.73.216.34
<!DOCTYPE HTML>
<html lang="en">
<head>
<!--=============== basic ===============-->
<meta charset="UTF-8">
<title>MTSCO</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<!--=============== css ===============-->
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/css.css">
<!--=============== favicons ===============-->
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<!--loader-->
<div class="loader-wrap">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!--loader end-->
<!-- main start -->
<div id="main">
<!-- header start -->
<header class="main-header">
<!-- logo -->
<a href="index.html" class="logo-holder"><img src="images/logo.png" alt=""></a>
<!-- logo end -->
<!-- search -->
<div class="search-button"><i class="far fa-search"></i></div>
<div class="search-input"><input name="se" id="se" type="text" class="search" placeholder="Search.." /></div>
<!-- search end -->
<div class="sb-button"></div>
<div class="share-btn showshare"><i class="fal fa-megaphone"></i><span>Share</span></div>
<!-- mobile nav -->
<div class="nav-button-wrap">
<div class="nav-button"><span></span><span></span><span></span></div>
</div>
<!-- mobile nav end-->
<!-- navigation -->
<div class="nav-holder main-menu">
<nav>
<ul>
<li>
<a href="#" class="act-link">Home </a>
<!--second level -->
<ul>
<li><a href="index.html">Carousel</a></li>
<li><a href="index2.html">Slider Details</a></li>
<li><a href="index3.html">Multi Slideshow</a></li>
<li><a href="index4.html">Slideshow</a></li>
<li><a href="index5.html">Image</a></li>
<li><a href="index6.html">Slider Classic</a></li>
<li><a href="index7.html">Video</a></li>
</ul>
<!--second level end-->
</li>
<li>
<a href="#">Portfolio </a>
<!--second level -->
<ul>
<li><a href="portfolio.html">Horizontal 2 Columns</a></li>
<li><a href="portfolio2.html">Horizontal 3 Columns</a></li>
<li><a href="portfolio3.html">Horizontal 1 Columns</a></li>
<li><a href="portfolio4.html">Masonry</a></li>
<li><a href="portfolio5.html">Masonry 2</a></li>
<li><a href="portfolio6.html">Column Grid</a></li>
<li>
<a href="#">Single </a>
<!--third level -->
<ul>
<li><a href="portfolio-single.html">Carousel</a></li>
<li><a href="portfolio-single2.html">Fullscreen Slider </a></li>
<li><a href="portfolio-single3.html">Column Grid</a></li>
<li><a href="portfolio-single4.html">Column Fullwidth</a></li>
</ul>
<!--third level end-->
</li>
</ul>
<!--second level end-->
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="blog.html">News</a>
</li>
<li>
<a href="contacts.html">Contacts</a>
</li>
</ul>
</nav>
</div>
<!-- navigation end -->
</header>
<!-- header end -->
<!-- wrapper -->
<div id="wrapper">
<!--content -->
<div class="content full-height">
<!--home-main_container-->
<div class="home-main_container">
<!--follow-wrap-->
<div id="features-slider" class="features-slider-wrapper">
<!-- Device Hotspots -->
<div id="hotspots-with-device" class="hotspots container">
<!-- Your image is here -->
<!-- Hotpoints -->
<div class="items">
<!-- Item -->
<div class="item animated" style="left:6.2%; top:36.5%;" data-animation="zoomIn" data-animation-delay="500">
<div class="item-inner slide-changer icon-animated active-inview"
data-go-slide="1"
data-toggle="popover"
data-trigger="hover"
data-placement="top"
title="Mobile Friendly"
data-content="Click for see more details on slider.">
</div>
</div>
<!-- Item -->
<div class="item animated" style="left:33.2%; top:22.5%;" data-animation="zoomIn" data-animation-delay="500">
<div class="item-inner slide-changer icon-animated active-inview"
data-go-slide="2"
data-toggle="popover"
data-trigger="hover"
data-placement="right"
title="Professional Design"
data-content="Click for see more details on slider.">
</div>
</div>
<!-- Item -->
<div class="item animated" style="left:68.2%; top:3.5%;" data-animation="zoomIn" data-animation-delay="500">
<div class="item-inner slide-changer icon-animated active-inview"
data-go-slide="3"
data-toggle="popover"
data-trigger="hover"
data-placement="bottom"
title="Beautiful Navigations"
data-content="Click for see more details on slider.">
</div>
</div>
<!-- Item -->
<div class="item animated" style="left:86.2%; top:41.5%;" data-animation="zoomIn" data-animation-delay="500">
<div class="item-inner slide-changer icon-animated active-inview"
data-go-slide="4"
data-toggle="popover"
data-trigger="hover"
data-placement="left"
title="Stylish And Cool Animations"
data-content="Click for see more details on slider.">
</div>
</div>
<!-- Item -->
<div class="item animated" style="left:60.2%; top:51.5%;" data-animation="zoomIn" data-animation-delay="500">
<div class="item-inner slide-changer icon-animated active-inview"
data-go-slide="5"
data-toggle="popover"
data-trigger="hover"
data-placement="left"
title="Stylish And Cool Animations"
data-content="Click for see more details on slider.">
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="features-pagination"></div>
</div>
<!-- End Hotspots -->
<!-- Wrapper for slider -->
<!--End Wrapper for slider -->
</div>
<!--follow-wrap end-->
<!--hero-decor-let-->
<div class="hero-decor-let">
<div>01. <span>Wedding</span></div>
<div>02. <span>Commercial</span></div>
<div>03. <span>Branding</span></div>
</div>
<!--hero-decor-let end-->
<!--home-main_title-->
<div class="home-main_title">
<div class="home-main_title_item">
<h4>Photographer and director based in New York</h4>
<h2>Jane Kowalski</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<a href="portfolio.html" class="btn fl-btn">My portfolio</a>
</div>
</div>
<!--home-main_title end-->
<!--bg video-->
<div class="media-container media-container_fs">
<div class="video-mask"></div>
<div class="video-holder">
<div class="video-container">
<video autoplay loop muted class="bgvid">
<source src="pic/videoplayback.mp4" type="video/mp4">
</video>
</div>
<!--
Vimeo code
<div class="background-vimeo" data-vim="97871257"> </div> -->
<!--
Youtube code
<div class="background-youtube" data-vid="Hg5iNVSp2z8" data-mv="1"> </div> -->
<div class="mob-bg bg" data-bg="images/bg/3.jpg"></div>
</div>
</div>
<div class="overlay"></div>
<!--bg image end-->
</div>
<!--home-main_container end-->
</div>
<!--content end-->
<!--share-wrapper-->
<div class="share-wrapper">
<div class="share-container fl-wrap isShare"></div>
</div>
<!--share-wrapper end-->
</div>
<!-- wrapper end -->
<!-- sidebar -->
<div class="sb-overlay"></div>
<div class="hiiden-sidebar-wrap outsb">
<!-- sb-widget-wrap-->
<div class="sb-widget-wrap fl-wrap">
<h3>SUBSCRIBE TO OUR NEWSLETTER</h3>
<div class="sb-widget fl-wrap">
<p>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, </p>
<div class="subcribe-form fl-wrap">
<form id="subscribe">
<input class="enteremail" name="email" id="subscribe-email" placeholder="Your Email" spellcheck="false" type="text">
<button type="submit" id="subscribe-button" class="subscribe-button">Submit</button>
<label for="subscribe-email" class="subscribe-message"></label>
</form>
</div>
</div>
</div>
<!-- sb-widget-wrap end-->
<!-- sb-widget-wrap-->
<div class="sb-widget-wrap fl-wrap">
<h3>We're Are Social</h3>
<div class="sb-widget fl-wrap">
<div class="sidebar-social fl-wrap">
<ul>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-vk"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- sb-widget-wrap end-->
<!-- sb-widget-wrap-->
<div class="sb-widget-wrap fl-wrap">
<h3>Our Last Twitts</h3>
<div class="sb-widget fl-wrap">
<div id="footer-twiit"></div>
<a href="#" target="_blank" class="twitt_btn fl-wrap">Follow Us</a>
</div>
</div>
<!-- sb-widget-wrap end-->
</div>
<!-- sidebar end -->
<!-- cursor-->
<div class="element">
<div class="element-item"></div>
</div>
<!-- cursor end-->
</div>
<!-- Main end -->
<!--=============== scripts ===============-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>