-
Notifications
You must be signed in to change notification settings - Fork 0
/
guest-profile.html
79 lines (72 loc) · 2.27 KB
/
guest-profile.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="ratchet/css/ratchet.min.css" rel="stylesheet">
<link href="ratchet/css/ratchet-theme-ios.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<script src="ratchet/js/ratchet.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<header class="bar bar-nav">
<button class="btn btn-link pull-right" >
<a href="" data-transition="slide-in">
Edit
</a>
</button>
<!--<h1 class="title">Food for Thought</h1> -->
</header>
<nav class="bar bar-tab">
<a class="tab-item" href="../guest-homepage.html">
<span class="icon icon-home"></span>
<span class="tab-label">Home</span>
</a>
<a class="tab-item active" href="#">
<span class="icon icon-person"></span>
<span class="tab-label">Profile</span>
</a>
<a class="tab-item" href="../guest-reservations.html">
<span class="icon icon-list"></span>
<span class="tab-label">Reservations</span>
</a>
<a class="tab-item" href="../index.html">
<span class="icon icon-stop"></span>
<span class="tab-label">Log Out</span>
</a>
</nav>
<div class="content">
<ul class="table-view">
<li class="table-view-cell media">
<img id="prof_pic" class="media-object pull-left" src="img/joey.jpg">
<div class="media-body">
Joe Smith
<p>
Age: 22 <br>
Rating: 4/5
</p>
</div>
</a>
</li>
<li class="table-view-cell media">
<p>
Joe is a graduate student at HKS. He loves traveling to Europe and loves cooking Italian food. He enjoys meeting new people and takes time to help at the homeless shelter in his spare time.
</p>
</li>
<li class="table-view-cell media">
<div class="media-body">
Payment Info:
<p>
<pre># **** **** **** 1234</pre>
<pre>CVV: 121 Exp: 02/15</pre>
</p>
</div>
</a>
</li>
</ul>
</div>
</body>
</html>