-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhost-profile.html
124 lines (120 loc) · 5.24 KB
/
host-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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="logo_and_images\favicon.png">
<title>Profile</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&display=swap" rel="stylesheet">
</head>
<body>
<header id="Header">
<img src="logo_and_images\logo.png" alt="logo" , width="10%">
<div id="formBox">
<form id="formh">
<input type="text" id="location" name="location" placeholder="Location">
<input type="text" id="no of guest" name="no of guest" placeholder="No Guest">
<input type="text" id="date" name="date" placeholder="Date">
<button type="submit"
style="margin-left: 10px; border-radius: 50%; height: 50px; width: 55px; display: flex; justify-content: center;">
<img src="logo_and_images\search.png" alt="Submit" style="height:100%;">
</button>
</form>
</div>
<button id="menu-button" style="width: 100px; height: 50px;">
<img src="logo_and_images\menu.png" style="width: 100%; height: auto;">
</button>
<div id="nav-menu" style="display: flex; flex-direction: column; align-items: center; position: absolute; top: 100px; right: 20px;">
<div style="display: flex; align-items: center; width: fit-content; margin-bottom: 20px;">
<div style="width: 6vw; height: 6vw; border-radius: 50%; overflow: hidden; margin-right: 20px;">
<img src="logo_and_images\host.jpg" alt="user pic" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;">
</div>
<div style="display: flex; flex-direction: column;">
<h2 style="margin-bottom: 5px;">Zahidah Zakaria</h2>
<h3 style="margin-top: 0;">Host</h3>
</div>
</div>
<a href="host-mp.html">
<button>Home</button>
</a>
<a href="host-profile.html">
<button>Profile</button>
</a>
<a href="host-property.html">
<button>Property List</button>
</a>
<a href="host-report.html">
<button>Report</button>
</a>
<a href="host-refund.html">
<button>Refund</button>
</a>
<a href="host-performance.html">
<button>Performance</button>
</a>
<a href="index.html">
<button>Logout Account</button>
</a>
</div>
</div>
</header>
<div
style="padding-top: 150px; margin-left: 15%; display: flex; align-items: center; width: fit-content;margin-bottom: 20px;">
<div
style="background-color: aquamarine; width: 8vw; height: 8vw; border-radius: 50%; overflow: hidden; margin-right: 20px;">
<!-- Add margin-right here -->
<img src="logo_and_images\host.jpg" alt="user pic" ,
style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;">
</div>
<h1 style="font-size: 50px;"> Zahidah Zakaria </h1>
</div>
<div class="appbox">
<div class="profile" style="padding-top: 5%;">
<h2> Name: </h2>
<div id="details">
<p> Zahidah Amelia Binti Dato Zakaria</p>
</div>
<h2> Email: </h2>
<div id="details">
<p> z.amelia98@gmail.com</p>
</div>
<h2> Phone Number: </h2>
<div id="details">
<p> +6012345678</p>
</div>
<h2> Status: </h2>
<div id="details">
<p> Host</p>
</div>
<div style="display: flex; justify-content: center; align-items: center; margin-top: 40px; margin-bottom: 40px;">
<a href="host-profileedit.html">
<button button id="whitebutton" style="width: 200px; height: 60px;">Edit Profile</button>
</a>
</div>
</div>
</div>
<footer>
<div id="footer">
<div id="footer1">
<h1>Company</h1>
<p><a href="aboutus.html">About Us</a></p>
<p><a href="help.html">Help</a></p>
<p><a href="policies.html">Policies</a></p>
<p><a href="tnc.html">Terms & Condition</a></p>
</div>
<div id="footer2">
<h1>Hosting</h1>
<p><a href="whyhost.html">Why Host</a></p>
<p><a href="responsiblehost.html">Responsible Hosting</a></p>
<p><a href="community.html">Community Center</a></p>
</div>
</div>
<div id="footer4">
<img src="logo_and_images\logo.png" alt="logo" , width="10%">
<p>© 2024 Vacay, Sdn. Bhd. All rights reserved.</p>
</div>
</footer>
<script src="vacay.js"></script>
</body>
</html>