Nathanwoodburn.github.io/Contact.html

149 lines
7.6 KiB
HTML
Raw Normal View History

2020-10-26 17:14:39 +11:00
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-AU">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>Contact</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Contact.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
<link rel="icon" href="images/favicon.png">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "NathanWoodburn",
"url": "index.html",
"logo": "images/NJWIconbig.png"
}</script>
<meta property="og:title" content="Contact">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="index.html">
<meta property="og:url" content="index.html">
<script src="https://www.google.com/recaptcha/api.js?render=6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU"></script>
<script>
( function( grecaptcha, sitekey, actions ) {
var recaptcha = {
execute: function( action ) {
grecaptcha.execute(
sitekey,
{ action: action }
).then( function( token ) {
var forms = document.getElementsByTagName( 'form' );
for ( var i = 0; i < forms.length; i++ ) {
var fields = forms[ i ].getElementsByTagName( 'input' );
for ( var j = 0; j < fields.length; j++ ) {
var field = fields[ j ];
if ( 'recaptchaResponse' === field.getAttribute( 'name' ) ) {
field.setAttribute( 'value', token );
break;
}
}
}
} );
},
executeContact: function() {
recaptcha.execute( actions[ 'contact' ] );
}
};
grecaptcha.ready(
recaptcha.executeContact
);
document.addEventListener( 'change',
recaptcha.executeContact, false
);
} )(
grecaptcha,
'6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU',
{"contact":"contact"}
);
</script>
</head>
<body class="u-body"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
</a>
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
<a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-hover-black" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="Home.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="" style="padding: 10px 20px;">Contact</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
</li></ul>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-section-1" id="sec-54b5">
<div class="u-clearfix u-sheet u-valign-top u-sheet-1">
<div class="u-expanded-width u-form u-form-1">
<form action="scripts/form-54b5.php" method="POST" class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form" style="padding: 10px" source="customphp" name="form">
<input type="hidden" id="siteId" name="siteId" value="151067664">
<input type="hidden" id="pageId" name="pageId" value="879913816">
<div class="u-form-group u-form-name">
<label for="name-2e24" class="u-form-control-hidden u-label">Name</label>
<input type="text" placeholder="Enter your Name" id="name-2e24" name="name" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required="">
</div>
<div class="u-form-email u-form-group">
<label for="email-2e24" class="u-form-control-hidden u-label">Email</label>
<input type="email" placeholder="Enter a valid email address" id="email-2e24" name="email" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required="">
</div>
<div class="u-form-group u-form-message u-form-group-3">
<label for="message-2e24" class="u-form-control-hidden u-label">Message</label>
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-2e24" name="message" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required=""></textarea>
</div>
<div class="u-form-agree u-form-group u-form-group-4">
<input type="checkbox" id="agree-6e8d" name="agree" class="u-agree-checkbox" required="">
<label for="agree-6e8d" class="u-label">I accept the Terms of Service</label>
</div>
<div class="u-align-left u-form-group u-form-submit">
<a href="#" class="u-btn u-btn-submit u-button-style">Submit</a>
<input type="submit" value="submit" class="u-form-control-hidden">
</div>
<div class="u-form-send-message u-form-send-success"> Thank you! Your message has been sent. </div>
<div class="u-form-send-error u-form-send-message"> Unable to send your message. Please fix errors then try again. </div>
<input type="hidden" value="" name="recaptchaResponse">
</form>
</div>
</div>
</section>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-c9bd"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-align-right u-small-text u-text u-text-variant u-text-1">Copyright © 2020 Nathan Woodburn. All rights reserved.</p>
<p class="u-align-right u-text u-text-default u-text-2">
<a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="mailto:nathan@woodburn.tk">nathan@woodburn.tk<br>
</a>
</p>
</div></footer>
</body>
</html>