<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>PROXIMET Bootstarp responsive Website Template| Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Anton' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery1.min.js"></script>
<!--start slider -->
<link rel="stylesheet" href="./css/fwslider.css" media="all">
<script src="./js/jquery-ui.min.js"></script>
<script src="./js/css3-mediaqueries.js"></script>
<script src="./js/fwslider.js"></script>
<!--end slider -->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!-- Owl Stylesheets -->
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
<script src="./js/jquery.easydropdown.js"></script>
<!-- javascript -->
<!-- Script for gallery Here -->
<script type="text/javascript" src="./js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<!-- header-section-starts -->
<div class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li class="active"><a href="#Home" class="scroll">Home</a></li>
<li><a href="#Services" class="scroll">Services</a></li>
<li><a href="#About" class="scroll">About</a></li>
<li><a href="#Team" class="scroll">Team</a></li>
<li><a href="#portfolio" class="scroll">portfolio</a></li>
<li><a href="#Shop" class="scroll">Shop</a></li>
<li><a href="#Blog" class="scroll">Blog</a></li>
<li><a href="#Contact" class="scroll">contact</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!--script-nav-->
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="./js/classie.js"></script>
<script src="./js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
</div>
</div>
<!-- start slider -->
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<!-- Slide image -->
<img src="./images/banner.jpg" class="img-responsive" alt=""/>
<!-- /Slide image -->
</div>
<!-- /Duplicate to create more slides -->
<div class="slide" id="Home">
<img src="./images/banner1.jpg" class="img-responsive" alt=""/>
</div>
<!--/slide -->
</div>
<div class="timers"></div>
<div class="slidePrev"><span></span></div>
<div class="slideNext"><span></span></div>
</div>
<!--/slider -->
<div class="header-bottom">
<div class="container">
<div class="title">
<h1><span>Prox</span>imet</h1>
<h2>We <span>Provide</span> Best Digital Solutions for Your Project</h2>
</div>
</div>
</div>
</div>
<!-- header-section-ends -->
<!-- content-section-starts -->
<div class="content">
<!-- services-section-starts -->
<div class="services-section" id="Services">
<div class="our-services">
<div class="container">
<div class="our-services-head text-center">
<div class="dot">
<img src="" class="img-responsive" alt="" />
</div>
<div class="our-services-head-text">
<h3>OUR SERVICES</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="our-services-grids">
<div class="col-md-4 our-services-grid text-center">
<i class="icon1"></i>
<h4><a href="#">Web Design</a></h4>
<p>Maecenas mauris velit, consequat sit amet feugiat rit, elit vitae scelerisque elementum, turpis nisl accumsan ipsum.</p>
</div>
<div class="col-md-4 our-services-grid text-center">
<i class="icon2"></i>
<h4><a href="#">Web Development</a></h4>
<p>Maecenas mauris velit, consequat sit amet feugiat rit, elit vitae scelerisque elementum, turpis nisl accumsan ipsum.</p>
</div>
<div class="col-md-4 our-services-grid text-center">
<i class="icon3"></i>
<h4><a href="#">Marketing</a></h4>
<p>Maecenas mauris velit, consequat sit amet feugiat rit, elit vitae scelerisque elementum, turpis nisl accumsan ipsum.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="other-services">
<div class="container">