-
Notifications
You must be signed in to change notification settings - Fork 2
/
Contact.html
88 lines (78 loc) · 4.15 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
<!DOCTYPE html>
<html>
<title>K-W Crime Map</title>
<!-- animsition CSS -->
<link rel="stylesheet" href="css/animsition.min.css">
<!-- vendor js -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- animsition js -->
<script src="css/jquery.animsition.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body>
<div class="w3-top">
<ul class="w3-navbar w3-black w3-card-2 w3-right-align">
<li class="w3-hide-medium w3-hide-large w3-opennav w3-right">
<a class="w3-padding-large" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
</li>
<li class="w3-hide-small w3-right"><a href="index3.html" class="w3-padding-large">Map View</a></li>
<li class="w3-hide-small w3-right"><a href="TextView.html" class="w3-padding-large">Text View</a></li>
<li class="w3-hide-small w3-right"><a href="Contact.html" class="w3-padding-large">Contact</a></li>
<li class="w3-hide-small w3-right"><a href="Introduction.html" class="w3-padding-large">Introduction</a></li>
</ul>
</div>
<div class="w3-white" id="contact" style="max-height:500px">
<div class="w3-container w3-content w3-padding-64 " style="max-width:800px">
<h2 class="w3-wide w3-center">CONTACT</h2>
<p class="w3-opacity w3-center"><i>Our Team</i></p>
<div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
<div class="w3-third w3-margin-bottom" style="width:25%">
<img src="images/Xiang%20Li.JPG" style="width:100%" class="w3-hover-opacity" alt="name">
<div class="w3-container w3-white">
<p><b>Xiang Li</b></p>
<p class="w3-opacity">Email:</p>
<p>x723li@uwaterloo.ca</p>
<!--<button class="w3-btn w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>-->
</div>
</div>
<div class="w3-third w3-margin-bottom" style="width:25%">
<img src="images/zhouChongyi.jpeg" style="width:100%" class="w3-hover-opacity" alt="name">
<div class="w3-container w3-white">
<p><b>Chongyi Zhou </b></p>
<p class="w3-opacity">Email:</p>
<p>c73zhou@uwaterloo.ca</p>
<!--<button class="w3-btn w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>-->
</div>
</div>
<div class="w3-third w3-margin-bottom" style="width:25%">
<img src="images/shiJin.jpeg" style="width:100%" class="w3-hover-opacity" alt="name">
<div class="w3-container w3-white">
<p><b>Jin Shi</b></p>
<p class="w3-opacity">Email:</p>
<p>j66shi@uwaterloo.ca</p>
<!--<button class="w3-btn w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>-->
</div>
</div>
<div class="w3-third w3-margin-bottom" style="width:25%">
<img src="images/wangJinghang.jpg" style="width:100%" class="w3-hover-opacity" alt="name">
<div class="w3-container w3-white">
<p><b>Jinghang Wang</b></p>
<p class="w3-opacity">Email:</p>
<p>j845wang@uwaterloo.ca</p>
<!--<button class="w3-btn w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>-->
</div>
</div>
</div>
</div>
</div>
</body>
</html>