﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="" />
	<meta name="author" content="" />
	<meta name="robots" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stairs & Rails Installation Santa Clara - Stair Rail Repair Almaden Valley</title>
<meta name="description" content="Almaden Stairs & Rails Inc. is a stair & rail installation and repair company providing services in Almaden Valley, Willow Glen, Los Gatos, Saratoga, Campbell, Cupertino, Santa Clara, and surrounding areas" />

	<meta name="format-detection" content="telephone=no">
	
	<!-- FAVICONS ICON -->
	<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
	
    <!-- magnific-popup css cdn link  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">

    <!-- custom css file link  -->
    <link rel="stylesheet" href="css/style.css">
	<!-- PAGE TITLE HERE -->
	<title>Stairs & Rails Installation Santa Clara - Stair Rail Repair Almaden Valley</title>
	
	<!-- MOBILE SPECIFIC -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	
	<!-- STYLESHEETS -->
	
	<link rel="stylesheet" type="text/css" href="css/templete.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
	
	
	<!-- REVOLUTION STYLE SHEETS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="style.css" rel="stylesheet">
	<link href="style-banner.css" rel="stylesheet">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
	 *{
    margin: 0; padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    transition:all .2s cubic-bezier(.34,1.12,.68,1.31);
}
.page-wraper {
  background: #eee;
}
.gallery{
    min-height: 100vh;
    background:#202020;
    padding-bottom:40px;
}

.gallery .controls{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding:20px 0;
    list-style: none;
	
}

.gallery .controls .buttons{
    height:30px;
    width: 80px;
    background:#202020;
    color:#fff;
    font-size: 15px;
	font-weight: 500;
    line-height: 30px;
    cursor: pointer;
    margin:10px;
   
    text-align: center;
	border-radius: 30px;
}

.gallery .controls .buttons.active{
    background:rgb(95, 95, 95);
    color:#fff;
}

.gallery .image-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.gallery .image-container .image{
    height:250px;
    width: 350px;
    overflow: hidden;
    border:5px solid #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    margin: 20px;
}

.gallery .image-container .image img{
    height: 100%;
    width:100%;
    object-fit: cover;
}

.gallery .image-container .image:hover img{

}
.testimonial{
    text-align: center;
}
.testimonial .pic{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.testimonial .pic img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.testimonial .testimonial-title{
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #0c4767;
    margin: 0 0 10px 0;
}
.testimonial .testimonial-title small{
    font-size: 15px;
    font-weight: 600;
    color: #787878;
}
.testimonial .description{
    font-size: 14px;
    color: #787878;
    line-height: 27px;
    position: relative;
    margin: 0;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 46%;
    font-size: 20px;
    color: #fa7921;
    line-height:33px;
    border: 2px solid #fa7921;
}
.owl-theme .owl-controls .owl-page span{
    background: #fff;
    border: 2px solid #0c4767;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
    border: 2px solid #fa7921;
}
    
    #masonry {
                width: 100%;
                padding: 0;
                margin: 0;
            }
            
            #masonry li.card-container {
                width: 33.33%;
                position: static;
                padding: 0px 15px 0px 15px;
                margin: 0;
                list-style-type:  none;
            }
     
     @media screen and (max-width: 767px) {
         #masonry li.card-container {
                width: 50%;
            }
     }
     
     @media screen and (max-width: 480px) {
         #masonry li.card-container {
                width: 100%;
            }
     }
	 .btn.btn-aware span {
    background-color: #fff;
	 }
    </style>
	
	
	<!-- Google Font -->
	<style>
	@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
	</style>
	
</head>
<body id="bg">
<div class="page-wraper">

	<!-- header -->
    <header class="site-header mo-left header-full header header-transparent">
		<!-- main header -->
        <div class="sticky-header main-bar-wraper navbar-expand-lg">
            <div class="main-bar clearfix ">
                <div class="container-fluid">
					<div class="header-content-bx">
						<!-- website logo -->
						<!--<div class="logo-header">
							<a href="index.html"><img src="images/logo-stair.png" alt=""/></a>
						</div>-->
						<div class="extra-nav">
							<div class="extra-cell">
								<ul>
									<li class="search-btn">
										<a href="javascript:;" class="btn radius-xl white menu-icon">
											<div class="menu-icon-in">
												<span></span>
												<span></span>
												<span></span>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
            </div>
        </div>
		<style>
	
			
	.logo-header img {
		max-width: 130% !important;
border: 2px solid white;
border-radius: 90px;
padding: 5px;
background-color: #fff;
}
.social-menu.ft {
    padding-left: 0px;
    padding-top: 10px;
}
.scroltop.fa.fa-chevron-up {
    display: none !important;
}
            
footer .widget ul {
    list-style: none;
    margin-top: -5px !important;
}
.carousel-item {
   transition-duration: 2s;
 }
@media only screen and (max-width: 600px) {
.social-menu.ft {
    text-align: center !important;
    padding-right: 5px;
}
  .des{
	  display: none !important;
  }

	
}
@media only screen and (min-width: 1200px) {
	.mob{
	  display: none !important;
  }
}
.yelp-icon {
    text-align: center !important;
}	
.jssorb132 .i .b {
    fill: #fff;
    fill-opacity: 0.8;
    stroke: #000;
    stroke-width: 1600;
    stroke-miterlimit: 10;
    stroke-opacity: 0.7;
    display: none;
}
.at-expanding-share-button .at-expanding-share-button-toggle-bg {
        display: none;
}
.fa.fa-yelp.fa-2x {
  color: #d32323;
}
.fa.fa-houzz.fa-2x {
  color: #4ebc16;
}
.content-inner-2 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #202020;
}
.fa{
	font-size:23px;
}
li.btn.active {
    background-color: white;
    padding: 10px;
    border-radius: 23px;
}
.filter-style1 li a, .filter-style2 li a {
  color: #fff;}
  li.btn.active {
  background-color: gray;
  padding: 5px 15px;
  border-radius: 20px;}
  .site-filters li {
    font-size: 13px;
}
.gallery {
  padding-top: 10px;
}
.bt-buy-now.theme-btn {
  display: none !important;
}
.bt-support-now.theme-btn {
  display: none !important;
}
	@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
		</style>
		
		<div class="header-nav navbar-collapse collapse full-sidenav content-scroll">
		<br>
			<ul class="nav navbar-nav">	                                                                          
				<li class="active"><a href="index.html">Home </a>
					
				</li>
				<li><a href="about-us.html">About Us</a>
					
				</li>
				<li><a href="services.html">Services</a>
				
				</li>
				<li><a href="portfolio.html">Portfolio</a>
					
				</li>
				<li><a href="faq.html">FAQ</a>
					
				</li>
				<li><a href="stair-anatomy.html">Stair Anatomy</a>
					
				</li>
				<li><a href="glossary.html">Glossary</a>
					
				</li>
			 
				<li><a href="https://www.almadenstairandrail.co/stair_design_tool.html" target="_blank">Stair Design Tool</a>
					
				</li>
				<li><a href="contact-us.html">Contact Us</a>
					
				</li>
			</ul>
			
		</div>
		<div class="menu-close">
			<span>X</span>
		</div>
        <!-- main header END -->
		
    </header>
	
	<!-- Start Banner 
    ============================================= -->
    <div class="banner-area heading-exchange text-dark">
        <div id="bootcarousel" class="carousel inc-top-heading slide carousel-fade animate_text" data-ride="carousel">
            <!-- Wrapper for slides -->
            <div class="carousel-inner carousel-zoom">
                <div class="item active" data-interval="12000">
                    <div class="slider-thumb bg-cover" style="background-image: url(images/project/sli1.jpg);"></div>
                    <div class="box-table">
                        <div class="box-cell">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="content">
                                            <!---<h1 data-animation="animated fadeInUp">Best <span>Care</span></h1>-->
                                            <h2 data-animation="animated fadeInDown">ALMADEN STAIR AND RAIL INC.</h2>
                                            <p data-animation="animated slideInUp">
                                              <!--  The ourselves suffering the sincerity. Inhabit her manners adapted age certain.<br> Debating offended at branched striking be subjects.-->
                                            </p>
                                           <!-- <a data-animation="animated slideInUp" class="btn btn-theme effect btn-md" href="#">View Details</a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item" data-interval="12000">
                    <div class="slider-thumb bg-cover" style="background-image: url(images/project/sli2.jpg);"></div>
                    <div class="box-table">
                        <div class="box-cell">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="content">
											<h2 data-animation="animated fadeInDown">ALMADEN STAIR AND RAIL INC.</h2>
                                            <p data-animation="animated slideInUp">
                                              <!--  The ourselves suffering the sincerity. Inhabit her manners adapted age certain.<br> Debating offended at branched striking be subjects.-->
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="item" data-interval="12000">
                    <div class="slider-thumb bg-cover" style="background-image: url(images/project/sli3.jpg);"></div>
                    <div class="box-table">
                        <div class="box-cell">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="content">
											<h2 data-animation="animated fadeInDown">ALMADEN STAIR AND RAIL INC.</h2>
                                            <p data-animation="animated slideInUp">
                                              <!--  The ourselves suffering the sincerity. Inhabit her manners adapted age certain.<br> Debating offended at branched striking be subjects.-->
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item" data-interval="12000">
                    <div class="slider-thumb bg-cover" style="background-image: url(images/project/sli4.JPG);"></div>
                    <div class="box-table">
                        <div class="box-cell">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="content">
                                            <h2 data-animation="animated fadeInDown">ALMADEN STAIR AND RAIL INC.</h2>
                                            <p data-animation="animated slideInUp">
                                              <!--  The ourselves suffering the sincerity. Inhabit her manners adapted age certain.<br> Debating offended at branched striking be subjects.-->
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Wrapper for slides -->

            <!-- Left and right controls -->
            <a class="left carousel-control" href="#bootcarousel" data-slide="prev">
                <i class="fa fa-angle-left"></i>
            <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#bootcarousel" data-slide="next">
                <i class="fa fa-angle-right"></i>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!-- End Banner -->
	
    <!-- header END -->
    <!-- Content -->
	
			<div style="background: #202020; width: 100%; display: inline-block;">
				<div class="section-head text-center">
					<br></br>
					<h2 class="head-title" style="color:#fff";>Quality Is Our #1 Priority</h2>

					<p style="color:#ffffff;">Almaden Stair and Rail Inc. will help turn your vision into a reality. </p>
					<br>
					<a href="contact-us.html#contact"><img src="images/free-consultation.png" alt="unique stairs"></img></a>
					</div>
			
		</div>
		<div class="gallery">
			<div class="image-container">
				<a href="images/gallery/glass-gallery/glass-gallery-1.jpg" class="image glass-gallery">
					<img src="images/gallery/glass-gallery/glass-gallery-1.jpg" alt="glass stairs and railing">
				</a>
				<a href="images/gallery/glass-gallery/glass-gallery-2.jpg" class="image glass-gallery">
					<img src="images/gallery/glass-gallery/glass-gallery-2.jpg" alt="remodel stairs">
				</a>
				<a href="images/gallery/metal-gallery/metal-gallery-1.jpg" class="image metal-gallery">
					<img src="images/gallery/metal-gallery/metal-gallery-1.jpg" alt="install metal stairs">
				</a>
				<a href="images/gallery/metal-gallery/metal-gallery-2.jpg" class="image metal-gallery">
					<img src="images/gallery/metal-gallery/metal-gallery-2.jpg" alt="steel staircase sanjose">
				</a>
				<a href="images/gallery/wood-gallery/wood-gallery-1.jpg" class="image wood-gallery">
					<img src="images/gallery/wood-gallery/wood-gallery-1.jpg" alt="wooden railing ideas">
				</a>
				<a href="images/gallery/wood-gallery/wood-gallery-2.jpg" class="image wood-gallery">
					<img src="images/gallery/wood-gallery/wood-gallery-2.jpg" alt="Wooden spiral staircase">
				</a>
			</div>
	
		
		<!-- jquery cdn link  -->
		
			
		</body>
		</html>
			
			</div>
			<div style="background: #202020; width: 100%; display: inline-block;">
			<div class="m-t10 text-center" >
						
				<a href="portfolio.html" class="btn outline outline-2 button-lg white radius-xl btn-aware btn-aware">View Portfolio<span></span></a>
			<br></br></div>
		<br></br></div>
			<div class="section-full bg-white content-inner video-sction" style="background-image:url(images/background/bg1.jpg); background-size: cover;">
                <div class="container">
                    <div class="section-head text-center">
						<h2 class="head-title m-b10">Why Almaden Stair & Rail Inc?</h2>
						<p style="color:#595959"; >We offer significant savings for you both during design and installation phases. We have worked on a wide variety of projects, starting from the most basic requirements for a budget home to complex high-end projects.</p>
					</div>
					
					<div class="row">
						<div class="col-lg-3 col-md-6 col-sm-6">
							<div class="">
								<div class="dlab-media"> 
									<br>
									<img src="images/gallery/pic1_003.jpg" alt="stair fixing">
									
								</div>
								<br></br>
							</div>
						</div>
						<br>
						<div class="col-lg-3 col-md-6 col-sm-6">
							<div class="">
								<div class="dlab-media"> 
									<img src="images/gallery/pic2_004.jpg" alt="update stair design">
									
								</div>
								<br></br>
							</div>
						</div>
						
						<div class="col-lg-3 col-md-6 col-sm-6" >
							<div class="">
								<div class="dlab-media"> 
									<img src="images/gallery/pic3_003.jpg" alt="install new stairs">
								
								</div>
							</div>
							<br></br>
						</div>
						
						<div class="col-lg-3 col-md-6 col-sm-6" >
							<div class="">
								<div class="dlab-media"> 
									<img src="images/gallery/pic5.jpg" alt="remodeling stairs and rails">
									
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>	
		
		
		<div class="container" >
			<div class="row">
				<div class="col-md-12">
					<div class="section-head text-center">
						<h2 class="head-title m-b10">Testimonials</h2></div>
				
					<div id="testimonial-slider" class="owl-carousel owl-theme">
	
						<div class="testimonial">
							
						
							<p class="description">
								Steve at Almaden Stair and Rail, is exactly kind of contractor you want working in your home. He's extremely knowledgeable, does all of his own work, and pays attention to every detail. To top it off, Steve's a very nice guy; a pleasure to have working in one's home. We couldn't be happier with our beautiful new staircase.</p>

 						<h3 class="testimonial-title">
								Sarah M.<small></small>
							</h3>
						</div>



						<div class="testimonial">
							
						
							<p class="description">
								Almaden Stair and Rail did a wonderful job on our stair case. Steve is hands-on with the designs and has an eye for detail and is very transparent in his working style. He also is direct as to what can be expected based on the constraints of your project. Our project was a glass stair rail and the work was impeccable. I recommend Almaden Stair and Rail without any reservation!	</p>
								
								<h3 class="testimonial-title">
								Samuel H.<small></small>
							</h3>
						</div>
						<div class="testimonial">
							
						
							<p class="description">
								Steve was a pleasure to work with from start to finish. He provided many great options at different price points, communicated well throughout the entire process and, most importantly, his workmanship is impeccable. Everything was completed neatly and perfectly, with attention to detail. I wish we had done this project years ago!</p>
							<h3 class="testimonial-title">
								Christa T.<small></small>
							</h3>
						</div>
					
						
						<div class="testimonial">
							
						
							<p class="description">
								We stripped and stained our curved staircase and replaced all the balustrades with decorative iron banisters. Steve walked us through step-by-step from design to the installation, and he recommended a staircase painter whom he worked with, and we cannot be more happy with the result. He's professional, meticulous, responsive, and a true pleasure to work with!</p>
							<h3 class="testimonial-title">
								Johnson F<small>, Fremont, CA</small>
							</h3>
						</div>
		 
						<div class="testimonial">
							
							
							<p class="description">
								Steve installed a new staircase rail for us during a major remodel of our home. Steve responded to my initial call in a timely manner and came to the job site to measure the area for a new rail. He gave me multiple options with different pricing so I could comfortably choose something in our budget, with a design and material that went along with he overall feel of our home.
							</p>
							<h3 class="testimonial-title">
								Aura P<small>, Client San Jose</small>
							</h3>
						</div><div class="testimonial">
							
						
							<p class="description">
								Steve helped to build the stair rail for my remodeled house. It was a truly enjoyable experience working with Steve. He spelled all the details I didn't think about but are important for the success of the project. Steve communicated with a clear scope and estimation. The actual job was to be done several months after we discussed it. Steve remembered all the details. The result was amazing, beautiful with high quality!</p>	
								
								<h3 class="testimonial-title">
								Peter X<small>, Palo Alto, CA</small>
							</h3>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		</div>
    </div>

<div style="padding: 60px 20px 20px 20px; text-align: center;" class="sa"><p><font color="#000000;"><b>Service Areas: Almaden Valley, Willow Glen, Los Gatos, Saratoga, Campbell, Cupertino, Santa Clara, and surrounding areas.</b></font></p></div>	

	<!-- Content END-->
	
	<!-- Footer -->
    <!-- Footer -->
    <footer class="site-footer archi-footer">
		<div class="footer-gallery owl-carousel owl-none mfp-gallery-with-owl">
			
			
			
			
		</div>
		
		
		
		
		<div class="footer-top" style="background-image: url(images/background/bg5.png); background-size: cover; background-position: 0 -150px;">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="widget widget-info">
							<h6 class="title text-primary text-uppercase">Call Us</h6>
							<p><span class="font-weight-600">Phone:</span>  <a href="tel:408-997-2215">408-997-2215</a></p>
							
						</div>
					</div>
					<div class="col-md-3">
						<div class="widget widget-info">
							<h6 class="title text-primary text-uppercase">Email Us</h6>
							<p><a href="mailto:steveasr@outlook.com">steveasr@outlook.com</a></p>
							
						</div>
					</div>
					<div class="col-md-3">
						<div class="widget widget-info">
							<h6 class="title text-primary text-uppercase">Mailing Address</h6>
							<p>P.O. BOX 41152, <br> San Jose, CA 95160</p>
						</div>
					</div>
					<div class="col-md-3">
						<div class="widget widget-info">
							<h6 class="title text-primary text-uppercase">  Follow Us</h6>
						
							<div class="social-menu ft">
								<a href="http://www.yelp.com/biz/almaden-stair-and-rail-san-jose" target="_blank"><i class="fa fa-yelp fa-2x"></i></a> &nbsp;<a href="https://www.houzz.com/professionals/staircases-and-railings/almaden-stair-and-rail-inc-pfvwus-pf~128174368" target="_blank">	<i class="fa fa-houzz fa-2x"></i></a>

								
								

							
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>	
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-8 text-center">
				
					
					<p class="des" style="font-size:14px;">Copyright © 2022. Almaden Stair & Rail Inc. All Rights Reserved. </p><p class="mob" style="font-size:14px;">Copyright © 2022. Almaden Stair & Rail Inc. <br>All Rights Reserved. </p></div>	<div class="col-md-4"><p style="font-size:14px;">Powered by&nbsp;<a href="https://www.localbiznetwork.com" target="_blank">LocalBizNetwork, LLC</a></p></div>
				</div>
			</div>
        </div>
    </footer>
    <!-- Footer END-->
    <!-- Footer END-->
    <button class="scroltop fa fa-chevron-up" ></button>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/combining.js"></script><!-- COMBINING JS  -->
<script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/main.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		
		<!-- magnific popup js cdn link  -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
		
		<script>
		
		$(document).ready(function(){
		
			$('.buttons').click(function(){
		
				$(this).addClass('active').siblings().removeClass('active');
		
				var filter = $(this).attr('data-filter')
		
				if(filter == 'all'){
					$('.image').show(400);
				}else{
					$('.image').not('.'+filter).hide(200);
					$('.image').filter('.'+filter).show(400);
				}
		
			});
		
			$('.gallery').magnificPopup({
		
				delegate:'a',
				type:'image',
				gallery:{
					enabled:true
				}
		
			});
		
		});
		
		</script>
	<script type="text/javascript" src="js/owl.carousel.js"></script>
	 <script>
            $(document).ready(function() {
              var owl = $('.owl-carousel');
              owl.owlCarousel({
                items: 1,
                loop: true,
                margin: 10,
                  dots: true,                  
                nav: false,
                
                autoplaySpeed:400,                    
                autoplayTimeout: 17000,
                autoplayHoverPause: true,
                autoplay: true  
                  
              });
            })
          </script>


    


	

</body>
</html>
