-
Notifications
You must be signed in to change notification settings - Fork 1
/
profile.html
130 lines (110 loc) · 5.84 KB
/
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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Tripp: Profile</title>
<link rel="stylesheet" type="text/css" href="css/general.css" />
<link rel="stylesheet" type="text/css" href="css/signup.css">
<link rel="stylesheet" type="text/css" href="css/guide_signup.css">
<link rel="stylesheet" type="text/css" href="css/profile.css">
<script src="js/profile.js"></script>
</head>
<body onload="loadResults()">
<div class="top-bar pic-text">
<a class="logo pic-text a-link-style" href="/index.html">Tripp</a>
<span class="page-title">Profile</span>
</div>
<div id="main-frame">
<form class="sign-up-form" action="">
<div class="first-name-container">
<div class="sign-up-text">First Name</div>
<input class="input-text middle-length" type="text" name="first-name" id="first-name-input" value="" disabled><br />
</div>
<div class="last-name-container">
<div class="sign-up-text">Last Name</div>
<input class="input-text middle-length" type="text" name="last-name" id="last-name-input" value="" disabled><br />
</div>
<div class="gender-container">
<div class="sign-up-text">Gender</div>
<select class="input-text select-padding" name="genders" disabled>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<div class="email-container">
<div class="sign-up-text">E-mail Address</div>
<input class="input-text middle-length" type="email" name="email" id="email-input" value="" disabled><br />
</div>
<div class="email-container hidden" id="unique" style="display: none">
<div class="sign-up-text">Confirm E-mail Address</div>
<input class="input-text middle-length" type="email" name="confirm-email" id="confirm-email-input" disabled><br />
</div>
<div class="signup-third-line">
<div class="password-container">
<div class="sign-up-text">Password</div>
<input class="input-text middle-length" type="password" name="password" id="password-input" value="" disabled><br />
</div>
<div class="password-container hidden" style="display: none">
<div class="sign-up-text">Confirm Password</div>
<input class="input-text middle-length" type="password" name="confirm-password" id="confirm-password-input" disabled><br />
</div>
</div>
<div class='tour-guide-info' style="display: none">
<div class="place-container tour-guide-info">
<div class="sign-up-text">Your Info As a Tour Guide: </div>
</div>
<div class="place-container">
<div class="sign-up-text">Places Where You Can be A Tour Guide</div>
<input class="input-text middle-length" type="text" name="places" id="places-input" placeholder="e.x. Beijing, China" disabled><br />
</div>
<div class="place-container">
<div class="sign-up-text">Theme(s) of Your Guided Tour</div>
<input class="input-text middle-length" type="text" name="themes" id="themes-input" placeholder="e.x. Culture" disabled><br />
</div>
<div class="description-container">
<div class="sign-up-text">Description as A Tour Guide</div>
<textarea class="signup-textarea" form="guide-sign-up-form" name="description" id="description-input" rows="6" cols="60" placeholder="Tell Us About Yourself" disabled></textarea><br />
</div>
<div class="date-container">
<div class="sign-up-text">Please Specify Your Available Dates:</div>
<div class="date-line">
<div class="middle-text from-text">From</div>
<input class="input-text tiny-length" type="date" name="date" id="from-date-input" disabled>
<div class="middle-text">to</div>
<input class="input-text tiny-length" type="date" name="date" id="to-date-input" disabled><br />
</div>
</div>
<div class="time-container">
<div class="sign-up-text">Please Also Specify Your Available Time for Each Day:</div>
<div class="date-line">
<div class="middle-text from-text">From</div>
<input class="input-text tiny-length-time" type="time" name="date" id="from-time-input" disabled>
<div class="middle-text">to</div>
<input class="input-text tiny-length-time" type="time" name="date" id="to-time-input" disabled><br />
</div>
</div>
<div class="time-container">
<div class="sign-up-text separate">Please Provide Pricing for Your Service:</div>
<div class="date-line">
<div class="middle-text from-text">$</div>
<input class="input-text tinytiny-length" type="number" name="date" id="plan-price-input" disabled>
<div class="middle-text">per Plan</div><br />
</div><br />
<div class="date-line">
<div class="middle-text from-text">$</div>
<input class="input-text tinytiny-length" type="number" name="date" id="accompany-price-input" disabled>
<div class="middle-text">per Hour if Accompany During the Tour</div><br />
</div>
</div>
</div>
<div class="signup-fourth-line">
<div class="signup-button-container">
<button class="pic-text submit-button button-color" id="edit-button" onclick="editProfile(); return false">Edit My Profile</button>
<a class="pic-text submit-button button-color" href="./trips.html">Check My Trips</a>
</div>
</div>
</form>
</div>
</body>
</html>