-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
133 lines (133 loc) · 6.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
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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
<style>
h2 {
text-align: center;
}
.fa, .fa-fw, .fa-lg, .fa-home {
margin-right:5px;
}
</style>
<title>Brasov City</title>
</head>
<body>
<nav class="navbar">
<span class="navbar-toggle" id="js-navbar-toggle">
<i class="fas fa fa-bars"></i>
</span>
<a href="index.html" class="logo grow">BRASOV CITY</a>
<ul class="main-nav" id="js-menu">
<li>
<a href="index.html" class="nav-links"><i class="fa fa-fw fa-lg fa-home"></i>HOME</a>
</li>
<li>
<a href="history.html" class="nav-links"><i class='fas fa-archway' style='margin-right:5px'></i>HISTORY</a>
</li>
<li>
<a href="attractions.html" class="nav-links"><i class="fas fa-map-marked" style='margin-right:5px'></i>ATTRACTIONS</a>
</li>
<li>
<a href="events.html" class="nav-links"><i class="fas fa-music" style='margin-right:5px'></i>EVENTS</a>
</li>
<li>
<a href="contact.html" class="nav-links"><i class="fa fa-fw fa-envelope" style='margin-right:5px'></i>CONTACT</a>
</li>
</ul>
</nav>
<!--End Navbar-->
<main class="main-contact">
<h2> CONTACT US </h2>
<div class="container container-form">
<!-- Helpful code found here: https://www.w3schools.com/html/html_forms.asp -->
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
<label for="fname">First Name</label>
<input type="text" name="fname" id="firstname" autofocus required placeholder="Your first name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" required placeholder="Your last name..">
<div>
<label for="telephone">Phone number</label>
<input type="tel" required placeholder="Your phone number">
</div>
<div>
<label for="email">Email address</label>
<input type="email" id="email" required placeholder="Your email address">
</div>
<br>
<div class="contact-type">
<p>Do you wish to be contacted by:</p>
<input type="checkbox" id="contact" name="option" value="create" checked/>
<label for="phone">Phone</label>
<input type="checkbox" name="option" value="create" />
<label for="email">Email</label>
</div>
<br>
<label for="query">Query type:</label>
<select id="query">
<option value="text">Walking Tours</option>
<option value="text">Acommodation</option>
<option value="text">Events</option>
<option value="text">Other</option>
</select>
<div class="slidecontainer">
<input type="range" min="30" max="10000" value="50" class="slider" id="myRange">
<p>Budget: <span>€</span> <span id="mySlider"></span>
</div>
<br>
<div class="people">
<label for="people">How many people are traveling?</label>
<input type="number" min="1" step="1" required>
</div>
<br>
<div style='text-align:justify'>
<p>Arriving date</p>
<input type="date" id="inputDate" name="trip-start"
value="2020-01-26"
min="2020-01-26" style="text-align: center;">
<br>
<br>
<div class="disability" style='text-align:justify'>
<p>I have a disability</p>
<input type="radio" name="option" value="create" />
<label class="radio-text">
Yes
</label> <br>
<input type="radio" name="option" value="create" checked/>
<label class="radio-text">
No</label><br>
<input type="text" id="subject" name="subject" placeholder="If yes, please tell us how we can help.." style="height:100px"/>
</div>
<label for="subject">Subject</label>
<input type="text" name="subject" required placeholder="Subject..." style="height:25px"/>
<br>
<br>
<label for="subject">Message</label>
<textarea id="subject" name="message" required placeholder="How can we help you?" style="height:150px"></textarea>
<input type="submit" onClick="testEmpty()" value="Submit">
</form>
</div>
</div>
</main>
<div class="address-business">
<h3><strong>Brasov City Tours</strong>
<br>St. Tampei no.3
<br> Brasov
<br> Romania
<br>
<br><strong>email:</strong> <a href="mailto:hello@brasovcity.ro?subject=Enquiry&">hello@brasovcity.ro</a>
<br><strong>tel:</strong> 0044 423546879
</h3>
</div>
<div class="footer">
<canvas id="myCanvas2" width="500" height="50"></canvas>
</div>
</body>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="./assets/js/app.js"></script>
</html>