NodeBB/nodebb.org
2
0
Fork 0
mirror of https://hk.gh-proxy.com/https://github.com/NodeBB/nodebb.org.git synced 2025-10-03 08:43:39 +08:00
Code Issues Projects Packages Wiki Activity Actions
nodebb.org/contact.html
Barış Soner Uşaklı 4fea2195e8 title change
2025-04-12 15:46:35 -04:00

240 lines
12 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Contact - NodeBB - Modern Community Forum Software</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="NodeBB Forum Software - The Modern Discussion Platform">
<meta name="author" content="NodeBB Inc.">
<meta name="keywords" content="nodebb, node.js, forum, discussion, community, software, hosting">
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/16x16.png">
<link rel="shortcut icon" href="/images/icons/favicon.ico">
<!-- Google Fonts: Inter & Poppins -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- our css-->
<link href="/css/style.css" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V0P62EB8Q6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V0P62EB8Q6');
</script>
</head>
<body class="p-0 py-5 p-lg-5">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-body fixed-top shadow-sm">
<div class="container-lg">
<a class="navbar-brand py-2" href="/">
<img src="/images/brand/nodebb-logo.svg" style="height: 36px; width: auto;" alt="NodeBB Logo" />
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarMenu">
<ul class="nav nav-underline gap-4 flex-column flex-lg-row align-items-end align-items-lg-center mt-4 mt-lg-0">
<li class="nav-item">
<a href="/" class="nav-link text-reset fw-semibold">HOME</a>
</li>
<li class="nav-item">
<a href="/product" class="nav-link text-reset fw-semibold">PRODUCT</a>
</li>
<li class="nav-item">
<a href="/pricing" class="nav-link text-reset fw-semibold">PRICING</a>
</li>
<li class="nav-item">
<a href="/services" class="nav-link text-reset fw-semibold">SERVICES</a>
</li>
<li class="nav-item dropdown">
<a href="#" target="_blank" role="button" data-bs-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle text-reset fw-semibold">RESOURCES</a>
<ul class="dropdown-menu dropdown-menu-end border-0 shadow p-1">
<li><a href="https://community.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Community</a></li>
<li><a href="https://try.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Demo Site</a></li>
<li><a href="https://community.nodebb.org/category/28/answers" class="dropdown-item rounded-1" target="_blank">Answers</a></li>
<li><a href="https://docs.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Documentation</a></li>
<li><a href="/bounty" class="dropdown-item rounded-1">Bug Bounty</a></li>
</ul>
</li>
<li class="nav-item">
<a href="/contact" class="btn btn-warning rounded-pill">Contact Us</a>
</li>
<li class="nav-item">
<a href="https://manage.nodebb.org/register" class="btn btn-primary"><i class="fa-solid fa-rocket"></i> Start Free Trial</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container-lg mt-5">
<!-- Contact -->
<div id="contact-tab-pane">
<div class="row pt-2 pt-lg-5">
<div class="col-12 col-md-6 d-flex flex-column gap-4 mx-auto">
<h1 class="display-1 fw-bold fs-1">
Contact Us
</h1>
<h4 class="text-secondary">
Feel free to reach out to us for any questions.
</h4>
<div class="d-flex gap-3">
<script>
function handleSubmit(e) {
document.getElementById('submit-success').classList.add('d-none');
document.getElementById('submit-error').classList.add('d-none');
e.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.querySelector('input[name="Inquiry Type"]:checked').value;
const message = document.getElementById('message').value;
fetch('https://manage.nodebb.org/support/ticket', {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
type: subject,
name: name,
email: email,
message: message,
}),
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log('Response from server:', data);
document.getElementById('submit-success').classList.remove('d-none');
})
.catch(error => {
console.error('There was a problem with the fetch request:', error);
document.getElementById('submit-error').classList.remove('d-none');
});
}
</script>
<form onsubmit="handleSubmit(event)">
<div class="row g-3 mb-4">
<div class="col-md-6">
<label for="name" class="form-label fw-semibold">Name <span class="text-danger">*</span></label>
<input type="text" id="name" name="Name" class="form-control" placeholder="Full Name" required>
</div>
<div class="col-md-6">
<label for="email" class="form-label fw-semibold">Email <span class="text-danger">*</span></label>
<input type="email" id="email" name="Email" class="form-control" placeholder="Your E-mail" required>
</div>
</div>
<div class="mb-4">
<label class="form-label fw-semibold">Inquiry Type <span class="text-danger">*</span></label>
<div class="form-check">
<input class="form-check-input" type="radio" name="Inquiry Type" value="Technical/support issue" id="inquiry1" required>
<label class="form-check-label" for="inquiry1">Technical/support issue</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Inquiry Type" value="Hosting, including startup/nonprofit pricing" id="inquiry2" required>
<label class="form-check-label" for="inquiry2">Hosting, including startup/nonprofit pricing</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Inquiry Type" value="Custom design, development, enterprise pricing" id="inquiry3" required>
<label class="form-check-label" for="inquiry3">Custom design, development, enterprise pricing</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Inquiry Type" value="Other, not sure" id="inquiry4" required>
<label class="form-check-label" for="inquiry4">Other, not sure</label>
</div>
</div>
<div class="mb-4">
<label for="message" class="form-label fw-semibold">Message <span class="text-danger">*</span></label>
<textarea id="message" name="Message" class="form-control" rows="6" placeholder="Your Text" required></textarea>
</div>
<div class="d-flex gap-3 justify-content-end align-items-center">
<div id="submit-success" class="alert alert-info mb-0 p-2 fw-semibold d-none">Message sent</div>
<div id="submit-error" class="alert alert-danger mb-0 p-2 fw-semibold d-none">Error submitting form</div>
<button type="submit" class="btn btn-warning rounded-pill px-4">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<hr class="my-5"/>
<!-- FOOTER -->
<footer>
<div class="d-flex flex-column flex-md-row gap-5 justify-content-between mb-5 flex-wrap">
<div class="d-flex flex-column">
<h5 class="fw-bold">Get Started</h5>
<ul class="list-unstyled">
<li><a href="/product" class="link-secondary text-decoration-none">PRODUCT</a></li>
<li><a href="/pricing" class="link-secondary text-decoration-none">PRICING</a></li>
<li><a href="/services" class="link-secondary text-decoration-none">SERVICES</a></li>
</ul>
</div>
<div class="d-flex flex-column">
<h5 class="fw-bold">Resources</h5>
<ul class="list-unstyled">
<li><a href="https://community.nodebb.org/" class="link-secondary text-decoration-none" target="_blank">COMMUNITY</a></li>
<li><a href="https://try.nodebb.org/" class="link-secondary text-decoration-none" target="_blank">DEMO SITE</a></li>
<li><a href="https://community.nodebb.org/category/28/answers" class="link-secondary text-decoration-none" target="_blank">ANSWERS</a></li>
<li><a href="https://docs.nodebb.org" class="link-secondary text-decoration-none" target="_blank">DOCUMENTATION</a></li>
<li><a href="/bounty" class="link-secondary text-decoration-none">BUG BOUNTY</a></li>
</ul>
</div>
<div class="d-flex flex-column">
<h5 class="fw-bold">Company</h5>
<ul class="list-unstyled">
<li><a href="/about" class="link-secondary text-decoration-none">ABOUT</a></li>
<li><a href="https://community.nodebb.org/category/13/nodebb-blog" class="link-secondary text-decoration-none">BLOG</a></li>
<li><a href="/contact" class="link-secondary text-decoration-none">CONTACT</a></li>
</ul>
</div>
<div class="d-flex flex-column">
<a href="https://manage.nodebb.org/register" class="btn btn-primary"><i class="fa-solid fa-rocket"></i> Start Free Trial</a>
<div class="d-flex gap-3 mt-3 justify-content-between px-2">
<a href="https://github.com/nodebb/nodebb" class="link-secondary text-decoration-none"><i class="fab fa-github"></i></a>
<a href="https://twitter.com/nodebb" class="link-secondary text-decoration-none"><i class="fab fa-twitter"></i></a>
<a href="https://fosstodon.org/@nodebb" class="link-secondary text-decoration-none"><i class="fa-brands fa-mastodon"></i></a>
<a href="https://www.facebook.com/NodeBB" class="link-secondary text-decoration-none"><i class="fab fa-facebook"></i></a>
</div>
</div>
</div>
<div class="d-flex flex-wrap justify-content-between gap-5 small">
<span class="text-secondary text-nowrap">©2025 NodeBB, Inc. — Made in Canada with <i class="fa-solid fa-heart text-danger"></i>.</span>
<div class="d-flex gap-3">
<a href="/tos" class="link-secondary text-nowrap text-decoration-none">Terms of Service</a>
<a href="/privacy" class="link-secondary text-nowrap text-decoration-none">Privacy Policy</a>
<a href="/gdpr" class="link-secondary text-nowrap text-decoration-none">GDPR</a>
<a href="/dmca" class="link-secondary text-nowrap text-decoration-none">DMCA</a>
</div>
</div>
</footer>
</div>
<!-- Bootstrap 5 JS Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink