<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Material Design Coming Soon Template" name="description">
<meta content="coming soon template, material comingsoon, material under construction, site under construction, countdown, mailchimp, responsive, material comingsoon design" name="keywords">
<meta content="trendytheme.net" name="author">
<title>
A Touch of Beauty | Site Launching Soon!
</title>
<!-- favicon -->
<link href="assets/img/favicon/favicon.jpg" rel="shortcut icon">
<!-- apple-touch-icon -->
<link href="assets/img/favicon/favicon_144x144.jpg" rel="apple-touch-icon-precomposed" sizes="144x144">
<link href="assets/img/favicon/favicon_114x114.jpg" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="assets/img/favicon/favicon_72x72.jpg" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="assets/img/favicon/favicon.jpg" rel="apple-touch-icon-precomposed">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,500,700,900" rel="stylesheet" type="text/css">
<!-- FontAwesome CSS -->
<link href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Material Icons CSS -->
<link href="assets/fonts/iconfont/material-icons.css" rel="stylesheet">
<!-- materialize -->
<link href="assets/materialize/css/materialize.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS -->
<link href="style.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="assets/css/custom.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 id="top">
<section class="banner-1 bg-fixed parallax-bg fullscreen-banner valign-wrapper" data-stellar-background-ratio="0.5">
<div class="valign-cell">
<div class="container">
<div class="comingsoon-wrapper text-center">
<div class="logo">
<img alt="A Touch of Beauty logo" src="assets/img/atob-logo.png" style="width:325px;">
</div>
<!-- /.logo -->
<div class="mb-50">
<h1 class="intro-title text-uppercase">
New Website Launching Soon!
</h1>
<p class="sub-intro lead">
<a href="mailto:[email protected];" style="font-weight:600; color:#A06D5F !important; text-decoration:none !important;">
[email protected]
</a>
<br>
<a href="tel:1800002862;" style="font-weight:600; color:#A06D5F !important; text-decoration:none !important;">
1800 002 862
</a>
<br>
<br>
<a href="https://www.instagram.com/touchofbeautysa/" target="_blank">
<img alt="A Touch of Beauty Instagram" src="assets/img/insta-icon.png" style="width:35px;">
</a>
</p>
</div>
</div>
<!-- /.comingsoon-wrapper -->
</div>
<!-- /.container -->
</div>
<!-- /.valign-cell -->
</section>
<!-- Preloader -->
<div id="preloader">
<div class="preloader-position">
<div class="progress">
<div class="indeterminate">
</div>
</div>
</div>
</div>
<!-- End Preloader -->
<!-- jQuery -->
<script src="assets/js/jquery-2.1.3.min.js">
</script>
<script src="assets/bootstrap/js/bootstrap.min.js">
</script>
<script src="assets/materialize/js/materialize.min.js">
</script>
<script src="assets/js/jquery.easing.min.js">
</script>
<script src="assets/js/coundown-timer.js">
</script>
<script src="assets/js/smoothscroll.min.js">
</script>
<script src="assets/js/jquery.stellar.min.js">
</script>
<script src="assets/js/imagesloaded.js">
</script>
<script src="assets/js/jquery.inview.min.js">
</script>
<script src="assets/js/ajaxchimp.js">
</script>
<script src="assets/js/ajaxchimp-config.js">
</script>
<script src="assets/js/scripts.js">
</script>
</body>
</html>