HOME

Mini Shell 1.0
DIR:/home/austenwhite.co.uk/www/
Current File : //home/austenwhite.co.uk/www/index.html
<!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, user-scalable=no">
   
  <!-- Title of Website -->
  <title> Austen & White</title>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet">
  <meta name="description" content="Coming Soon Landing Page"/>
  <meta name="keywords"
        content="Kounter, html theme, Coming Soon Landing Page, Coming Soon Landing Page template, html landing page, one page, responsive landing page"/>
  <meta name="author" content="Egotype">

  <!-- Favicon -->
  <link rel="icon" href="favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="css/plugins/bootstrap.min.css">

  <!-- Font Icons -->
  <link rel="stylesheet"
        href="css/icons/font-awesome.css">
  <link rel="stylesheet"
        href="css/icons/linea.css">

  <!-- Google Fonts -->
  <link rel="stylesheet" type="text/css"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700">

  <!-- Plugins CSS -->
  <link rel="stylesheet" href="css/plugins/loaders.min.css">
  <link rel="stylesheet" href="css/plugins/photoswipe.css">
  <link rel="stylesheet" href="css/icons/photoswipe/icons.css">


  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/style.css">

  <!-- Responsive CSS -->
  <link href="css/responsive.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

</head>
<body data-spy="scroll" data-target=".scrollspy" class="bg-dark">

<!-- Preloader  -->
<div class="loader bg-dark">
  <div class="loader-inner ball-scale-ripple-multiple ball-scale-ripple-multiple-color">
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>
<!-- /End Preloader  -->


<div id="page">

  <!-- ============================
       BG & Overlays
  ================================= -->

  <!-- Image BG -->
  <div class="section-overlay media page-image reveal scale-in"></div>
  <!-- /End Image BG -->

  <!-- Overlay BG -->
  <div class="section-overlay bg-black overlay-opacity"></div>
  <!-- /End Overlay BG -->

  <!-- Modal -->
  <div id="modal-notify" class="modal fade modal-scale" tabindex="-1" role="dialog"
       aria-labelledby="meinModalLabel">

    <!-- .modal-dialog -->
    <div class="modal-dialog" role="document">
      <div>

        <!-- .modal-content -->
        <div class="modal-content text-center bg-dark text-light">
          <button class="button-close" data-dismiss="modal" aria-label="Close"><i
              class="icon icon-lg icon-arrows-remove"></i></button>


          <!-- Headline -->
          <div class="wrap-line border-dark">
            <h3><span class="font-weight-200">GET IN </span> TOUCH</h3>
          </div>
          <!-- /End Headline -->

          <!-- Description -->
          <div class="p-t-b-15">
                       <!-- Headline & Description -->
              <!--h2>AUSTEN & WHITE <span class="font-weight-200"><br>will be featuring a stunning range of unique wood crafts as well as offering a bespoke service.</span></h2-->

              <p>IF YOU WANT TO TALK TO US ABOUT OUR UNIQUE WOOD CREATIONS AND BESPOKE WOOD CRAFT DESIGN SERVICES, DROP US A LINE AND WE'LL COME BACK TO YOU.</p>
          </div>
          <!-- /End Description -->

          <div class="p-t-b-30">

            <!-- Newsletter Form:
             alternative newsletter form via email;
             write your email in newsletter-process.php and use:
             <form action="php/newsletter-process.php" id="newsletter-form" method="post"> insted of
             <form id="mc-form"> -->
            <form id="mc-form">

              <input type="text" class="form-control form-control-custom" tabindex="-1"
                     id="text-field-nl" name="text-field-nl">

              <!-- Input Group -->
              <div class="input-group">
                <input type="email" id="email" class="form-control form-control-light"
                       name="email"
                       placeholder="Enter your Email here...">
                  <span class="input-group-btn">
                    <button type="submit" class="btn btn-color"><i
                        class="icon icon-sm icon-arrows-slim-right-dashed"></i>
                    </button>
                  </span>
              </div>
              <!-- /End Input Group -->

              <!-- Message Alert -->
              <div id="message-newsletter" class="message-wrapper text-white message">

                <span><i class="icon icon-sm icon-arrows-slim-right-dashed"></i><label
                    class="message-text" for="email"></label></span>
              </div>
              <!-- /End Message Alert -->

            </form>
            <!-- /End Newsletter Form -->

          </div>
        </div>

      </div>
      <!-- /End .modal-content -->
    </div>
    <!-- /End .modal-dialog -->
  </div>
  <!-- /End Modal -->

  <!-- ============================
       Header Navigation
  ================================= -->

  <header>
    <nav class="navbar navbar-fixed-top">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12 text-white col-transform">
            <div class="navbar-wrapper">

              <!-- Navbar Button -->
              <button class="navbar-button show-info" data-href="#content">
                <span></span>
                <span></span>
                <span></span>
              </button>
              <!-- /End Navbar Button -->

              <!-- Navbar Links -->
              <div class="navbar-links scrollspy">
                <ul class="nav">
                  <li><a class="smooth-scroll link-white" href="#about">About</a></li>
                  <li><a class="smooth-scroll link-white" href="#contact">Contact</a></li>
                </ul>
              </div>
              <!-- /End Navbar Links -->

            </div>
          </div>
        </div>
      </div>
    </nav>
  </header>

  <div class="container-fluid">
    <div class="row">


      <!-- ============================
           Info
      ================================= -->

      <div id="info" class="col-md-12 text-white text-center page-info col-transform">
        <div class="vert-middle">
          <div class="reveal scale-out">

            <!-- Logo -->
            <div class="p-t-b-15 logo">
             <h2>Austen & White <br><span class="font-weight-200">Our website is coming soon</span></h2>
            </div>
            <!-- /End Logo -->

            <div class="p-t-b-15">
              <!-- Headline & Description -->
              

              <p>Austen & White will be featuring a stunning range of unique wood<br> crafts as well as offering a bespoke service.<br>
              </p>
              <!-- /End Headline & Description -->
            </div>
            <!-- Arrow -->
            <div class="p-t-b-20">
              <i class="icon icon-sm icon-arrows-slim-down-dashed"></i>
            </div>
            <!-- /End Arrow -->

            <!-- Buttons -->
            <div class="p-t-b-15 btn-row">
              <button class="btn btn-color" data-toggle="modal"
                      data-target="#modal-notify"
                      role="button">CONTACT
              </button>
              <a class="btn btn-border-white show-info"
                 role="button" data-href="#content">
                More info
              </a>
            </div>
            <!-- /End Buttons -->

            <!-- Social Media Links -->
            <div class="p-t-b-30">
              <p>
                 <a href="https://www.facebook.com/profile.php?id=100088914775902" class="link-white"><i class="fa fa-facebook"></i></a>
				 <a href="https://www.instagram.com/_austin_white-/?fbclid=IwAR2905wARFhY4S02pKsrLlyXM3Uv0YJgcXPoDVoOSUX4dbiQSO9npnPJ5EI" class="link-white"><i class="fa fa-instagram" aria-hidden="true"></i></a>
				 <a href="https://www.pinterest.com/austenselbournewhite/?fbclid=IwAR2kvv2-JrDHyfppPI93SHqF7Pz1xvxWmeBO3m1474rS2YVUld3WW-AxFPA" class="link-white"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/austenwhite23?fbclid=IwAR2905wARFhY4S02pKsrLlyXM3Uv0YJgcXPoDVoOSUX4dbiQSO9npnPJ5EI" class="link-white"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
				<a href="https://austen-white.blogspot.com/" class="link-white"><i class="fa fa-rss" aria-hidden="true"></i></a>
				<a href="mailto:austenswhite@gmail.com" class="link-white"><i class="fa fa-envelope" aria-hidden="true"></i></a>
              </p>
            </div>
            <!-- Social Media Links -->

          </div>
        </div>
      </div>


      <!-- ============================
           Content
      ================================= -->

      <div id="content" class="page-content col-md-6 text-center bg-white-09">

        <!-- ----------------------------
             About Section
        --------------------------------- -->

        <section id="about" class="p-t-b-30">
          <div class="row">
            <div class="col-sm-8 col-sm-offset-2">

              <!-- Headline -->
              <div class="wrap-line border-dark">
                <h3><span class="font-weight-200"></span>Welcome </h3>
              </div>
              <!-- /End Headline -->

              <!-- Description -->
              <div class="p-t-b-15  text-grey">
               <p>The picturesque village of Selborne made famous by the 18th Century naturalist Gilbert White and the breathtaking natural backdrop of the South Downs National Park was the natural choice of setting for our workshop. From here, we create our very own range of unique, hand-made wood crafts including rustic reclaimed wood, Lichtenberg wood pieces, wooden furniture, wooden wall art and wooden pieces for the home such as mirrors, wooden wall art, shelves, coat hooks and trays.</p> 

<p>We also offer a bespoke wood crafting service. No commission is too big or too small for our craftsmen. Every single wooden creation we'll be offering is handcrafted using only quality materials with skill, integrity & passion. Everything we create will be artistic, sustainable, unique, rustic & chic. </p>
<p>We look forward to welcoming you to our new store. </p>

<p>If you want to contact us in the meantime, feel free to get in touch via email on <a href="mailto:austenswhite@gmail.com">austenswhite@gmail.com</a> or by telephone on +44 (0)7593 252 806</p>
              </div>
              <!-- /End Description -->

              <!-- Social Media Links -->
              <div class="p-t-b-15">
                <p>
                   <a href="https://www.facebook.com/profile.php?id=100088914775902" class="link-white"><i class="fa fa-facebook"></i></a>
				 <a href="https://www.instagram.com/_austin_white-/?fbclid=IwAR2905wARFhY4S02pKsrLlyXM3Uv0YJgcXPoDVoOSUX4dbiQSO9npnPJ5EI" class="link-white"><i class="fa fa-instagram" aria-hidden="true"></i></a>
				 <a href="https://www.pinterest.com/austenselbournewhite/?fbclid=IwAR2kvv2-JrDHyfppPI93SHqF7Pz1xvxWmeBO3m1474rS2YVUld3WW-AxFPA" class="link-white"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/austenwhite23?fbclid=IwAR2905wARFhY4S02pKsrLlyXM3Uv0YJgcXPoDVoOSUX4dbiQSO9npnPJ5EI" class="link-white"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
				<a href="https://austen-white.blogspot.com/" class="link-white"><i class="fa fa-rss" aria-hidden="true"></i></a>
				<a href="mailto:austenswhite@gmail.com" class="link-white"><i class="fa fa-envelope" aria-hidden="true"></i></a>
                </p>
              </div>
              <!-- /End Social Media Links -->

            </div>
          </div>

          <!-- Gallery -->
          <div class="gallery row no-gutters p-t-b-30">

            <!-- Image 1 -->
            <figure class="col-xs-6 img-hover-effect">
              <a href="images/img1.jpg"
                 data-size="900x600">
                <img class="img-responsive" src="images/img1.jpg"
                     alt="Image description"/>
              </a>
			  <div class="img-title"><span>LICHTENBERG WOOD PIECES</span>
              <span class="img-description">Unique or custom handmade pieces using fractal wood burning techniques. We create beautiful lightning-like or tree-like patterns on authentic reclaimed wood and timber on everything from coat hooks and trays up to huge decorative wall panels.</span>
              </div>
              <span class="img-overlay"></span>
            </figure>
            <!-- /End Image 1 -->

            <!-- Image 2 -->
            <figure class="col-xs-6 img-hover-effect">
              <a href="images/img2.jpg"
                 data-size="900x600">
               <img class="img-responsive" src="images/img2.jpg"
                     alt="Image description"/>
              </a>
			  <div class="img-title"><span>RUSTIC RECLAIMED WOOD</span>
              <span class="img-description">We can create unique pieces from timber and wood that have a history. Our craftsmen use traditional techniques to create stunning pieces by hand and offer a bespoke service.</span>
              </div>

             
              <span class="img-overlay"></span>
            </figure>
            <!-- /End Image 2 -->

            <!-- Image 3 -->
            <figure class="col-xs-6 img-hover-effect">
              <a href="images/img5.jpg"
                 data-size="900x600">
                <img class="img-responsive" src="images/img5.jpg"
                     alt="Image description"/>
              </a>
             <div class="img-title"><span>HOME & LIVING</span>
              <span class="img-description">A range of functional items like coat hooks, trays and cheese boards & mirrors that make the perfect gift or addition to any home.</span>
              </div>
             
              <span class="img-overlay"></span>
            </figure>
            <!-- /End Image 3 -->

            <!-- Image 4 -->
            <figure class="col-xs-6 img-hover-effect">
              <a href="images/img4.jpg"
                 data-size="900x600">
                <img class="img-responsive" src="images/img4.jpg"
                     alt="Image description"/>
              </a>
             <div class="img-title"><span>WOODEN WALL ART</span>
              <span class="img-description">From Lichtenberg art employing luminous resins to bespoke commissions, we offer a variety of creative wood art to enhance any home.</span>
              </div>
              <span class="img-overlay"></span>
            </figure>
            <!-- /End Image 4 -->

          </div>
          <!-- /End Gallery -->

        </section>


        <!-- ----------------------------
             Contact Section
        --------------------------------- -->

        <section id="contact" class="p-t-b-30">
          <div class="row">
            <div class="col-sm-8 col-sm-offset-2">

              <!-- Headline -->
              <div class="wrap-line border-dark">
                <h3>GET IN TOUCH</h3>
              </div>
              <!-- /End Headline -->

              <!-- Description -->
              <div class="p-t-b-15  text-grey">
                <p>IF YOU WANT TO TALK TO US ABOUT OUR UNIQUE WOOD CREATIONS AND BESPOKE WOOD CRAFT DESIGN SERVICES, DROP US A LINE AND WE'LL COME BACK TO YOU.</p>
              </div>
              <!-- /End Description -->

              <!-- Contact Form -->
              <form action="php/contact-process.php" id="contact-form" method="post">

                <input type="text" class="form-control form-control-custom" tabindex="-1"
                       id="text-field" name="text-field">

                <!-- Input Name -->
                <div class="form-group" id="name-field">
                  <label for="form-name" class="sr-only">Name</label>
                  <input type="text" class="form-control form-control-dark"
                         id="form-name" name="form-name" placeholder="Name">
                </div>
                <!-- /End Input Name -->

                <!-- Input Email -->
                <div class="form-group" id="email-field">
                  <label for="form-email" class="sr-only">Email</label>
                  <input type="email" class="form-control form-control-dark"
                         id="form-email" name="form-email" placeholder="Email">
                </div>
                <!-- /End Input Email -->

                <!-- Input Message -->
                <div class="form-group" id="message-field">
                  <label for="form-message" class="sr-only">Message</label>
                                <textarea class="form-control form-control-dark" rows="1"
                                          id="form-message" name="form-message"
                                          placeholder="Message"></textarea>
                </div>
                <!-- /End Input Message -->

                <!-- Submit Button -->
                <div class="btn-row">
                  <div class="form-group">
                    <button type="submit" class="btn btn-dark" role="button">
                      Send Message
                    </button>
                  </div>
                </div>
                <!-- /End Submit Button -->

              </form>
              <!-- /End Contact Form -->

              <!-- Arrow -->
              <div class="p-t-b-40">
                <i class="icon icon-sm icon-arrows-slim-down-dashed"></i>
              </div>
              <!-- /End Arrow -->

            </div>
          </div>

          <div class="row">
            <div class="col-lg-10 col-lg-offset-1 col-sm-12">
              <div class="row">
                <div class="col-sm-4 col-xs-6 p-t-b-5">

                  <!-- Icon -->
                  
                  <!-- /End Icon -->

                  <!-- Address -->
                  <!--div class="p-t-b-15">
                    <h4>Address</h4>

                    <p>45 Park Avenue,<br>
                      New York, NY 10016</p>
                  </div-->
                  <!-- /End Address -->

                </div>

                <div class="col-sm-4 col-xs-6 p-t-b-5">

                  <!-- Icon -->
                
                  <!-- /End Icon -->

                  <!-- Address -->
                  <!--div class="p-t-b-15">
                    <h4>Direct</h4>

                    <p>T. <a href="tel:012345678991"> 01 23 456 78 99 1</a><br>
                      M. <a href="tel:012345678991">01 23 456 78 99 2</a></p>
                  </div-->
                  <!-- /End Address -->

                </div>

                <div class="col-sm-4  col-sm-offset-0 col-xs-6 col-xs-offset-3 p-t-b-5">

                  <!-- Icon -->
                  
                  <!-- /End Icon -->

                  <!-- Address -->
                  <!--div class="p-t-b-15">
                    <h4>Web</h4>

                    <p><a href="mailto:">info@kounter.com</a><br>
                      <a href="">www.kounter.com</a></p>
                  </div-->
                  <!-- /End Address -->

                </div>
              </div>
            </div>
          </div>

          <!-- Contact Alert -->
          <div id="message-contact" class="message-wrapper text-white message">
            <i class="icon icon-sm icon-arrows-slim-right-dashed"></i>
            <span class="message-text"></span>
          </div>
          <!-- /End Contact Alert -->

        </section>

      </div>
    </div>
  </div>

</div>
<!-- /#page -->
<div id="photoswipe"></div>

<!-- Scripts -->
<script src="js/plugins/jquery-1.12.4.min.js"></script>
<script src="js/plugins/bootstrap.min.js"></script>
<script src="js/plugins/scrollreveal.min.js"></script>
<script src="js/plugins/contact-form.js"></script>
<script src="js/plugins/newsletter-form.js"></script>
<script src="js/plugins/jquery.ajaxchimp.min.js"></script>
<script src="js/plugins/photoswipe/photoswipe.min.js"></script>
<script src="js/plugins/photoswipe/photoswipe-ui-default.min.js"></script>
<script src="js/plugins/jquery.countdown.min.js"></script>
<script src="js/plugins/prefixfree.min.js"></script>

<!-- Custom Script -->
<script src="js/custom.js"></script>


</body>
</html>