forked from OpenModHub/openmodhub.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
97 lines (88 loc) · 4.01 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OpenModHub - Contact</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2H7MWQL7FF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2H7MWQL7FF');
</script>
<link rel="icon" href="favicon.png" type="image/x-icon">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a href="index.html" class="navbar-brand"><img src="images/logo_openmodhub.png" class="img-fluid" style="max-height: 30px;" alt="OpenModHub logo"></a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav fw-light">
<a href="news.html" class="nav-item nav-link text-uppercase">News</a>
<a href="docs.html" class="nav-item nav-link text-uppercase">Docs</a>
<a href="contact.html" class="nav-item nav-link text-uppercase bg-white bg-opacity-50 rounded-1 text-white">Contact</a>
</div>
<div class="navbar-nav ms-auto">
<a href="https://github.com/openmodhub/" class="nav-item nav-link"><img src="images/logo_github-mark-white.png" class="img-fluid" style="max-height: 30px;" alt="GitHub logo"></a>
</div>
</div>
</div>
</nav>
<div class="container mt-4">
<div class="my-5">
<p class="h2 my-5">⚠️ This page is still under construction. Come back soon!</p>
<p class="lead">Fill out our contact form if you would like to get in touch and sign up to our newsletter. We will not share your information with anyone and won't flood your inbox but you can also opt out.</p>
</div>
<div class="row justify-content-left">
<div class="col-md-6">
<form>
<div class="row mb-3">
<label for="name" class="col-sm-2 col-form-label text-end">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" placeholder="How should we address you?">
</div>
</div>
<div class="row mb-3">
<label for="email" class="col-sm-2 col-form-label text-end">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" placeholder="What is your email?">
</div>
</div>
<div class="row mb-3">
<label for="email2" class="col-sm-2 col-form-label text-end"></label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email2" placeholder="Confirm your email!">
</div>
</div>
<div class="row mb-3">
<label for="message" class="col-sm-2 col-form-label text-end">Message</label>
<div class="col-sm-10">
<textarea class="form-control" id="message" rows="3" placeholder="Enter your message..."></textarea>
</div>
</div>
<div class="row mb-3">
<div class="col-sm-10 offset-sm-2">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="newsletter">
<label class="form-check-label" for="newsletter">Opt out from newsletter</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-10 offset-sm-2 text-end">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>