-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
151 lines (140 loc) · 5.72 KB
/
contact.html
File metadata and controls
151 lines (140 loc) · 5.72 KB
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="en">
<head>
<!-- Make things work -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Give sense to the page -->
<meta name="description" content="Contact the Plug-It team in case of questions / concerns, apply to any role or for anything else!">
<meta name="keywords" content="plug-it,pi,contact,form">
<meta name="author" content="WiBla">
<link rel="icon" href="favicon.ico">
<title>Plug-It - Contact us</title>
<!-- Load 3rd party stuff -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
<!-- Load pace in head since we need to render page progress -->
<script src="js/pace.min.js"></script>
</head>
<body>
<nav id="menu" class="navbar navbar-expand-sm navbar-dark sticky-top pl-0">
<div class="container-fluid">
<a class="navbar-brand text-under pr-3" href="index.html">
<img src="./img/icon128.png" alt="Plug-It">
<p>Plug-It</p>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="team.html" class="nav-link">The Team</a></li>
<li class="nav-item active"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class="container-fluid p-4 bg-light">
<h1>Contact us!</h1>
</section>
<section class="container-fluid text-center p-6 bg-green">
<h3>We will do our best to reply ASAP!</h3>
<p>
Do you have any question or concern?<br>
Fill out the form below and send us a message or simply write us an email at <a href="mailto:contact.wibla@gmail.com" class="text-dark">contact.wibla@gmail.com</a>
</p>
</section>
<section class="container-fluid text-center col-lg-8 offset-lg-2 md-12 px-0">
<div class="card shadow-lg border-lg-0">
<div class="card-body text-left bg-grey-dark">
<div class="form-header text-center text-primary">
<h3 class="mt-2"><i class="fa fa-envelope"></i> Contact us:</h3>
</div>
<div class="md-form h4 pt-4">
<i class="fa fa-user"></i>
<label for="form-name">Your name</label>
<input type="text" id="form-name" class="form-control">
</div>
<div class="md-form h4 pt-4">
<i class="fa fa-envelope"></i>
<label for="form-email">Your email</label>
<input type="text" id="form-email" class="form-control">
</div>
<div class="md-form h4 pt-4">
<i class="fa fa-tag"></i>
<label for="form-Subject">Subject</label>
<input type="text" id="form-Subject" class="form-control">
</div>
<div class="md-form h4 pt-4">
<i class="fa fa-edit"></i>
<label for="form-text">Message</label>
<textarea type="text" id="form-text" class="form-control md-textarea" rows="3"></textarea>
</div>
<div class="text-center">
<button class="btn btn-primary mt-4">Submit</button>
</div>
</div>
</div>
</section>
<section class="container-fluid text-center p-6 bg-light">
<p class="h1 p-6 text-white">Thank you!</p>
</section>
<footer class="container-fluid text-center p-4 bg-grey-dark">
<div class="row text-center">
<nav class="col-md-3 offset-md-2 mb-4">
<h6 class="text-uppercase">Social</h6>
<hr class="border-white col-4 col-md-10">
<p>
<i class="fab fa-discord mr-2"></i>
<a target="_blank" href="https://discord.gg/DptCswA">Discord</a>
<i class="fa fa-external-link-alt"></i>
</p>
<p>
<i class="fab fa-twitter mr-2"></i>
<a target="_blank" href="https://twitter.com/plugit_dj">Twitter</a>
<i class="fa fa-external-link-alt"></i>
</p>
<p>
<i class="fas fa-headphones-alt mr-2"></i>
<a target="_blank" href="https://plug.dj/plug-it">Plug.dj</a>
<i class="fa fa-external-link-alt"></i>
</p>
</nav>
<div class="col-md-3 offset-md-2 mb-4">
<h6 class="text-uppercase">Support</h6>
<hr class="border-white col-4 col-md-10">
<p>
<a target="_blank" href="https://crowdin.com/project/plug-it">Help translate</a>
<i class="fa fa-external-link-alt"></i>
</p>
<p>
<a target="_blank" href="https://patreon.com/preview/fb70275b49d345ae8cf492ab50e5501f">Become a Donator</a>
<i class="fa fa-external-link-alt"></i>
</p>
<p>
<a target="_blank" href="https://github.com/Plug-It/pi/issues">Bug report</a>
<i class="fa fa-external-link-alt"></i>
</p>
<p>
<a target="_blank" href="https://trello.com/b/kRqCI5JK/plug-it">Trello</a>
<i class="fa fa-external-link-alt"></i>
</p>
</div>
</div>
<p id="copyright" class="md-12 text-white">© Copyright Plug-It 2014 - %%YEAR%%</p>
</footer>
<!-- 3rd party scripts that loads after the DOM is ready -->
<!-- NB: I am not using their CDN versions in case there might not be any network available when showing this demo -->
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/fa-all.js"></script>
<!-- Our own script -->
<script src="./js/main.js"></script>
</body>
</html>