Spaces:
Running
Running
File size: 32,182 Bytes
e644647 |
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 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 |
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TalentHire - 应召实习生招聘平台</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #4361ee;
--secondary: #3f37c9;
--accent: #4cc9f0;
--light: #f8f9fa;
--dark: #212529;
}
body {
font-family: 'Noto Sans TC', 'Poppins', sans-serif;
background-color: #f5f7ff;
color: var(--dark);
overflow-x: hidden;
}
.gradient-bg {
background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
}
.card-hover {
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.card-hover:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.feature-icon {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
background: rgba(67, 97, 238, 0.1);
color: var(--primary);
font-size: 28px;
}
.step-number {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary);
color: white;
font-weight: bold;
margin-right: 15px;
flex-shrink: 0;
}
.job-card {
transition: all 0.3s ease;
border-left: 4px solid var(--primary);
}
.job-card:hover {
border-left: 4px solid var(--accent);
background-color: white;
}
.animate-float {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}
.stats-counter {
font-size: 2.5rem;
font-weight: 700;
background: linear-gradient(90deg, var(--primary), var(--accent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<!-- 导航栏 -->
<nav class="bg-white shadow-md py-4 sticky top-0 z-50">
<div class="container mx-auto px-4 flex justify-between items-center">
<div class="flex items-center">
<div class="w-10 h-10 rounded-lg gradient-bg flex items-center justify-center text-white font-bold text-xl mr-3">TH</div>
<span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-purple-600">TalentHire</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">首页</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">职位探索</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">企业服务</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">生涯指南</a>
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">关于我们</a>
</div>
<div class="flex items-center space-x-4">
<a href="#" class="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white px-6 py-2 rounded-full font-medium shadow-lg transition-all duration-300">登录/注册</a>
<a href="#" class="md:hidden text-gray-600 text-xl">
<i class="fas fa-bars"></i>
</a>
</div>
</div>
</nav>
<!-- 头部区域 -->
<header class="gradient-bg pt-16 pb-32 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-full opacity-10">
<div class="absolute top-20 left-20 w-64 h-64 rounded-full bg-white animate-float"></div>
<div class="absolute bottom-10 right-20 w-80 h-80 rounded-full bg-white animate-float" style="animation-delay: 2s;"></div>
<div class="absolute top-1/3 right-1/4 w-40 h-40 rounded-full bg-white animate-float" style="animation-delay: 4s;"></div>
</div>
<div class="container mx-auto px-4 relative z-10">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-12 md:mb-0 text-center md:text-left">
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
连接<span class="text-yellow-300">优秀实习生</span>与<span class="text-yellow-300">顶尖企业</span>
</h1>
<p class="text-xl text-blue-100 mb-10 max-w-lg">
全台湾领先的实习生招聘平台，超过500家企业正在寻找像您这样的优秀人才！
</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="#" class="bg-white text-blue-800 hover:bg-blue-50 font-bold px-8 py-4 rounded-full text-lg shadow-lg transition-all duration-300 text-center">
立即寻找实习机会 <i class="fas fa-arrow-right ml-2"></i>
</a>
<a href="#" class="bg-transparent border-2 border-white text-white hover:bg-white hover:text-blue-800 font-bold px-8 py-4 rounded-full text-lg transition-all duration-300 text-center">
企业招聘入口
</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<div class="relative">
<div class="relative z-20 w-80 h-80 md:w-96 md:h-96 rounded-full overflow-hidden border-8 border-white shadow-2xl">
<img src="https://images.unsplash.com/photo-1571260899304-425eee4c7efc?auto=format&fit=crop&w=600&q=80" alt="实习招聘" class="w-full h-full object-cover">
</div>
<div class="absolute -top-6 -right-6 bg-yellow-400 text-gray-900 px-6 py-3 rounded-full font-bold shadow-lg z-30">
<i class="fas fa-bolt mr-2"></i> 快速配对
</div>
<div class="absolute -bottom-6 -left-6 bg-white text-blue-800 px-6 py-3 rounded-full font-bold shadow-lg z-30">
<i class="fas fa-chart-line mr-2"></i> 97% 成功率
</div>
</div>
</div>
</div>
</div>
</header>
<!-- 统计数据 -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div class="p-6">
<div class="stats-counter">2,500+</div>
<p class="text-gray-600 mt-2">实习职位</p>
</div>
<div class="p-6">
<div class="stats-counter">500+</div>
<p class="text-gray-600 mt-2">合作企业</p>
</div>
<div class="p-6">
<div class="stats-counter">35,000+</div>
<p class="text-gray-600 mt-2">注册学生</p>
</div>
<div class="p-6">
<div class="stats-counter">92%</div>
<p class="text-gray-600 mt-2">满意率</p>
</div>
</div>
</div>
</section>
<!-- 特色功能 -->
<section class="py-20 bg-gradient-to-br from-blue-50 to-indigo-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">为何选择 TalentHire</h2>
<p class="text-xl text-gray-600 max-w-2xl mx-auto">我们为实习招聘提供全方位的解决方案，让企业和实习生无缝对接</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
<!-- 特色卡片 1 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-search"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">智能匹配</h3>
<p class="text-gray-600 mb-4">
基于技能、专业和兴趣的AI智能匹配系统，精准连接企业与合适人才。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
<!-- 特色卡片 2 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-file-alt"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">简历优化</h3>
<p class="text-gray-600 mb-4">
专业简历制作工具与模板，助你打造吸引人的专业简历，提升录取机会。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
<!-- 特色卡片 3 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-video"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">视频面试</h3>
<p class="text-gray-600 mb-4">
一体化视频面试平台，突破地域限制，让面试更高效便捷。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
<!-- 特色卡片 4 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">实习追踪</h3>
<p class="text-gray-600 mb-4">
实习过程全程追踪与反馈系统，帮助双方提升实习质量与体验。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
<!-- 特色卡片 5 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">技能培训</h3>
<p class="text-gray-600 mb-4">
丰富的职场技能在线课程，帮助实习生快速适应职场环境。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
<!-- 特色卡片 6 -->
<div class="bg-white rounded-xl p-8 card-hover">
<div class="feature-icon">
<i class="fas fa-handshake"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-4">入职保障</h3>
<p class="text-gray-600 mb-4">
完善的实习保障体系，包括协议模板、保险建议与纠纷处理机制。
</p>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
了解更多 <i class="fas fa-arrow-right ml-2 text-sm"></i>
</a>
</div>
</div>
</div>
</section>
<!-- 热门职位 -->
<section class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-12">
<div>
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-2">热门实习职位</h2>
<p class="text-lg text-gray-600">最新发布的优质实习机会</p>
</div>
<a href="#" class="text-blue-600 font-medium inline-flex items-center">
浏览全部职位 <i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- 职位卡片 1 -->
<div class="bg-white rounded-xl p-6 job-card border border-gray-100 shadow-sm">
<div class="flex items-start mb-4">
<div class="w-16 h-16 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-2xl mr-4">
<i class="fab fa-google"></i>
</div>
<div>
<h3 class="font-bold text-xl text-gray-800">前端开发实习生</h3>
<p class="text-gray-600">Google Taiwan</p>
</div>
</div>
<div class="flex flex-wrap gap-2 mb-6">
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">React</span>
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">JavaScript</span>
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">UI/UX</span>
</div>
<div class="flex justify-between items-center">
<div>
<p class="text-gray-600">台北市</p>
<p class="font-bold text-blue-600">月津贴 $25,000+</p>
</div>
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">3天前发布</span>
</div>
</div>
<!-- 职位卡片 2 -->
<div class="bg-white rounded-xl p-6 job-card border border-gray-100 shadow-sm">
<div class="flex items-start mb-4">
<div class="w-16 h-16 rounded-lg bg-purple-100 flex items-center justify-center text-purple-600 text-2xl mr-4">
<i class="fas fa-chart-line"></i>
</div>
<div>
<h3 class="font-bold text-xl text-gray-800">行销数据分析实习生</h3>
<p class="text-gray-600">Appier</p>
</div>
</div>
<div class="flex flex-wrap gap-2 mb-6">
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">数据分析</span>
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Excel</span>
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Google Analytics</span>
</div>
<div class="flex justify-between items-center">
<div>
<p class="text-gray-600">台北市</p>
<p class="font-bold text-blue-600">月津贴 $22,000+</p>
</div>
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">1天前发布</span>
</div>
</div>
<!-- 职位卡片 3 -->
<div class="bg-white rounded-xl p-6 job-card border border-gray-100 shadow-sm">
<div class="flex items-start mb-4">
<div class="w-16 h-16 rounded-lg bg-red-100 flex items-center justify-center text-red-600 text-2xl mr-4">
<i class="fas fa-laptop-code"></i>
</div>
<div>
<h3 class="font-bold text-xl text-gray-800">后端开发实习生</h3>
<p class="text-gray-600">Dcard</p>
</div>
</div>
<div class="flex flex-wrap gap-2 mb-6">
<span class="bg-red-100 text-red-800 px-3 py-1 rounded-full text-sm">Node.js</span>
<span class="bg-red-100 text-red-800 px-3 py-1 rounded-full text-sm">Python</span>
<span class="bg-red-100 text-red-800 px-3 py-1 rounded-full text-sm">MongoDB</span>
</div>
<div class="flex justify-between items-center">
<div>
<p class="text-gray-600">台北市 · 远端</p>
<p class="font-bold text-blue-600">月津贴 $28,000+</p>
</div>
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">5天前发布</span>
</div>
</div>
</div>
</div>
</section>
<!-- 使用流程 -->
<section class="py-20 bg-gradient-to-br from-blue-500 to-indigo-700 text-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">三步开启实习之旅</h2>
<p class="text-blue-100 text-xl max-w-2xl mx-auto">简单高效的流程，助你快速找到理想实习</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
<!-- 步骤 1 -->
<div class="flex items-start">
<div class="step-number">1</div>
<div>
<h3 class="text-xl font-bold mb-3">创建个人档案</h3>
<p class="text-blue-100 mb-4">完善你的个人信息、教育背景、技能和实习偏好，让企业更了解你。</p>
<div class="flex items-center text-sm text-blue-200">
<i class="fas fa-clock mr-2"></i> 平均完成时间: 8分钟
</div>
</div>
</div>
<!-- 步骤 2 -->
<div class="flex items-start">
<div class="step-number">2</div>
<div>
<h3 class="text-xl font-bold mb-3">探索匹配职位</h3>
<p class="text-blue-100 mb-4">系统根据你的档案智能推荐实习机会，也可主动搜索心仪职位。</p>
<div class="flex items-center text-sm text-blue-200">
<i class="fas fa-bolt mr-2"></i> 匹配准确率: 95%
</div>
</div>
</div>
<!-- 步骤 3 -->
<div class="flex items-start">
<div class="step-number">3</div>
<div>
<h3 class="text-xl font-bold mb-3">申请与面试</h3>
<p class="text-blue-100 mb-4">一键申请职位，通过平台安排面试，实时追踪申请状态。</p>
<div class="flex items-center text-sm text-blue-200">
<i class="fas fa-rocket mr-2"></i> 平均反馈时间: 48小时
</div>
</div>
</div>
</div>
<div class="text-center mt-16">
<a href="#" class="bg-white text-blue-600 hover:bg-blue-50 font-bold px-8 py-4 rounded-full text-lg shadow-lg transition-all duration-300 inline-flex items-center">
立即开始 <i class="fas fa-play-circle ml-2"></i>
</a>
</div>
</div>
</section>
<!-- 用户评价 -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">用户评价</h2>
<p class="text-xl text-gray-600">听听他们怎么说</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- 评价 1 -->
<div class="bg-white rounded-xl p-8 shadow-md">
<div class="flex items-center mb-6">
<img src="https://randomuser.me/api/portraits/women/65.jpg" alt="User" class="w-16 h-16 rounded-full object-cover">
<div class="ml-4">
<h4 class="font-bold text-gray-800">林怡君</h4>
<p class="text-blue-600">台湾大学 · 资管系</p>
</div>
</div>
<p class="text-gray-600 mb-6 italic">
"通过TalentHire，我在大二暑假就获得了Google的实习机会！平台上的职位非常优质，申请过程也很顺畅。AI匹配系统帮我找到了最适合我专业方向的职位。"
</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- 评价 2 -->
<div class="bg-white rounded-xl p-8 shadow-md">
<div class="flex items-center mb-6">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="w-16 h-16 rounded-full object-cover">
<div class="ml-4">
<h4 class="font-bold text-gray-800">陈志明</h4>
<p class="text-blue-600">成功大学 · 电机系</p>
</div>
</div>
<p class="text-gray-600 mb-6 italic">
"简历优化工具太有帮助了！我之前投了20多家公司都没回音，使用平台工具修改简历后，一周内就收到3个面试邀请。现在我已在台积电实习3个月了。"
</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<!-- 评价 3 -->
<div class="bg-white rounded-xl p-8 shadow-md">
<div class="flex items-center mb-6">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="User" class="w-16 h-16 rounded-full object-cover">
<div class="ml-4">
<h4 class="font-bold text-gray-800">戴雅雯</h4>
<p class="text-blue-600">中山大学 · 企管系</p>
</div>
</div>
<p class="text-gray-600 mb-6 italic">
"作为实习生招聘经理，TalentHire彻底改变了我们的招聘流程。AI筛选功能帮助我们节省了70%的简历初筛时间，找到的人才质量也大幅提升。"
</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</section>
<!-- 底部行动区 -->
<section class="py-20 gradient-bg">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl md:text-5xl font-bold text-white mb-8">准备好开启你的实习之旅了吗？</h2>
<p class="text-xl text-blue-100 max-w-3xl mx-auto mb-12">加入台湾领先的实习生招聘平台，数千家企业正在寻找像你这样的人才</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#" class="bg-white text-blue-800 hover:bg-blue-50 font-bold px-8 py-4 rounded-full text-lg shadow-lg transition-all duration-300">
注册学生账号
</a>
<a href="#" class="bg-blue-900 text-white hover:bg-blue-800 font-bold px-8 py-4 rounded-full text-lg border-2 border-white transition-all duration-300">
企业注册入口
</a>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-gray-900 text-white py-16">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
<div>
<div class="flex items-center mb-6">
<div class="w-10 h-10 rounded-lg gradient-bg flex items-center justify-center text-white font-bold text-xl mr-3">TH</div>
<span class="text-2xl font-bold">TalentHire</span>
</div>
<p class="text-gray-400 mb-6">
连接优秀学生与顶尖企业的实习招聘平台，助力职场新人开启职业生涯。
</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-facebook"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-linkedin"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
<div>
<h4 class="text-lg font-bold mb-6 border-l-4 border-blue-500 pl-3">学生资源</h4>
<ul class="space-y-3">
<li><a href="#" class="text-gray-400 hover:text-white">实习职位</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">简历制作</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">面试准备</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">职场技能</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">实习心得</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6 border-l-4 border-blue-500 pl-3">企业服务</h4>
<ul class="space-y-3">
<li><a href="#" class="text-gray-400 hover:text-white">发布职位</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">人才搜寻</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">招聘方案</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">实习管理</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">企业案例</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6 border-l-4 border-blue-500 pl-3">联系我们</h4>
<ul class="space-y-3 text-gray-400">
<li class="flex items-start">
<i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-500"></i>
<span>台北市信义区松仁路123号15楼</span>
</li>
<li class="flex items-center">
<i class="fas fa-phone-alt mr-3 text-blue-500"></i>
<span>+886 2 3456 7890</span>
</li>
<li class="flex items-center">
<i class="fas fa-envelope mr-3 text-blue-500"></i>
<span>contact@talenthire.tw</span>
</li>
<li class="flex items-center">
<i class="fas fa-clock mr-3 text-blue-500"></i>
<span>周一至周五 9:00-18:00</span>
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 mt-16 pt-8 text-center text-gray-500">
<p>© 2023 TalentHire 应召实习生平台. 保留所有权利。</p>
</div>
</div>
</footer>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=suanan/hoansu-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |