<!DOCTYPE html>
<html lang="en">


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	        <title>Shah Farms | Shah Farms Naushehra Pannuan</title>
		<meta name="description" content="Shah Farms | Shah Farms Naushehra Pannuan"/>
		<meta name="keywords" content="Shah Farms | Shah Farms Naushehra Pannuan">
        <link rel="canonical" href="index-2.php" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/icons.css">
	<link rel="stylesheet" href="css/jquery.classycountdown.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />
	<link rel="stylesheet" type="text/css" href="css/color.css" />
	<!----------------------------Google Fonts---------------------------------------------->    
	<link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'> 
	<!----------------------------Google Fonts---------------------------------------------->    

<style type="text/css">
	.menu-current{
		color:#e04f5f;		
		}
	.person-detail h4{
		font-family: 'Great Vibes', Helvetica, sans-serif;
		color: #e04f5f;
		text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
		}
	.person-detail h3{
		font-family: 'Arizonia', Helvetica, sans-serif;
		line-height:60px;
		color: #2b2b2b;
		text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.50);
		}
	.creative-title h2, .pink-title{
		font-family: 'Great Vibes', Helvetica, sans-serif;
		text-shadow: 4px 4px 0px rgba(0,0,0,0.1); 
		}
	.subtitle{
		font-family: 'Great Vibes', Helvetica, sans-serif;
		text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
		font-size:32px 
		}
	.shadow-title{
		font-family: 'Great Vibes', Helvetica, sans-serif;
		text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
		line-height: 50px; 
		}		
	.story-detail > h3{
		font-family: 'Arizonia', Helvetica, sans-serif;
		text-shadow: 4px 4px 0px rgba(0,0,0,0.1); 
		font-size:36px; 
		}
	.person-sign h5{
		font-family: 'Great Vibes', Helvetica, sans-serif;
		text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
		font-size:36px;
		text-transform:capitalize;
		}
	.pagetop-text h1{
		font-family: 'Arizonia', Helvetica, sans-serif;
		text-shadow: 2px 2px 4px rgba(5, 5, 5, 0.5); 
		}		
</style>
</head>
<body>
	<div class="theme-layout">
		<header>
			<div class="logo"><a href="index-2.php" title="Shah Farms"><img src="images/logo.png" alt="Shah Farms" /></a></div>
			<nav>
				<a class="open-menu" href="#" title=""><i class="fa fa-bars"></i></a>
				<ul>
					<li  class="menu-current"><a class="page-scroll" href="index-2.php" title="home"><i class="fa fa-university"></i>Home</a></li>
					<li ><a class="page-scroll" href="about-us.php" title=""><i class="fa fa-university"></i>About</a></li>
					<li><a class="page-scroll" href="index-2.php#facilities" title=""><i class="fa fa-university"></i>Facilities</a></li>
                    <li><a class="page-scroll" href="index-2.php#infrastructure" title=""><i class="fa fa-university"></i>Infrastructure</a></li>
                    <li><a class="page-scroll" href="index-2.php#events" title=""><i class="fa fa-university"></i>Events</a></li>
                    <li ><a class="page-scroll" href="gallery-p.php" title=""><i class="fa fa-university"></i>Gallery</a></li>
					<li ><a class="page-scroll" href="contact-us.php" title=""><i class="fa fa-university"></i>Contact</a></li>
				</ul>
			</nav>
		</header><!-- Header -->

		<style type="text/css">
#videoID { 
	box-shadow:1px 1px 11px #666;
	}
	.banner-wrapper { position:relative; }
.banner-wrapper video {
    position:relative;
    z-index:0;
}
.overlay {
    position:absolute;
    top:50%;
    left:46%;
    z-index:1;
	transform: translate(-50%, -50%);
}


.overlay {
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
	transform: translate(-50%, -50%);
}
.overlayimg{
float: left;
width: 100%;
position: relative;
	}
.overlayimg::before{
	    position:absolute;
	background:transparent url("images/design.png") no-repeat scroll 0 0 / 100% 100%;
	z-index:2;
	content:"";
	
	left: 50%;
top: 50%;
height: 75%;
width: 36%;	
	transform: translate(-50%, -50%);
	}

</style>
<section id="home">
			<div class="block" style="padding-bottom:0px;">
				<div class="row">
					<div class="col-md-12">
						<div class="banner-wrapper">
								<!--<div class="overlayimg">-->
                                <video id="videoID" autoplay loop muted loop poster="images/bg2.jpg" style="width:100%;">
				                    <source src="video/bg.mp4" type="video/mp4">
				                </video>
<div class="overlay">
        <img src="images/logo.png" />

    </div>
    									<!--</div>-->
							
							<a  class="page-scroll go-down wow zoomIn" href="#couple" title=""><img src="images/down-arrow.png" alt="" /></a>
						</div><!-- Banner Wrapper -->
					</div>
				</div>
			</div>
		</section>

		<section id="couple">
			<div class="block zigzag2 gray">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="loveria-intro">
								<div class="person-intro">
									<div class="person-img wow fadeInLeft">
										<img src="images/about1.jpg" alt="About Us" />
										<div class="socials">
											<a href="https://www.facebook.com/p/Shah-Farms-100077738821042/" title="facebook" target="_blank"><i class="fa fa-facebook"></i></a>
											<a href="http://twitter.com/" title="twitter" target="_blank"><i class="fa fa-twitter"></i></a>
											<a href="http://youtube.com/" title="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a>
											<a href="http://plus.google.com/" title="google plus" target="_blank"><i class="fa fa-google-plus"></i></a>
										</div>
									</div>
									<div class="person-detail">
										<h3>Welcome</h3>
										<h4>Shah Farms</h4>
										<p>
                                        Lavish Comfy pure Style Shah Farms provides Event Management services. Lush Green Lawns for Marriages and Parties and also provide services like Catering, Florist Decoration, Musical Parties and Infrastructure.
                                        </p>
										<strong>Our main goal is to create an exuberant and high spirited atmosphere that allows the guest to feel relaxed, calm and comfortable.</strong>
										<a href="about-us.php" title="">Read More</a>
									</div>
								</div><!-- Person Intro -->
								<div class="person-intro">
									<div class="person-detail">
										<h3>Services</h3>
										<h4>Infrastructure & Facilities</h4>
										<p>
                                        The Banquet halls perfectly suited for special occasion. From weddings and formal receptions to aniversaries and Birthdays. We can put together a special presentation for you according to your need.
                                        </p>
										<strong>Shah Farms Resort offer a variety of well appointed accommodation ranging from standard rooms to suits that will suite every budget.</strong>
										<a href="about-us.php" title="">Read More</a>
									</div>
									<div class="person-img wow fadeInLeft">
										<img src="images/about2.jpg" alt="about us" />
										<div class="socials">
											<a href="https://www.facebook.com/p/Shah-Farms-100077738821042/" title="facebook" target="_blank"><i class="fa fa-facebook"></i></a>
											<a href="http://twitter.com/" title="twitter" target="_blank"><i class="fa fa-twitter"></i></a>
											<a href="http://youtube.com/" title="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a>
											<a href="http://plus.google.com/" title="google plus" target="_blank"><i class="fa fa-google-plus"></i></a>
										</div>
									</div>
								</div><!-- Person Intro -->
							</div><!-- Loveria Intro -->
						</div>
					</div>
				</div>
			</div>
		</section>

		<section id="facilities">
			<div class="block remove-gap">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="loveria-story">
								<div class="creative-title clearfix">
									<span>We <img src="images/heart-icon2.png" alt="" /> love </span>
									<h2 class="wow fadeInUp">Our Resort</h2>
								</div>
								<div class="story-carousel">
                                 
									<div data-hash="story1" class="story-slide">
                <div class="story">
                        <div class="story-img"><img src="images/story1a.jpg" alt="" /> 
                        </div>
                        <div class="story-detail">
                            <h3>Banquet Halls</h3>
                            <p>Book Banquet Hall for Your weddings, Anniversaries, birthdays and all types of events...</p>
                            <a class="rm" href="about-us.php" title="">Read more</a>
                        </div>
                </div>
                <div class="story">
                        <div class="story-img"><img src="images/story1b.jpg" alt="" /> 
                        </div>
                        <div class="story-detail">
                            <h3>Sprawling Lawns</h3>
                            <p>The sprawling lawns of Shah Farms Resort are the ideal venue to host large gathering and grand social events. ...</p>
                            <a class="rm" href="about-us.php" title="">Read more</a>
                        </div>
                </div>

									</div><!-- Story Slide -->


									<div data-hash="story2" class="story-slide">
                    <div class="story">
                        <div class="story-img"><img src="images/story2a.jpg" alt="" /> 
                        </div>
                        <div class="story-detail">
                            <h3>Accommodation</h3>
                            <p>We offer a variety of well appointed accommodation to suits that will suite every budget....</p>
                            <a class="rm" href="about-us.php" title="">Read more</a>
                        </div>
                    </div>
                    <div class="story">
                        <div class="story-img"><img src="images/story2b.jpg" alt="" /> 
                        </div>
                        <div class="story-detail">
                            <h3>Ample Parking</h3>
                            <p>Ample parking facility for two-wheeler and four-wheelers...</p>
                            <a class="rm" href="about-us.php" title="">Read more</a>
                        </div>
                    </div>

									</div><!-- Story Slide -->


								</div>
								<div class="banner-counts">
									<a class="url active" href="#story1" title="">01.</a>
									<a class="url" href="#story2" title="">02.</a>
								</div>
							</div><!-- Loveria Story -->
						</div>
					</div>
				</div>
			</div>
		</section>
<style type="text/css">
	.event-slide.dg-center img{
		box-shadow:4px 4px 12px rgba(0,0,0,0.8);
	}
</style>
		<section id="events">
			<div class="block gray">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2 class="shadow-title wow fadeInUp">Events</h2>
							<div class="loveria-events">
								<div id="dg-container" class="dg-container">
									<div class="dg-wrapper">
										
                                        <div class="event-slide">
											<img src="images/events/event-img1.jpg" alt="Banquet Hall">
											<div class="event-info">
												<img src="images/pointer.png" alt="" />
												<h3>Banquet Hall</span></h3>
												<div class="stars">
													<!--<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-empty"></i>-->
												</div>
												<p>Shah Farms Resort</p>
												<a href="contact-us.php" title="">Read more..</a>
											</div>
										</div><!-- Event Slide -->
										
                                        <div class="event-slide">
											<img src="images/events/event-img2.jpg" alt="Food Court">
											<div class="event-info">
												<img src="images/pointer.png" alt="" />
												<h3>Food Court</span></h3>
												<div class="stars">
													<!--<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-empty"></i>-->
												</div>
												<p>Shah Farms Resort</p>
												<a href="contact-us.php" title="">Read more..</a>
											</div>
										</div><!-- Event Slide -->
										
                                        <div class="event-slide">
											<img src="images/events/event-img3.jpg" alt="Lawn At Shah Farms">
											<div class="event-info">
												<img src="images/pointer.png" alt="" />
												<h3>Lawn At Shah Farms</span></h3>
												<div class="stars">
													<!--<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-empty"></i>-->
												</div>
												<p>Shah Farms Resort</p>
												<a href="contact-us.php" title="">Read more..</a>
											</div>
										</div><!-- Event Slide -->
										
                                        <div class="event-slide">
											<img src="images/events/event-img4.jpg" alt="Decoration">
											<div class="event-info">
												<img src="images/pointer.png" alt="" />
												<h3>Decoration</span></h3>
												<div class="stars">
													<!--<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-empty"></i>-->
												</div>
												<p>Shah Farms Resort</p>
												<a href="contact-us.php" title="">Read more..</a>
											</div>
										</div><!-- Event Slide -->
                                        
                                        
									</div>
									<div class="event-nav">
										<span class="dg-prev wow fadeIn"><i>PREV</i></span>
										<span class="dg-next wow fadeIn"><i>NEXT</i></span>
									</div>
								</div>
 							</div><!-- Loveria Events -->
						</div>
					</div>
				</div>
			</div>
		</section>

		<section id="infrastructure">
			<div class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2 class="pink-title">Infrastructure</h2>

							<div class="loveria-memories">
								<div class="memories-carousel">	
                     		 				<div data-hash="infrastructure1" class="slide"><img src="images/infra/memory1.jpg" alt="infrastructure1" /></div>
                     		 				<div data-hash="infrastructure2" class="slide"><img src="images/infra/memory2.jpg" alt="infrastructure2" /></div>
                     		 				<div data-hash="infrastructure3" class="slide"><img src="images/infra/memory3.jpg" alt="infrastructure3" /></div>
                     		 				<div data-hash="infrastructure4" class="slide"><img src="images/infra/memory4.jpg" alt="infrastructure4" /></div>
                  				</div>
				            <div class="gallery-thumbs">
	                <a class="url" href="#infrastructure1" title=""><img src="images/infra/small/memory1.jpg" alt="infrastructure1" /></a>
	                  <a class="url" href="#infrastructure2" title=""><img src="images/infra/small/memory2.jpg" alt="infrastructure2" /></a>
	                  <a class="url" href="#infrastructure3" title=""><img src="images/infra/small/memory3.jpg" alt="infrastructure3" /></a>
	                  <a class="url" href="#infrastructure4" title=""><img src="images/infra/small/memory4.jpg" alt="infrastructure4" /></a>
	              				</div>


							</div><!-- Loveria Memories -->
						</div>
					</div>
				</div>				
			</div>
		</section>

		<section id="Contact">
			<div class="block gray zigzag3">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2 class="shadow-title style2">Contact</h2>

							<div class="rsvp-form">
				                <h5 class="curved">For Booking</h5>
								<div class="wed"><strong>Events</strong></div>
								<form method="post" action="https://www.shahfarms.in/formmail.php" id="contact-form">
									<div class="row">
										<div class="col-md-6"><input type="text" placeholder="name" name="name"  /></div>
										<div class="col-md-6"><input type="text" placeholder="mail" name="email"  /></div>
										<div class="col-md-6"><input type="text" placeholder="no. guests" name="guest"  /></div>
										<div class="col-md-6"><input type="text" placeholder="mobile" name="phone" /></div>
										<div class="col-md-12"><input type="text" placeholder="text" name="message" /></div>
										<div class="col-md-12"><textarea></textarea></div>
										<div class="col-md-12"><button class="pink-btn">Send</button></div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		



		<section>
			<div class="block  bluish zigzag3">
				<div class="fixed-bg bg2"></div>
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="bottom-line">
								<strong class="wow fadeInUp">Shah Farms</strong>
								<span class="wow fadeInUp">Shah Farms Naushehra Pannuan</span>
							</div><!-- Bottom Line -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="container">
				<p>© 2025 Developed by <a href="""" title="Shah Farms Naushehra Pannuan" target="_blank">shahfarms</a></p>

				<div class="simple-socials">
				<a href="https://www.facebook.com/p/Shah-Farms-100077738821042/" title="facebook" target="_blank"><i class="fa fa-facebook"></i></a>
				<a href="http://twitter.com/" title="twitter" target="_blank"><i class="fa fa-twitter"></i></a>
				<a href="http://youtube.com/" title="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a>
				<a href="http://plus.google.com/" title="google plus" target="_blank"><i class="fa fa-google-plus"></i></a>
				</div>
			</div>
		</footer><!-- Footer -->

	</div>

 	<script src="js/modernizr.custom.53451.js"></script>
 	<script src="js/jquery.min.js"></script>
 	<script src="js/bootstrap.min.js"></script>
 	<script src="js/owl.carousel.min.js"></script>

	<script src="js/jquery.classycountdown.js"></script>
	<script src="js/jquery.knob.js"></script>
	<script src="js/jquery.throttle.js"></script>

	<script type="text/javascript" src="js/jquery.gallery.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/circletype.js"></script>

    <script src="js/wow.min.js"></script>

	<script src="js/script.js" type="text/javascript"></script>
    <!-------------------------Form Validate-------------------------->
    <script src="js/validate.js" type="text/javascript"></script>
    <script src="js/validate-form.js" type="text/javascript"></script>
    <script src="js/validate-script.js" type="text/javascript"></script>
</body>



</html>