-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
133 lines (99 loc) · 4.17 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
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ABOUT CLUB</title>
<!-- Stylesheets-->
<!-- NORMALIZE FIRST-->
<link rel="stylesheet" href="css/normalize.css">
<!-- THEN CUSTOM STYLES SECOND-->
<link rel="stylesheet" href="css/style.css">
<!-- Fonts-->
<link href="http://fonts.cdnfonts.com/css/a-love-of-thunder" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/furore" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/banksia" rel="stylesheet">
</head>
<body>
<nav class="nav">
<a href="index.html" class="nav_logo">
<img src="images/logo.png" alt="logo" id="logo">
</a>
<a href="about.html" class="nav_item">ABOUT</a>
<a href="activities.html" class="nav_item">ACTIVITIES</a>
<a href="book.html" class="nav_item">BOOKING ONLINE</a>
<a href="membership.html" class="nav_item">MEMBERSHIP</a>
<a href="souvenir.html" class="nav_item">SOUVENIR</a>
<a href="comments.html" class="nav_item">COMMENT</a>
<a href="contact.html" class="nav_item" id="current_item">CONTACT</a>
</nav>
<section id="contact">
<img src="images/contact.jpg" alt="Contact Us" id="contact-pic">
</section>
<section class="contact-us">
<h1>Contact Us</h1>
<h3>Thank you for your interest in UNDERSEA CLUB.</h3>
<h3>Our goal is to deliver an unforgetable and satisfying experience for our guests.</h3>
<h3>For any help or consulting, please contact us immediately with no worries.</h3>
<h3>We will response to you as soon as possible!</h3>
</section>
<br>
<section class="contact-us">
<h1>Our Contact Information</h1>
<h2>☎️Hotline:</h2>
<h3>+099 555 3333</h3>
<br>
<h2>📞Whatsapp:</h2>
<h3>+099 555 3333</h3>
<br>
<h2>✉️Email:</h2>
<h3>cs@underseaclub.com</h3>
<br>
<h2>ⓕFacebook:</h2>
<h3>@UNDERSEA_CLUB</h3>
<br>
<h2>🐦Twitter:</h2>
<h3>@UNDERSEA_CLUB</h3>
<br>
<h2>📷Instagram:</h2>
<h3>@UNDERSEA_CLUB</h3>
</section>
<br>
<section class="contact-us">
<h1>Or Leaving Your Message Online</h1>
<h2>We will reply to you as soon as possible.</h2>
<section id="contact-form-section">
<form id="contact-form">
<fieldset>
<legend>Your Information</legend>
<label>Name:</label><br>
<input type="text" id="nameinput" name="nameinput" placeholder="Please enter your name"><br>
<label>Your email:</label><br>
<input type="text" id="emailinput" name="emailinput" placeholder="Please enter your email"><br>
<label>Your Phone Number:</label><br>
<input type="text" id="phoneinput" name="phoneinput" placeholder="Please enter your phone number"><br>
<label>Message:</label><br>
<textarea name="messageinput" rows="10" cols="50" placeholder="Please leave your message here"></textarea>
<br>
<br>
<button id="submitbtn">SUBMIT</button>
</fieldset>
</form>
</section>
<br>
</section>
<footer>
<p>links to our sections</p>
<a href="index.html" class="nav_item">HOMEPAGE</a>
<a href="about.html" class="nav_item">ABOUT</a>
<a href="activities.html" class="nav_item">ACTIVITIES</a>
<a href="book.html" class="nav_item">BOOK</a>
<a href="membership.html" class="nav_item">MEMBERSHIP</a>
<a href="souvenir.html" class="nav_item">SOUVENIR</a>
<a href="comments.html" class="nav_item">COMMENT</a>
<a href="contact.html" class="nav_item">CONTACT</a>
<p>xiwei.ruan@uqconnect.edu.au</p>
</footer>
<script src="js/script.js"></script>
</body>