<?php include 'conn.php' ?>
<!DOCTYPE html>
<html lang="en">
<head>

		<!-- Title -->
		<title>Yash - Photography</title>

		<!-- Meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="Yash - Photography">
		<meta name="keywords" content="Yash - Photography" />
		<meta name="author" content="Suganya">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- Favicon (http://www.favicon-generator.org/) -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">

		<!-- Google font (https://www.google.com/fonts) -->
		<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,300,500,700,100' rel='stylesheet' type='text/css'>

			<!-- Bootstrap CSS (http://getbootstrap.com) -->
		<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css"> <!-- bootstrap CSS (http://getbootstrap.com) -->
  
		<!-- Template master CSS -->
		<link rel="stylesheet" href="assets/css/theme.css">
 

		<!-- Template dark style CSS (comment or uncomment below line to enable/disable template dark style) -->
		<link rel="stylesheet" href="assets/css/dark-style.css">


 <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<link href="assets/slider/src/css/style.css" rel="stylesheet" type="text/css">

	</head>


	<!-- =================
	///// Begin body /////
	================== -->
	<body id="body">
 


		<!-- ===================
		///// Begin header /////
		========================
		* Use class "show-hide-on-scroll" to hide header on scroll down and show on scroll up.
		* Use class "fixed-top" to set header to fixed position.
		-->
		<header id="header" class="fixed-top" style="
    border-top: 4px solid #000000" >
			<div class="header-inner">

				 
		 
				<!-- End header tools -->

				<!-- Begin menu (Bootstrap navbar)
				=================================== 
				* Use class "navbar-default" or "navbar-border-bottom" for navbar style.
				-->
		 

			</div> <!-- /.header-inner -->
		</header>
		<!-- End header -->

 
		<!-- ==============================
		/////// Begin body content ///////
		=============================== -->
		<div id="body-content">
<div class="content"  >
		<div id="slider">
      <ul>
			<?php
			$main_page_query = mysql_query("select * from main_page_banners where status = 'yes' order by main_page_banners_id asc");
			if(mysql_num_rows($main_page_query)>0){	
			while($main_page_row=mysql_fetch_array($main_page_query)){
			echo "<li data-text='Yash - Photography'><a href='home.php'><img src='".$base_url."admin/uploads/main_page_banners/".$main_page_row['url']."'></a></li>";
			}
			}
			?>
    </ul>
		</div>
	</div>
 
 
			
			
			
			<!-- Begin footer -->
			<footer id="footer" style="display:none;">
				<div class="footer-inner">
					 
				</div> <!-- /.footer-inner -->
			</footer>
			<!-- End footer -->


		</div>
		<!-- End body content -->

		<!-- Scroll to top button -->
		<a href="#body" class="scrolltotop sm-scroll"><i class="fas fa-chevron-up"></i></a>



        

		<!-- ====================
		///// Scripts below /////
		===================== -->

		<!-- Core JS -->
		<script src="assets/vendor/jquery/jquery.min.js"></script> <!-- jquery JS (https://jquery.com) -->
		<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- bootstrap JS (http://getbootstrap.com) -->
 
		<script src="assets/vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel JS (https://owlcarousel2.github.io/OwlCarousel2/) -->

		<!-- Theme master JS -->
		<script src="assets/js/theme.js"></script>



		<!--==============================
		///// Begin Google Analytics /////
		============================== -->

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/slider/src/vmc.slide.js"></script>
    <script type="text/javascript" src="assets/slider/src/vmc.slide.effects.js"></script>
<script>
$('#slider').vmcSlide({
                
                
                duration: 2000,
                speed: 1000
                , effects: ['rollingX', 'page', 'page2', 'blindsX', 'blindsY' ,'rollingY', 'slideX', 'slideY', 'fade']
                , showText: true
                , random: false
                // ,sideButton:false
                // ,navButton:false
                , flip: function (from, to) {
                    console.log('from:' + from + ' to:' + to);

                }
            });
</script>
	</body>
	<!-- End body -->

</html>