<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Potrerohillsf.com</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

</head>
<body>

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    <!-- Main Header-->
    <header class="main-header header-style-three">
    	<!--Header-Upper-->
        <div class="header-upper">
        	<div class="auto-container">
            	<div class="clearfix">
                	<div class="pull-left logo-box">
                    	<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title=""></a></div>
                    </div>
                   	<div class="nav-outer clearfix">
						<!-- Main Menu -->
						<nav class="main-menu navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li class="dropdown"><a href="#about">About Us</a></li>
									<li class="dropdown"><a href="#services">Services</a></li>
									<li><a href="#unsubscribe">Unsubscribe</a></li>
									<li><a href="privacy.html">Privacy Policy</a></li>
									<li><a href="disclaimer.html">Disclaimer</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</div>
						</nav>
					</div>
                </div>
            </div>
        </div>
        <!--End Header Upper-->
    </header>
    <!--End Main Header -->
	<!-- Banner Section Three -->
    <section class="banner-section-three" style="background-image: url(images/background/1.jpg)">
		<!-- Icons -->
		<div class="icons parallax-scene-1">
			<!-- Icon One -->
			<div data-depth="0.20" class="icon-one parallax-layer" style="background-image:url(images/icons/icon-1.png)"></div>
			<!-- Icon Two -->
			<div data-depth="0.50" class="icon-two parallax-layer" style="background-image:url(images/icons/icon-2.png)"></div>
			<!-- Icon Three -->
			<div data-depth="0.10" class="icon-three parallax-layer" style="background-image:url(images/icons/icon-3.png)"></div>
			<!-- Icon Four -->
			<div data-depth="0.30" class="icon-four parallax-layer" style="background-image:url(images/icons/icon-4.png)"></div>
			<!-- Icon Five -->
			<div data-depth="0.10" class="icon-five parallax-layer" style="background-image:url(images/icons/icon-5.png)"></div>
			<!-- Icon Six -->
			<div data-depth="0.20" class="icon-six parallax-layer" style="background-image:url(images/icons/icon-6.png)"></div>
			<!-- Icon Seven -->
			<div data-depth="0.10" class="icon-seven parallax-layer" style="background-image:url(images/icons/icon-7.png)"></div>
		</div>
		<div class="auto-container">
			<div class="row clearfix">	
				<!-- Content Column -->
				<div class="content-column col-lg-12 col-md-12 col-sm-12">
					<div class="inner-column">
						<h1>Your constru ction needs,our expertise.</h1>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section>
	</section>
	<!--End Banner Section-->
	<!-- Services Section Three -->
    <section id="about" class="services-section-three">
		<!-- Icons -->
		<div class="icons parallax-scene-2">
			<!-- Icon One -->
			<div data-depth="0.20" class="icon-one parallax-layer" style="background-image:url(images/icons/icon-1.png)"></div>
			<!-- Icon Two -->
			<div data-depth="0.50" class="icon-two parallax-layer" style="background-image:url(images/icons/icon-2.png)"></div>
			<!-- Icon Three -->
			<div data-depth="0.10" class="icon-three parallax-layer" style="background-image:url(images/icons/icon-3.png)"></div>
			<!-- Icon Four -->
			<div data-depth="0.30" class="icon-four parallax-layer" style="background-image:url(images/icons/icon-4.png)"></div>
			<!-- Icon Five -->
			<div data-depth="0.10" class="icon-five parallax-layer" style="background-image:url(images/icons/icon-5.png)"></div>
			<!-- Icon Six -->
			<div data-depth="0.20" class="icon-six parallax-layer" style="background-image:url(images/icons/icon-8.png)"></div>
			<!-- Icon Seven -->
			<div data-depth="0.10" class="icon-seven parallax-layer" style="background-image:url(images/icons/icon-7.png)"></div>
		</div>
        <div class="auto-container">
            <!-- Sec Title -->
			<div class="sec-title centered">
				<div class="title style-four">About</div>
				<h2>About Us</h2>
			</div>
			<div class="row clearfix">
				<!-- Services Block Three -->
				<div class="services-block-three col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="icon-box">
							<span class="icon flaticon-report"></span>
						</div>
						<h3><a>Social Media Marketing</a></h3>
						<div class="text">Ignite your brand's social presence with our strategic solutions, crafting engaging narratives that resonate across platforms for maximum impact.</div>
					</div>
				</div>
				 <!-- Services Block Three -->
				<div class="services-block-three active col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="icon-box">
							<span class="icon flaticon-www"></span>
						</div>
						<h3><a>Link Building Services</a></h3>
						<div class="text">Elevate your online presence with our targeted link-building strategies, ensuring your website climbs the ranks and shines in the competitive digital landscape</div>
					</div>
				</div>
				   <!-- Services Block Three -->
				<div class="services-block-three col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="icon-box">
							<span class="icon flaticon-sketch"></span>
						</div>
						<h3><a>Virtual Marketing</a></h3>
						<div class="text">Redefine your brand's digital reach with our innovative virtual marketing strategies, connecting with your audience seamlessly in the virtual landscape.</div>
					</div>
				</div>
			</div>
        </div>
    </section>
    <!-- End Services Section Three -->
	<!-- Website Section Three -->
	<section class="website-section-three" style="background-image: url(images/background/2.jpg)">
		<div class="icons parallax-scene-3">
			<!-- Icon One -->
			<div data-depth="0.20" class="icon-one parallax-layer" style="background-image:url(images/icons/icon-1.png)"></div>
			<!-- Icon Two -->
			<div data-depth="0.50" class="icon-two parallax-layer" style="background-image:url(images/icons/icon-2.png)"></div>
			<!-- Icon Three -->
			<div data-depth="0.10" class="icon-three parallax-layer" style="background-image:url(images/icons/icon-3.png)"></div>
			<!-- Icon Four -->
			<div data-depth="0.30" class="icon-four parallax-layer" style="background-image:url(images/icons/icon-4.png)"></div>
			<!-- Icon Five -->
			<div data-depth="0.10" class="icon-five parallax-layer" style="background-image:url(images/icons/icon-5.png)"></div>
			<!-- Icon Six -->
			<div data-depth="0.20" class="icon-six parallax-layer" style="background-image:url(images/icons/icon-8.png)"></div>
			<!-- Icon Seven -->
			<div data-depth="0.10" class="icon-seven parallax-layer" style="background-image:url(images/icons/icon-7.png)"></div>
		</div>
		<div class="auto-container">
			  <div id="unsubscribe" class="unsubscribe-form content-section text-center">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="title clr">Unsubscribe</h3>
					<form class="form" id="unsubscribe-form" method="POST" action="">
						<div class="d-none overlay">
							<div class="text-center middle">
								<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
							</div>
						</div>
						<div class="messages">
												</div>
						<div class="col-lg-12 col-md-12 ">
							<h5 class="text-center">We will be very sad if you decide to go!</h5>
						</div>
						<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
							<div class="form-group">
								<input class="form-control" type="email" name="email" placeholder="Enter your email address" required="required">
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<div style="text-align:center;">
								                                </div>
						</div>
						<div class="col-lg-12 col-md-12 text-center">
							<button class="btn btn-danger-2" type="submit"><span> Unsubscribe </span></button>
						</div> 
					</form>
				</div>
			</div>
		</div>
    </div>
		</div>
	</section>
	<!-- End Website Section Three -->
	<!-- Feature Section Three -->
	<section id="services" class="feature-section-three">
		<div class="auto-container">
			<div class="row clearfix">
				<!-- Title Column -->
				<div class="title-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="patern-layer-one" style="background-image: url(images/background/pattern-10.png)"></div>
						<!-- Sec Title -->
						<div class="sec-title">
							<div class="title style-five">our services</div>
							<h2>We help you increase sales <br> by improving SEO. Some <br> features here.</h2>
						</div>
						<div class="image">
							<img src="images/resource/seo.png" alt="" />
						</div>
					</div>
				</div>
				<!-- Blocks Column -->
				<div class="blocks-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="patern-layer-two" style="background-image: url(images/background/pattern-10.png)"></div>
						<div class="row clearfix">
							<!-- Services Block Four -->
							<div class="services-block-four col-lg-6 col-md-6 col-sm-12">
								<div class="inner-box">
									<div class="icon-box">
										<span class="icon flaticon-phone-call"></span>
									</div>
									<h3><a href="#">24/7 Client Support</a></h3>
									<div class="text">Your success is our priority, and our dedicated support team is always at your service, ensuring prompt assistance for any questions or needs around the clock.</div>
								</div>
							</div>
							<!-- Services Block Four -->
							<div class="services-block-four col-lg-6 col-md-6 col-sm-12">
								<div class="inner-box">
									<div class="icon-box">
										<span class="icon flaticon-start"></span>
									</div>
									<h3><a href="#">Rebust Web Plan</a></h3>
									<div class="text">Empower your digital journey with our dynamic and comprehensive web plans, designed to fortify your online presence and drive lasting success.</div>
								</div>
							</div>
							<!-- Services Block Four -->
							<div class="services-block-four col-lg-6 col-md-6 col-sm-12">
								<div class="inner-box">
									<div class="icon-box">
										<span class="icon flaticon-www"></span>
									</div>
									<h3><a href="#">Think Wisely Now</a></h3>
									<div class="text">Elevate your digital strategy with intelligent thinking. Partner with us for solutions that empower your brand to thrive in the ever-evolving digital landscape.</div>
								</div>
							</div>
							<!-- Services Block Four -->
							<div class="services-block-four col-lg-6 col-md-6 col-sm-12">
								<div class="inner-box">
									<div class="icon-box">
										<span class="icon flaticon-award"></span>
									</div>
									<h3><a href="#">Certified Solutions</a></h3>
									<div class="text">Trust in our expertise. Our solutions are backed by industry certifications, ensuring a level of excellence that meets and exceeds your digital expectations.</div>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Feature Section Three -->
	<!-- Portfolio Section Three -->
	<section class="portfolio-section-three">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<div class="title style-four">Our Portfolio</div>
				<h2>Completed some work for our <br> honorable customers!</h2>
			</div>
			<div class="inner-container">
				<div class="portfolio-carousel-two owl-carousel owl-theme">	
					<!-- Portfolio Block -->
					<div class="portfolio-block">
						<div class="inner-box">
							<div class="image">
								<img src="images/gallery/1.jpg" alt="" />
								<div class="overlay-box">
									<div class="content">
										<h3><a href="#">Best Promotion</a></h3>
										<div class="category">Partner with us to access the best promotion expertise and strategies for your business</div>
										<a href="#" class="link"><span class="icon flaticon-unlink"></span></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- Portfolio Block -->
					<div class="portfolio-block">
						<div class="inner-box">
							<div class="image">
								<img src="images/gallery/2.jpg" alt="" />
								<div class="overlay-box">
									<div class="content">
										<h3><a href="#">Effective Marketing</a></h3>
										<div class="category">Experience the power of our data-driven strategies and effective marketing campaigns.</div>
										<a href="#" class="link"><span class="icon flaticon-unlink"></span></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- Portfolio Block -->
					<div class="portfolio-block">
						<div class="inner-box">
							<div class="image">
								<img src="images/gallery/3.jpg" alt="" />
								<div class="overlay-box">
									<div class="content">		
										<h3><a href="#">Great Strategy</a></h3>
										<div class="category">Trust our expertise in crafting great strategies that drive growth and surpass expectations</div>
										<a href="#" class="link"><span class="icon flaticon-unlink"></span></a>
									</div>
								</div>
							</div>
						</div>
					</div>					
				</div>
			</div>
		</div>
	</section>
	<!-- End Portfolio Section Three -->	
	<!-- Team Section -->
	<section class="team-section">
		<!-- Icons -->
		<div class="icons parallax-scene-4">
			<!-- Icon One -->
			<div data-depth="0.20" class="icon-one parallax-layer" style="background-image:url(images/icons/icon-1.png)"></div>
			<!-- Icon Two -->
			<div data-depth="0.50" class="icon-two parallax-layer" style="background-image:url(images/icons/icon-2.png)"></div>
			<!-- Icon Three -->
			<div data-depth="0.10" class="icon-three parallax-layer" style="background-image:url(images/icons/icon-9.png)"></div>
			<!-- Icon Four -->
			<div data-depth="0.30" class="icon-four parallax-layer" style="background-image:url(images/icons/icon-4.png)"></div>
			<!-- Icon Five -->
			<div data-depth="0.10" class="icon-five parallax-layer" style="background-image:url(images/icons/icon-5.png)"></div>
			<!-- Icon Six -->
			<div data-depth="0.20" class="icon-six parallax-layer" style="background-image:url(images/icons/icon-8.png)"></div>
			<!-- Icon Seven -->
			<div data-depth="0.10" class="icon-seven parallax-layer" style="background-image:url(images/icons/icon-7.png)"></div>
		</div>
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<div class="title style-four">Team Members</div>
				<h2>We are dynamic team <br> and marketing expert.</h2>
			</div>
			<div class="row clearfix">
				<!-- Team Block -->
				<div class="team-block col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="curve"></div>
						<div class="image">
							<img src="images/resource/team-1.jpg" alt="" />
						</div>
						<div class="lower-content">
							<h3><a>David .D</a></h3>
							<div class="designation"><p>We trust Potrerohillsf.com with all our digital needs. Their strategic approach to SEO, design, and marketing has significantly impacted our online presence. They're not just experts; they're partners invested in our success.</p></div>
						</div>
					</div>
				</div>
				<!-- Team Block -->
				<div class="team-block col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="curve"></div>
						<div class="image">
							<img src="images/resource/team-2.jpg" alt="" />
						</div>
						<div class="lower-content">
							<h3><a>Annalisa .S</a></h3>
						<div class="designation"><p>Professionalism, creativity, and results-driven — that's Potrerohillsf.com. Our collaboration exceeded expectations, delivering a website that not only looks great but also performs exceptionally well. Highly recommended!</p></div>
						</div>
					</div>
				</div>
				<!-- Team Block -->
				<div class="team-block col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="curve"></div>
						<div class="image">
							<img src="images/resource/team-3.jpg" alt="" />
						</div>
						<div class="lower-content">
							<h3><a>Danial .A</a></h3>
							<div class="designation"><p>Choosing Potrerohillsf.com was the best decision for our online strategy. They seamlessly integrated our brand identity into a visually stunning website. Their commitment to excellence is evident in every interaction.</p></div>
						</div>
					</div>
				</div>		
				<!-- Team Block -->
				<div class="team-block col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="curve"></div>
						<div class="image">
							<img src="images/resource/team-4.jpg" alt=""/>
						</div>
						<div class="lower-content">
							<h3><a>John .H</a></h3>
							<div class="designation"><p>Working with Potrerohillsf.com was a game-changer for our business. Their attention to detail, creative flair, and responsiveness set them apart. The results speak for themselves — increased traffic, engagement, and brand recognition.</p></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Team Section -->
	<!-- Main Footer -->
	<footer>
    <div class="container subscribe">
	    <form class="subscribe-form mt-10" id="subscribe-form" method="POST" action="">
				<div class="d-none overlay">
					<div class="text-center middle">
						<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
					</div>
				</div>
				<div class="row">     
					<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
						<div class="form-group">
						<input class="form-control" type="email" name="subscribe_email" placeholder="Enter your email address" required="required">
						</div>
					</div>
				</div>
				<div class="row">
					<div class=" col-lg-12 col-md-12  col-sm-12">
						<div class="subscribe-accept">
							<input type="checkbox" name="subscribe_accept" required="required">
							I agree to the <a href="privacy.html">Privacy Policy</a>, <a href="disclaimer.html">Disclaimer</a> and to receive newsletters from Potrerohillsf.com						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<button class="btn btn-danger-2" type="submit"><span> Subscribe! </span></button>
					</div>
				</div>
				<div class="messages"></div>
        </form>
    </div>
         <div  class="container subscribe">
        <div class="row">
				<div class=" col-lg-12  col-md-12  col-sm-12 col-xs-12 links">
					<ul class="list-unstyled">
						<li><a   href="#about">About</a></li>
						<li><a   href="#unsubscribe">Unsubscribe</a></li>
						<li><a   href="disclaimer.html">Disclaimer</a></li>
						<li><a   href="privacy.html">Privacy Policy </a></li>
					</ul>
				</div>
        </div>
			<div class="row">
				<div class="col-lg-12  col-md-12  col-sm-12 col-xs-12 copyright">
					&copy; 2025 Potrerohillsf.com All Rights Reserved.
				</div>
			</div>
         </div>
  </footer>
	<!-- End Main Footer -->
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.paroller.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>