-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
132 lines (95 loc) · 5.13 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
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
<!--
Name : Aniket Gade
Date Created : Nov 12, 2018
Most recent revision:
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us</title>
<link rel="stylesheet" href="styles/restaurantStyles.css">
<!-- Link to external css library -->
<!-- Link to external css library -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Link to external css library, can put at the end of page to improve load time -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="contact.js"></script>
</head>
<body style="margin: 0 auto">
<!-- Question - why doesn't this setting work from restaurantStyles.css ? This is already in css file but only works on index.html -->
<div class="container">
<header style="text-align: center" class="jumbotron"><h1>Crazy Burgers</h1></header>
<section id="pageLinks">
<nav>
<p><a href="index.html" class="btn badge-pill">Home</a>
<a href="menu.html" class="btn badge-pill">Menu</a>
<a href="" class="btn badge-pill">Contact Us</a></p>
</nav>
</section>
<br/>
<div class="formBody">
<section id="form">
<form name="contactForm" onsubmit="submit();">
<div class="form-group">
<label for="name" style="font-weight: bold">Name:</label>
<input type="text" id="name" name="name" required class="form-control">
</div>
<div class="form-group">
<label for="email" style="font-weight: bold">Email:</label>
<input type="email" id="email" name="email" required class="form-control">
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="number" id="phone" name="phone" class="form-control">
</div>
<div class="form-group">
<label for="Inquiry">Reason for Inquiry:</label>
<select name="Inquiry" id="Inquiry" class="form-control">
<option value="catering" selected>Catering</option>
<option value="privateParty">Private Party</option>
<option value="feedback">Feedback</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="info">Additional Information:</label>
<textarea name="Info" id="Info" cols="30" rows="10" class="form-control"></textarea>
</div>
<div class="form-group" style="text-align: center"><label>Have you been to the restaurant?</label>
<input type="radio" id="no" name="question" value="no" class="form-control">
<label for="no">No</label>
<input type="radio" id="yes" name="question" value="yes" class="form-control">
<label for="yes">Yes</label>
</div>
<div class="form-group form-check" style="text-align: center">
<label>Best Days to contact you:</label>
<input type="checkbox" id="M" name="contactDays" value="M" class="form-control">
<label for="M" class="form-check-label">Mon</label>
<input type="checkbox" id="T" name="contactDays" value="T" class="form-control">
<label for="T" class="form-check-label">Tue</label>
<input type="checkbox" id="W" name="contactDays" value="W" class="form-control">
<label for="W" class="form-check-label">Wed</label>
<input type="checkbox" id="Th" name="contactDays" value="Th" class="form-control">
<label for="Th" class="form-check-label">Thur</label>
<input type="checkbox" id="F" name="contactDays" value="F" class="form-control">
<label for="F" class="form-check-label">Fri</label>
</div>
<button type="submit" id="submitButton" class="btn btn-default">Send Request</button>
</form>
</section>
</div>
<footer style="text-align: center">
<hr/>
<p>101 Wonder Street, Wonderville, CA 99887</p>
<p>123-456-7890</p>
</footer>
</div>
</body>
</html>