-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.php
82 lines (80 loc) · 4.5 KB
/
contact.php
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
<?php require_once "templates/session-starter.php"; ?>
<?php require_once "templates/header.php"; ?>
<?php require_once "templates/main-header.php"; ?>
<main>
<section class="banner">
<img src="<?=$websiteUrl?>assets/img/contact_computer.jpg" alt="Contact Computer Banner">
</section>
<section class="d-flex container-fluid justify-content-center align-items-center w-100 p-5 mt-5">
<div class="row">
<div class="col-12 col-sm-12 col-md-1">
</div>
<div class="col-12 col-sm-12 col-md-11">
<div class="mb-5">
<h2 class="fsize-200-e dark-purple-color">Contact</h2>
<p>We are here to assist you with any questions or concerns you may have about HoursManager.</p>
<p>Whether you need help with your account, have a question about our services, or want to provide feedback, we're just a message away.</p>
</div>
<form id="contact-form" novalidate>
<div class="form-group row">
<label for="name" class="col-sm-2 col-form-label">Name</label>
<div class="col-sm-10 input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fas fa-user"></i>
</span>
</div>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter your name">
<div class="valid-tooltip name">Name Looks Good</div>
<div class="invalid-tooltip name"></div>
</div>
</div>
<div class="form-group row">
<label for="email" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10 input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fas fa-envelope"></i>
</span>
</div>
<input type="email" class="form-control" name="email" id="email" placeholder="Enter your email">
<div class="valid-tooltip email">Email Looks Good</div>
<div class="invalid-tooltip email"></div>
</div>
</div>
<div class="form-group row">
<label for="subject" class="col-sm-2 col-form-label">Subject</label>
<div class="col-sm-10 input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fas fa-marker"></i>
</span>
</div>
<input type="text" class="form-control" name="subject" id="subject" placeholder="Enter subject of your message">
<div class="valid-tooltip subject">Subject Looks Good</div>
<div class="invalid-tooltip subject"></div>
</div>
</div>
<div class="form-group row">
<label for="message" class="col-sm-2 col-form-label">Message</label>
<div class="col-sm-10 input-group">
<textarea class="summernote form-control" name="message" id="message" required></textarea>
<div class="valid-tooltip message">Message Looks Good</div>
<div class="invalid-tooltip message"></div>
</div>
</div>
<div class="form-group row">
<div class="offset-sm-2 col-sm-10" id="form-alerts-container"></div>
</div>
<div class="form-group row">
<div class="offset-sm-2 col-sm-10">
<button id="send" class="btn btn-purple btn-block btn-lg text-white">Submit</button>
</div>
</div>
</form>
</div>
</div>
</section>
</main>
<?php require_once "templates/main-footer.php"; ?>
<?php require_once "templates/footer.php"; ?>