-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.htnl
66 lines (61 loc) · 2.27 KB
/
contact.htnl
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="themes/313_Ass1_theme.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<!--http://jqmdesigner.appspot.com/designer.html#&id=1439553481841-->
<link href="http://jqmdesigner.appspot.com/gk/lib/jquery.mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/contact.js" ></script>
</head>
<body>
<!--The contact page-->
<div data-role="page" id="contact" data-theme="d">
<!--header: Back home icon-->
<div data-role="header">
<a href="home.html"
class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all">Home</a>
<h5>Contact</h5>
</div>
<!--show my information
phone number: has link to call the developer
email: has link to send email to this email address
-->
<div data-role="main" class="ui-content">
<!--show my photo-->
<div>
<img src="img/little_animal_30.png" style="margin-left: -10px;margin-top: -10px;"/>
</div>
<!--basic information-->
<div>
<ul data-role="listview" data-inset="true">
<li data-icon="user">
<h3>Name and ID:</h3>
<h4>Yuantian Miao, 214277477</h4>
</li>
<li data-icon="phone">
<h3>Phone-call:</h3>
<a href="tel:0451792574" data-role="button" rel="external">Phone: 0451792574</a>
</li>
<li data-icon="mail">
<h3>Email to:</h3>
<a href="mailto:myuanti@deakin.edu.au" target="_top">myuanti@deakin.edu.au</a>
</li>
<li>
<h3>Reference:</h3>
<ol data-role="listview">
<li><a href="http://api.jquerymobile.com/">jQuery Mobile</a></li>
<li><a href="http://jqmdesigner.appspot.com/designer.html#id=1439602208742">JQM Designer</a></li>
<li><a href="http://www.w3schools.com/default.asp">w3schools</a></li>
<li><a href="https://www.google.com.au/?hl=zh-cn&gws_rd=cr&ei=c6LOVdrWK-XRmwXDkoSgDA">Google pictures</a></li>
<li><a href="http://workshop.rs/2010/07/create-image-gallery-in-4-lines-of-jquery/">Gallery code</a></li>
</ol>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>