<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Nanki</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="src/skdslider.min.js"></script>
<link href="src/skdslider.css" rel="stylesheet">
<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#demo1').skdslider({delay:5000, animationSpeed: 2000,showNextPrev:true,showPlayButton:true,autoSlide:true,animationType:'fading'});
	
			
			jQuery('#responsive').change(function(){
			  $('#responsive_wrapper').width(jQuery(this).val());
			  $(window).trigger('resize');
			});
			
		});
</script>
</style>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
	
    $(window).scroll(function(){
  var sticky = $('.color1'),
      scroll = $(window).scrollTop();

  if (scroll >= 100) sticky.addClass('fixed');
  else sticky.removeClass('fixed');
});
});
</script>
</head>
<style>

.col-lg-4.img2{
    background-image:url(images/pulses-1.png);
    height: 152px;
}
.imagebread {
     height: 117px;
    max-width: 50%;
}
</style>

<body>
<!--header-->
<div class="container-fluid">
<div class="container">
<div class="col-lg-6 logo">
<img class="img-responsive" src="logonanki.png" />
</div>
<div class="col-lg-6 search">
<form action="action_page.php"><br>
  <input type="text" name="search" value="Search">

</form> 

</div>
</div>
</div>

<!--header-->
<!--menu-->
<div class="container-fluid">
<div class="container">
<div class="menu">


<ul class="topnav">
  <li><a class="active" href="index.php">HOME</a></li>
  <li><a href="aboutus.php">ABOUT US</a></li>
  <li><a href="services.php">PRODUCTS</a></li>
  <li><a href="gallery.php">GALLERY</a></li>
    <li style="border-right: none;"><a href="contact.php">CONTACT US</a></li>
  <li class="icon">
    <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">☰</a>
  </li>
</ul>


</div>
</div>
</div>
<!--menu-->