-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhomepage.html
123 lines (119 loc) · 5.13 KB
/
homepage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard</title>
<link rel="stylesheet" href="styles/homestyle.css">
</head>
<body>
<header class="navbar">
<div class="container">
<a href="#" class="logo">JoB BoARD</a>
<nav>
<input type="text" placeholder="What service are you looking for today?" class="search-bar">
<ul class="nav-links">
<li><a href="footers/careers.html">JoB Select</a></li>
<li><a href="top/messages.html">Messages</a></li>
<li><a href="top/orders.html">Orders</a></li>
<li><a href="#" class="user-profile">N</a></li>
<li><a href="JoBBOARD.html" class="user-profile">Log Out</a></li>
</ul>
</nav>
</div>
</header>
<nav class="sub-nav">
<ul>
<li><a href="adds/graphics.html">Graphics & Design</a></li>
<li><a href="top/tech.html">Programming & Tech</a></li>
<li><a href="top/home.html">Home Keeping</a></li>
<li><a href="top/video.html">Video & Animation</a></li>
<li><a href="top/driver.html">Driver</a></li>
<li><a href="top/music.html">Music & Audio</a></li>
<li><a href="top/acc.html">Accountant</a></li>
<li><a href="top/teacher.html">Teacher</a></li>
<li><a href="top/data.html">Data Analysis</a></li>
<li><a href="top/ai.html">AI Services</a></li>
</ul>
</nav>
<section class="welcome-banner">
<div class="container">
<h1>Welcome back, Nopole <span>👋</span></h1>
<div class="recommendations">
<div class="recommendation-card">
<h3>Search For Jobs</h3>
<p>Create a brief and get custom offers.</p>
<a href="footers/careers.html">Search for Job</a>
</div>
<div class="recommendation-card">
<h3>Post a Job</h3>
<p>Tell us a bit about your job offer</p>
<a href="footers/postjobs.html">Post Job</a>
</div>
</div>
</div>
</section>
<section class="browsing-history">
<div class="container">
<h2>Based on your browsing history</h2>
<div class="history-grid">
<div class="history-item">
<img src="images/house.png" alt="History Item 1">
<p>House Keeping <span>50000/mth</span></p>
</div>
<div class="history-item">
<img src="images/garage.png" alt="History Item 2">
<p>Garage <span>100000/mth</span></p>
</div>
<div class="history-item">
<img src="images/nanny.png" alt="History Item 3">
<p>Nanny <span>70000/mth</span></p>
</div>
<div class="history-item">
<img src="images/driver.png" alt="History Item 4">
<p>Driver <span>30000/day</span></p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-nav">
<div>
<h3>Categories</h3>
<ul>
<li><a href="adds/graphics.html">Graphics & Design</a></li>
<li><a href="adds/digital.html">Digital Marketing</a></li>
<li><a href="adds/writing.html">Writing & Translation</a></li>
</ul>
</div>
<div>
<h3>About</h3>
<ul>
<li><a href="footers/careers.html">Careers</a></li>
<li><a href="footers/pressnews.html">Press & News</a></li>
<li><a href="footers/partnerships.html">Partnerships</a></li>
</ul>
</div>
<div>
<h3>Support</h3>
<ul>
<li><a href="footers/helpsupport.html">Help & Support</a></li>
<li><a href="footers/trustsafe.html">Trust & Safety</a></li>
<li><a href="footers/postjobs.html">Post a Job</a></li>
</ul>
</div>
<div>
<h3>Community</h3>
<ul>
<li><a href="footers/customerstories.html">Customer Success Stories</a></li>
<li><a href="footers/commhub.html">Community Hub</a></li>
<li><a href="footers/forum.html">Forum</a></li>
</ul>
</div>
</div>
<p>© JoB BoARD International Ltd. 2024</p>
</div>
</footer>
</body>
</html>