<!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">
  <meta name="description" content="Marriages, funerals, vow renewals, naming ceremonies and other memorable events, I am your Celebrant for any special occasion. Whether you have a clear vision of your ceremony, or no idea where to start, we will work together to ensure your vision becomes a reality. I feel strongly about building great relationships and striving for excellence. The feedback I receive reaffirms why I strive to provide the best service possible.">
  <meta name="author" content="">
  <title>Peppertree Union - Adelaide Civil Celebrant - Wendy Hall</title>
  <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,700%7CPlayfair+Display:400i,700,700i" rel="stylesheet">

  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/custom.css" rel="stylesheet">
  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  <meta name="theme-color" content="#ffffff">
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3DFZXV');</script>
  <!-- End Google Tag Manager -->
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>

<body id="page-top" class="index">
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3DFZXV"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <!-- Header -->
<header>
  <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container">
      <div class="navbar-header page-scroll">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <i class="fa fa-bars"></i>
        </button>
        <a class="navbar-brand navbar-brand2 page-scroll" href="#page-top">
          <img class="img-responsive img-centered" src="/img/peppertree-union-logo.png" alt="Peppertree Union Logo" id="peppertree-union-logo">
        </a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <div>
          <ul class="nav navbar-nav">
            <li class="hidden">
              <a href="#page-top"></a>
            </li>
            <li>
              <a class="page-scroll" href="#blog">Meet Wendy</a>
            </li>
            <li>
              <a class="page-scroll" href="#about">About</a>
            </li>
            <li>
              <a class="page-scroll" href="#services">Ceremonies</a>
            </li>
            <li class="logo">
              <a class="navbar-brand page-scroll" href="#page-top">
                <img class="img-responsive img-centered" src="/img/peppertree-union-logo.png" alt="Peppertree Union Logo">
              </a>
            </li>
            <li>
              <a class="page-scroll" href="#testimonials">Testimonials</a>
            </li>
            <li>
              <a class="page-scroll" href="#portfolio">Gallery</a>
            </li>
            <li>
              <a class="page-scroll" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
  <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item carusel1 active"></div>
      <div class="item carusel2"></div>
      <div class="item carusel3"></div>
      <div class="item carusel4"></div>
    </div>
  </div>
  <div class="text-container">
    <div class="container">
      <div class="intro-text">
        <div class="intro-lead-in"><img class="img-responsive img-centered" src="/img/logo_main.png" alt="Peppertree Union Logo"></div>
        <div class="intro-heading">Wendy Hall</div>
        <div class="intro-subheading">Celebrancy Services</div>
        <div class="intro-lead-in">Honouring Life's Milestones</div>
        <!--<a href="#about" class="page-scroll btn btn-xl">Explore</a>-->
      </div>
    </div>
  </div>
</header>
  .alert-success {
  background-color: #99a98c;
}

.btn-xl:hover {
  background-color: #99a98c !important;
  border: 2px solid #99a98c !important;
}

.btn-xl:focus {
  background-color: #99a98c !important;
  border: 2px solid #99a98c !important;99a98c
}

.btn-xl:active {
  background-color: #99a98c !important;
  border: 2px solid #99a98c !important;
}

section .section-heading {
  color: #99a98c;
}

section h4.section-name .fa {
  color: #99a98c;
}

.text-danger {
  color: #99a98c;
}

header .text-container {
  position: absolute;
  top: 0;
  width: 90%;
  height: 70%;
}
header .text-container .container {
  position: relative;
  height: 100%;
}
header .text-container .container .intro-text {
  text-align: center;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 60px;
  text-shadow:1px 1px 15px #fff, 1px 1px 15px #fff;
  color: #99a98c;
  position: absolute;
  top: 42%;
  width: 70%;
}
header .text-container .container .intro-text .intro-heading {
  line-height: 53px;
  font-family: 'Playfair Display', serif;
  font-size: 55px;
  margin-top: 15px;
  margin-bottom: 10px;

}
header .text-container .container .intro-text .intro-subheading {
  line-height: 34px;
  font-family: 'Playfair Display', serif;
  font-size: 39px;
  margin-bottom: 20px;
}
header .text-container .container .intro-text .intro-lead-in {
  text-transform: uppercase;
  text-shadow:1px 1px 15px #fff, 1px 1px 15px #fff;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  letter-spacing: 0.7px;
}
header .text-container .container .intro-text .intro-separator {
  width: 20%;
  border-bottom: 1px solid #fff;
  margin: 20px auto;
}

.navbar-custom .nav li a {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #555555;
  padding: 30px 10px 15px;
  margin: 0 10px;
  font-size: 13px;
  position: relative;
  transition: all .3s;
}

.navbar-custom .navbar-toggle {
  color: #99a98c;
}

.navbar-custom .nav li a:after {
  background-color: #99a98c;
}
.navbar-custom .nav li a:hover {
  color: #99a98c;
}

.affix {
  height: 92px;
}

.affix .active > a {
  background-color: #99a98c !important;
}

.navbar.affix {
    background: rgba(241, 245, 249, 0.8);
}


.carousel-inner .carusel4 {
  background: url("/img/slider2.jpg") no-repeat center top;
}
.carousel-inner .carusel3 {
  background: url("/img/slider1.jpg") no-repeat center center;
}
.carousel-inner .carusel2 {
  background: url("/img/slider2.jpg") no-repeat center top;
}
.carousel-inner .carusel1 {
  background: url("/img/slider1.jpg") no-repeat center top;
}

#blog .blog-image-cell .blog-image {
  background: url("/img/profile.jpg") no-repeat center center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.btn-s {
  color: #000;
  background-color: transparent;
  border: 1px solid #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border-radius: 0;
  font-size: 12px;
}

.btn-s:hover {
  color: #ffffff !important;
  background-color: #99a98c !important;
  border: 1px solid #99a98c !important;
  -webkit-transition: all ease 0.5s;
}
.btn-s:focus {
  color: #ffffff !important;
  background-color: #99a98c !important;
  border: 1px solid #99a98c !important;
  -webkit-transition: all ease 0.5s;
}
.btn-s:active {
  color: #ffffff !important;
  background-color: #99a98c5 !important;
  border: 1px solid #99a98c !important;
  -webkit-transition: all ease 0.5s;
  background-image: none;
}

#about {
  background-color: #e3e5e5;
}

#about .about-text .about-separator {
  border-bottom: 1px solid #99a98c;
}

#team .team-image-cell .team-cell {
  border: 3px solid #99a98c;
}

#team h6 {
  font-size: 12px;
}

#quote {
  background-image: url(/img/background.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#quote .quote-separator {
  border-bottom: 2px solid #99a98c;
}

#quote blockquote .quote-footer {
  color: #99a98c;
}

#services .service-icon {
  color: #99a98c;
}

#subscribe .input-group .form-control {
  border: 2px solid #99a98c;
}
#subscribe .input-group .input-group-btn .btn {
  border-color: #99a98c;
}

#portfolio .grid-item .portfolio-cell .portfolio-info {
  background-color: #99a98c;
}

figure.effect-layla figcaption::before {
  border-top: 2px solid #99a98c;
  border-bottom: 2px solid #99a98c;
}

figure.effect-layla figcaption::after {
  border-right: 2px solid #99a98c;
  border-left: 2px solid #99a98c;
}

.portfolio-modal .modal-content .modal-separator {
  border-bottom: 3px solid #99a98c;
}

.portfolio-modal .modal-content .modal-text-col h2 {
  color: #99a98c;
}

.portfolio-modal .modal-content .modal-text-col h5 {
  color: #99a98c;
}

#services .service-cell .service-separator {
  width: 8%;
  border-bottom: 1px solid #fff;
  margin: 12px 0;
}

#testimonials #carousel-reviews .testimonial-cell h6 {
  color: #99a98c;
}

#testimonials {
  background-color: #e3e5e5;
}
#testimonials #carousel-reviews .carousel-control {
  color: #99a98c;
}

#testimonials #carousel-reviews .carousel-control:hover {
  color: #99a98c;
}

#testimonials #carousel-reviews .carousel-control:active {
  color: #99a98c;
}

#testimonials #carousel-reviews .carousel-control:focus {
  color: #99a98c;
}
.portfolio-cell p {
    line-height: 18px;
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell1 {
  background-image: url('../img/gallery/gallery15.jpg');
  background-position: center center;
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell3 {
  background-image: url('../img/gallery/gallery1.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell4 {
  background-image: url('../img/gallery/gallery2.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell5 {
  background-image: url('../img/gallery/gallery3.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell6 {
  background-image: url('../img/gallery/gallery4.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell7 {
  background-image: url('../img/gallery/gallery5.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell8 {
  background-image: url('../img/gallery/gallery6.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell9 {
  background-image: url('../img/gallery/gallery7.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell10 {
  background-image: url('../img/gallery/gallery8.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell11 {
  background-image: url('../img/gallery/gallery9.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell12 {
  background-image: url('../img/gallery/gallery10.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell13 {
  background-image: url('../img/gallery/gallery11.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell14 {
  background-image: url('../img/gallery/gallery12.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell15 {
  background-image: url('../img/gallery/gallery13.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell16 {
  background-image: url('../img/gallery/gallery14.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell17 {
  background-image: url('../img/gallery/gallery15.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell18 {
  background-image: url('../img/gallery/gallery16.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell19 {
  background-image: url('../img/gallery/gallery17.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell20 {
  background-image: url('../img/gallery/gallery18.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell21 {
  background-image: url('../img/gallery/gallery19.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell22 {
  background-image: url('../img/gallery/gallery20.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell23 {
  background-image: url('../img/gallery/gallery21.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell24 {
  background-image: url('../img/gallery/gallery22.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell25 {
  background-image: url('../img/gallery/gallery23.jpg');
}
#portfolio .grid-item .portfolio-link .portfolio-item .effect-layla .portfolio-cell26 {
  background-image: url('../img/gallery/gallery24.jpg');
}

#subscribe {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e3e5e5;
}

.footer-block .address {
  border-left: 1px solid #99a98c;
}

.footer-block .social-buttons li a:hover {
  background-color: #99a98c;
}

.footer-block .social-buttons li a:focus {
  background-color: #99a98c;
}

.footer-block .social-buttons li a:active {
  background-color: #99a98c;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 767px) {

.img-centered {
  margin: 0 auto;
}


  .navbar-custom .nav li a {
    color: #99a98c;
  }

  .navbar-custom .nav > li {
    border-bottom: 1px solid #99a98c;
  }

  header .text-container .container .intro-text .intro-heading {
  line-height: 36px;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 5px;

}
header .text-container .container .intro-text .intro-subheading {
  line-height: 20px;
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  margin-bottom: 20px;
}

header .text-container .container .intro-text .intro-lead-in {
  text-transform: uppercase;
  text-shadow:1px 1px 15px #fff, 1px 1px 15px #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
}

}

  
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/vendor/imagesloaded.pkgd.min.js"></script>
<script src="/vendor/masonry.pkgd.min.js"></script>
<script src="/vendor/jquery/jquery.easing.min.js"></script>
<script src="/vendor/jquery/jquery.viewportchecker.js"></script>
<script src="/js/jquery.bcSwipe.min.js"></script>
<script src="/js/jqBootstrapValidation.js"></script>

<script src="/js/ie10-viewport-bug-workaround.js"></script>



<script src="/js/main.js"></script>
<script src="/js/contact.js"></script>
 
<script>

/*
$(function() {
        $('#fullpage').fullpage({
          sectionsColor: ['whitesmoke', 'whitesmoke', 'whitesmoke', 'whitesmoke', 'whitesmoke'],
          easing: 'easeInOutCubic',
          easingcss3: 'ease',
          loopBottom: true,
          loopTop: true,
          css3: true,
          scrollingSpeed: 1200,
          navigation: true,
          navigationPosition: 'right',
          navigationTooltips: ['Home', 'Alex', 'Jason', 'Jaye', 'Lisa'],
          keyboardScrolling: true,
          animateAnchor: true,
          recordHistory: true,
          verticalCentered: true
        });

        $( "body" ).animate({ opacity: 0.9 }, 1000, function() {});

      });

*/
</script>

</body>
</html>
