124 lines
9.1 KiB
HTML
124 lines
9.1 KiB
HTML
<section class="py-20 md:py-28 px-4 md:px-8 bg-gvsds-black">
|
||
<div class="section mt-4 py-8">
|
||
<div class="container mx-auto px-4">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8 col-md-12">
|
||
<!-- 标题区域 -->
|
||
<div class="text-center mb-10">
|
||
<h2 class="title bshow text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-white tracking-wide">联系我们</h2>
|
||
<p class="description dshow text-gray-300 mt-4 max-w-2xl mx-auto">
|
||
嘿，朋友，<br class="md:hidden">
|
||
你可以通过以下方式联系我们，以下任何方式都可以达成你所需的目的。<br class="md:hidden">
|
||
比如合作、反馈问题等等。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 联系卡片容器 -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<!-- 反馈邮箱卡片 -->
|
||
<a href="mailto:support@gvsds.com" class="group">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-blue-500 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center text-blue-400 group-hover:bg-blue-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">反馈咨询</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-blue-300 transition-colors">support@gvsds.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 站长邮箱卡片（主邮箱） -->
|
||
<a href="mailto:wyt@gvsds.com" class="group">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-green-500 transition-all duration-300 hover:shadow-lg hover:shadow-green-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-green-500/20 rounded-lg flex items-center justify-center text-green-400 group-hover:bg-green-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">站长（创始人）</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-green-300 transition-colors">wyt@gvsds.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 网站管理员卡片 -->
|
||
<a href="mailto:postmaster@gvsds.com" class="group">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-purple-500 transition-all duration-300 hover:shadow-lg hover:shadow-purple-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center text-purple-400 group-hover:bg-purple-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">网站管理员</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-purple-300 transition-colors">postmaster@gvsds.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 网站所有者卡片 -->
|
||
<a href="mailto:master@gvsds.com" class="group">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-yellow-500 transition-all duration-300 hover:shadow-lg hover:shadow-yellow-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-yellow-500/20 rounded-lg flex items-center justify-center text-yellow-400 group-hover:bg-yellow-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">网站所有者</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-yellow-300 transition-colors">master@gvsds.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 站长备用邮箱卡片（163） -->
|
||
<a href="mailto:wyt18222152539wyt@163.com" class="group md:col-span-2">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition-all duration-300 hover:shadow-lg hover:shadow-red-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-red-500/20 rounded-lg flex items-center justify-center text-red-400 group-hover:bg-red-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">站长（创始人）备用邮箱（163）</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-red-300 transition-colors break-all">wyt18222152539wyt@163.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- HR 邮箱 -->
|
||
<a href="mailto:hr@gvsds.com" class="group md:col-span-2">
|
||
<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition-all duration-300 hover:shadow-lg hover:shadow-red-500/10">
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-12 h-12 bg-red-500/20 rounded-lg flex items-center justify-center text-red-400 group-hover:bg-red-500/30 transition-colors">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-white font-semibold text-lg">人力资源部（ HR ）邮箱</h3>
|
||
<p class="text-gray-300 mt-1 group-hover:text-red-300 transition-colors break-all">hr@gvsds.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> |