-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
195 lines (174 loc) · 8.93 KB
/
services.html
File metadata and controls
195 lines (174 loc) · 8.93 KB
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Browse Gigs - TaskHub</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<a href="index.html" style="color: inherit; text-decoration: none;">TaskHub</a>
</div>
<nav class="nav">
<a href="index.html" class="nav-link">Home</a>
<a href="services.html" class="nav-link">Services</a>
<a href="#" class="nav-link">About</a>
<a href="#" class="nav-link">Contact</a>
</nav>
<a href="signin.html" class="btn-signin">Sign In</a>
</div>
</header>
<section class="gigs-section">
<div class="container">
<h1 class="page-title">Available Gigs</h1>
<p class="page-subtitle">Browse and apply for gigs posted by clients</p>
<div class="gigs-grid">
<!-- Gig Card 1 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Write a 5-Page Research Paper on Climate Change</h3>
<div class="gig-points">250 Points</div>
</div>
<p class="gig-description">
Need a well-researched paper on climate change impacts. Must include citations and follow APA format. Deadline is 5 days from now.
</p>
<div class="gig-details">
<span class="gig-category">📝 Academic Writing</span>
<span class="gig-duration">⏱️ 5 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 2 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Design a Logo for Campus Coffee Shop</h3>
<div class="gig-points">180 Points</div>
</div>
<p class="gig-description">
Looking for a modern and clean logo design for a new coffee shop. Prefer minimalist style with warm colors.
</p>
<div class="gig-details">
<span class="gig-category">🎨 Graphic Design</span>
<span class="gig-duration">⏱️ 3 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 3 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Build a Simple To-Do List Web App</h3>
<div class="gig-points">320 Points</div>
</div>
<p class="gig-description">
Need a basic to-do list application using HTML, CSS, and JavaScript. Must have add, delete, and mark complete features.
</p>
<div class="gig-details">
<span class="gig-category">💻 Programming</span>
<span class="gig-duration">⏱️ 7 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 4 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Math Tutoring for Calculus II</h3>
<div class="gig-points">150 Points</div>
</div>
<p class="gig-description">
Need help preparing for upcoming Calculus II exam. Looking for 3 tutoring sessions, 1 hour each, covering integration techniques.
</p>
<div class="gig-details">
<span class="gig-category">📚 Tutoring</span>
<span class="gig-duration">⏱️ Ongoing</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 5 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Analyze Survey Data in Excel</h3>
<div class="gig-points">200 Points</div>
</div>
<p class="gig-description">
Have survey responses from 100 students. Need charts, graphs, and basic statistical analysis including mean, median, and mode.
</p>
<div class="gig-details">
<span class="gig-category">📊 Data Analysis</span>
<span class="gig-duration">⏱️ 4 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 6 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Edit 10-Minute YouTube Video</h3>
<div class="gig-points">280 Points</div>
</div>
<p class="gig-description">
Raw footage needs editing for a YouTube vlog. Add transitions, background music, and text overlays. Simple and clean style preferred.
</p>
<div class="gig-details">
<span class="gig-category">🎬 Video Editing</span>
<span class="gig-duration">⏱️ 6 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 7 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Write 3 Blog Posts for Student Lifestyle</h3>
<div class="gig-points">220 Points</div>
</div>
<p class="gig-description">
Need engaging blog posts about student life, study tips, and campus activities. Each post should be 800-1000 words.
</p>
<div class="gig-details">
<span class="gig-category">✍️ Content Writing</span>
<span class="gig-duration">⏱️ 5 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 8 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Translate English Document to Spanish</h3>
<div class="gig-points">160 Points</div>
</div>
<p class="gig-description">
Have a 5-page academic document in English that needs accurate translation to Spanish. Must preserve formatting and academic tone.
</p>
<div class="gig-details">
<span class="gig-category">🌍 Translation</span>
<span class="gig-duration">⏱️ 3 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
<!-- Gig Card 9 -->
<div class="gig-card">
<div class="gig-header">
<h3 class="gig-title">Manage Instagram Account for 2 Weeks</h3>
<div class="gig-points">300 Points</div>
</div>
<p class="gig-description">
Need someone to create and post content daily on Instagram for a student organization. Include captions and hashtags.
</p>
<div class="gig-details">
<span class="gig-category">📱 Social Media</span>
<span class="gig-duration">⏱️ 14 days</span>
</div>
<a href="#" class="gig-button">Apply Now</a>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>© 2025 TaskHub. Made for students, by students.</p>
</div>
</footer>
</body>
</html>