<!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, maximum-scale=1, user-scalable=no"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>WickedDocs - Contact</title> <!-- Bootstrap --> <!-- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://bootswatch.com/slate/bootstrap.min.css"> <link rel="stylesheet" href="http://bootswatch.com/assets/css/bootswatch.min.css"> --> <link rel="stylesheet" href="externals/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="externals/bootstrap.min.css"> <link rel="stylesheet" href="externals/bootstrap-slate.min.css"> <link rel="stylesheet" href="externals/bootswatch.min.css"> <!-- 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]--> <!-- <style> html, body { background-color: #636363; background-image: url('background.png'); background-repeat: no-repeat; } .navbar { background-image: linear-gradient(#484e5555, #3a3f4455, #31353955); filter: alpha(opacity=95); opacity: 0.95; } </style> --> <style> html, body { height: 100%; } .content-wrapper { min-height: 100%; margin-bottom: -75px; padding-bottom: 75px; } .footer { height: 75px; padding: 7px; background-color: #3a3f44; } .spinner { width: 100px; } .spinner input { text-align: right; } .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px; margin-left: -1px; position: relative; border-radius: 0; } .input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; } .input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; } .input-group-btn-vertical i{ position: absolute; top: 0; left: 4px; } .form-control { height: 32px; margin-top: 1px; } </style> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> --> <script src="externals/jquery.min.js"></script> <script> (function ($) { $('.spinner .btn:first-of-type').on('click', function() { $('.spinner input').val( parseInt($('.spinner input').val(), 10) + 1); }); $('.spinner .btn:last-of-type').on('click', function() { $('.spinner input').val( parseInt($('.spinner input').val(), 10) - 1); }); })(jQuery); </script> </head> <body id="home"> <div class="content-wrapper"> <!-- Fixed navbar --> <header id="header" class="site-header"> <div class="navbar navbar-default navbar-fixed-top navbar-transparent"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="index.html"><img src="images/logo.png" />WickedDocs</a> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar-main" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <!-- <li><a href="index.html">About</a></li> --> <li><a href="features.html">Features</a></li> <li><a href="screenshots.html">Screenshots</a></li> <li><a href="download.html">Download</a></li> <li><a href="register.html">Register</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a> <ul class="dropdown-menu"> <!-- <li><a href="help.html">Help</a></li> --> <li><a href="support.html">Support</a></li> <li><a href="faq.html">FAQ</a></li> <li role="separator" class="divider"></li> <li><a href="news.html">News</a></li> <li><a href="documentation.html">Documentation</a></li> <li><a href="community.html">Community</a></li> <li role="separator" class="divider"></li> <li><a href="contact.html">Contact</a></li> <li><a href="legal.html">Legal</a></li> <!-- <li role="separator" class="divider"></li> <li><a href="http://builtwithbootstrap.com/" target="_blank">Built With Bootstrap</a></li> <li><a href="https://wrapbootstrap.com/?ref=bsw" target="_blank">WrapBootstrap</a></li> /\* http://getbootstrap.com/components/ Link back to Glyphicons http://glyphicons.com/ \*/ --> </ul> </li> </ul> </div><!--/.nav-collapse --> </div> </div> <br><p> </header> <div class="container"> <div class="page-header"> <h1>Contact <small></small> </h1> </div> <!-- ====================== End Standard Header =========================== -->
<div class="form-horizontal panel panel-default well-lg">
<div class="form-group">
<label class="col-sm-3 control-label">Email</label>
<div class="col-sm-7">
<div class="input-group-addon">contact@subflexion.com</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Telephone</label>
<div class="col-sm-7">
<div class="input-group-addon">+61 7 3855 3631</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Skype</label>
<div class="col-sm-7">
<div class="input-group-addon">WickedDocs</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Facebook</label>
<div class="col-sm-7">
<div class="input-group-addon">wickeddocs@facebook.com</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Google+</label>
<div class="col-sm-7">
<div class="input-group-addon">wickeddocs@googleplus.com</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Twitter</label>
<div class="col-sm-7">
<div class="input-group-addon">@wickeddocs</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Address</label>
<div class="col-sm-7">
<div class="input-group-addon">Brisbane<p>Queensland<p>Map</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Business Number</label>
<div class="col-sm-7">
<div class="input-group-addon">ABN 1234567890</div>
</div>
</div>
</div>
<div>
<div class="panel-body">
If you wish to contact us through this web-site, feel free to fill-in and submit the form below.
</div>
</div>
<form class="form-horizontal well well-lg" role="form" method="post" action="index.php">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="name" name="name" placeholder="Enter name" value="">
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="email" name="email" placeholder="Enter email" value="">
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label">Message</label>
<div class="col-sm-9">
<textarea class="form-control" rows="4" name="message"></textarea>
</div>
</div>
<!--
<div class="form-group">
<label for="human" class="col-sm-3 control-label">2 + 3 = ?</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="human" name="human" placeholder="Your Answer">
</div>
</div>
-->
<div class="form-group">
<div class="col-sm-8 col-sm-offset-3">
<input type="submit" name="submit" type="submit" class="btn btn-primary btn-success pull-right" value="Send"></input>
</div>
</div>
<div class="form-group">
<div class="col-sm-8 col-sm-offset-3">
<! Will be used to display an alert to the user>
</div>
</div>
</form>
</div> <!-- end of container -->
</div> <!-- end of content-wrapper -->
<!-- ====================== Begin Standard Footer =========================== -->
<div class="footer">
<!-- FOOTER -->
<div class="container">
<p class="pull-left">
<a href="main.rss"><i class="fa fa-rss"></i></a>
<a href="https://plus.google.com/$GOOGLE_ID" rel="publisher" style="text-decoration:none;"><i class="fa fa-google-plus"></i></a>
<a href="https://twitter.com/$TWITTER_ID"><i class="fa fa-twitter"></i></a>
<a href="https://www.facebook.com/$FACEBOOK_PAGE"><i class="fa fa-facebook"></i></a>
</p>
<p class="pull-right"><a href="#">Back to top <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></a></p>
</div><!-- /.container -->
<center>
<span>Copyright © 2015 Subflexion. All rights reserved.</span><br>
<span><a href="legal.html#privacy">Privacy policy</a> · <a href="legal.html#terms">Terms of use</a></span>
</center>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- Latest compiled JavaScript -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
<script src="externals/bootstrap.min.js"></script>
</body>
</html>
