<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">


   <link href="CSS/WallisPhoto-2023.css" rel="stylesheet" type="text/css">
    
    
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SHEGVPJVP2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-SHEGVPJVP2');
</script>
      
<style>
/* Section styling */
.testimonials {
  background-color: #000;
  color: #fff;
  padding: 3rem 2rem;
  font-family: "Helvetica Neue", sans-serif;
}

/* Heading */
.testimonials h2 {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 2rem;
  color: #fff;
}

/* Responsive grid */
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

/* Individual quote card */
blockquote {
  background: #111;
  padding: 1.5rem;
  border-left: 4px solid #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  border-radius: 0.5rem;
  transition: transform 0.2s ease;
}

blockquote:hover {
  transform: scale(1.02);
}

blockquote p {
  margin: 0 0 1rem;
  line-height: 1.6;
  font-size: 1rem;
}

cite {
  display: block;
  font-weight: bold;
  color: #ccc;
  font-size: 0.9rem;
}

/* Yelp link styling */
.review-link a {
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.review-link a:hover {
  border-color: #fff;
}
        
        /* Dark dropdowns */
.dropdown-menu {
  background-color: #000 !important;
  border: 1px solid #333;
}
.dropdown-menu .dropdown-item {
  color: #fff !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #111 !important;
  color: #fff !important;
}

        
<!-- CSS -->

.sitemap {
  background: #000;
  color: #fff;
  padding: 3rem 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.sitemap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.sitemap-column h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.sitemap-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sitemap-column li {
  margin-bottom: 0.5rem;
}
.sitemap-column a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  transition: opacity 0.2s ease;
}
.sitemap-column a:hover {
  opacity: 0.6;
}
        
 .white-line {
  border: none;
  border-top: 1px solid #fff; /* thin white line */
  margin: 2rem 0; /* spacing above & below */
}     
        
/* Contact Button Styles */
.contact-button-container {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.contact-button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 18px;
    color: #000;               /* Black text */
    background-color: #ffa500; /* Orange background */
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}

.contact-button:hover {
    background-color: #e69500; /* Darker orange on hover */
}

        

      /* Dark dropdowns */
.dropdown-menu {
  background-color: #000 !important;
  border: 1px solid #333;
}
.dropdown-menu .dropdown-item {
  color: #fff !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #111 !important;
  color: #fff !important;
      
      </style>



    <!--google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP|Open+Sans|Playfair+Display&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
    <!--end google fonts-->




    <title>Jason Wallis Photography -Corporate Headshots examples page</title>
    <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/droid-sans-mono:n4:default;merriweather:n3,n4:default;open-sans:n4,n3:default;open-sans-condensed:n3:default;playfair-display:n4:default;source-sans-pro:n3:default;abril-fatface:n4:default;alike:n4:default;rosario:n4:default.js" type="text/javascript"></script>
  <link href="CSS/Bootstrap-Custom.css" rel="stylesheet" type="text/css">
  <link href="CSS/WallisPhoto-2019.css" rel="stylesheet" type="text/css">
</head>
  <body style="padding-top: 50px">
    <!--body flex col-->
    <div class="container-flex-col">
                <div>
       <!--navbar start-->
            <nav class="navbar fixed-top navbar-expand-xl navbar-dark justify-content-around" style="background-color: black"> <a href="index.html" title="homepage" class="navbar-brand">Wallis Photography</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">Menu <span class="navbar-toggler-icon"></span> </button>
                <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent1">
                    <ul class="navbar-nav navbar-center">

                        <li class="nav-item dropdown"><a href="#" title="Corporate Photography" class="nav-link dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown">Headshots </a>
                            <div class="dropdown-menu">
                                <a href="Headshots-Photography-Overview.html" title="Business Headshots" class="dropdown-item">Headshots Overview</a> 
                                <a href="corporate-headshots-orangecounty.html" title="Business Headshots" class="dropdown-item">Business Headshots</a> <a href="corporate-headshots-women.html" title="Women headshots" class="dropdown-item">Women Headshots</a><a href="On-Location-Corporate-Photography.html" title="On-Location Headshots" class="dropdown-item">On-Location Headshots</a><a href="AI-Generated-photography-overview.html" title="AI-Generated Headshots" class="dropdown-item">AI-Generated Headshots</a><a href="Portrait-photography1.html" title="Portraiture" class="dropdown-item">Portraits</a>
                               
                            
                            </div>
                        </li>
                        <li class="nav-item dropdown"><a href="#" title="Corporate Photography" class="nav-link dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown">Corporate </a>
                            <div class="dropdown-menu"> 
                                <a href="Corporate-Photography-Overview.html" title="Corporate Photography" class="dropdown-item">Corporate Overview</a> 
                                <a class="dropdown-item" href="corporate-advertising.html">Commissioned Work</a> <a class="dropdown-item" href="Corporate-Group-Photography.html">Group Photos</a> <a href="Medical-Photography-OC-1.html" title="Healthcare and Medical Industry Photography" class="dropdown-item">HealthCare</a><a class="dropdown-item" href="Brand-Photography-Irvine-CA.html">Branding Photos</a>
                                <a href="Event-Photography-Overview.html" title="Corporate Event Photography" class="dropdown-item">Event Coverage</a>
                                <a href="corporate-event-photography-linkedin-headshot-booth-southern-california.html" title="Corporate Event Photography" class="dropdown-item">Event Photography & LinkedIn Headshot Booth</a>
                            </div>
                        </li>

                        <li class="nav-item dropdown"><a href="#" title="Commercial Photography" class="nav-link dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown">Commercial</a>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="Commercial-Photography-Overview.html">Overview</a>
                                <a class="dropdown-item" href="clothingcatalogphotographyoc.html">Catalog</a> <a class="dropdown-item" href="Beauty-lifestyle-fashion-photography.html">Beauty</a>
                                <a class="dropdown-item" href="magazinephotography1.html">Magazine</a><a href="fitness-photography.html" title="fitness Photography" class="dropdown-item">Fitness</a>
                               <a href="productmain.html" title="Product Photography" class="dropdown-item">Product</a><a href="Exterior-Building-PhotographyOC.html" title="Building Photography" class="dropdown-item">Buildings</a>
                                     <a class="dropdown-item" href="Stock-Photography-Overview.html">Stock + Print Store</a>
                         
                            </div>
                        </li>
                        
                        <!--The OC-->
                           <li class="nav-item"><a class="nav-link" href="The-Orange-Curtain-CA.html" title="Orange County">Orange County CA</a>
                            
                        </li>
                        <!--info-->
                        <li class="nav-item"> <a class="nav-link" href="wallisphoto-AboutMe-page.html">About Me</a> </li>
  
  

                    </ul>
                </div>
            </nav>
        </div>
       <!--navbar end-->     
  
	  <!--end header-->
	  	<div class="404-message"><h1>Whoops my bad! <br> <small>this link is not working.</small> </h1>
<div class="container-fluid 404">
    <div> <img class="img-fluid .404-img" src="IMAGES/404/404servers.jpg" alt="404 Monster artwork by &quot;The Oatmeal&quot;"> </div>

        <p>Please return to my site homepage</p></div>
        <a href="index.html" class="btn btn-dark text-white m-3">Go To Home</a>
</div>
<footer>
    <p>Jason Wallis Photography is located in Costa Mesa CA and serves clients primarily in the Orange County area. <br> PH (949)307-3833 or email for a personalised quote 
</footer>
  </div>
  <script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script> 
	<script src="js/bootstrap-4.2.1.js"></script>
    
<!-- Bootstrap JS dependencies -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  
    
    
  </body>
</html>