Files

391 lines
15 KiB
HTML

<div class="page-header header-filter">
<div class="night">
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<!--<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>-->
</div>
<div class="squares square1 ashow"></div>
<div class="squares square2 ashow"></div>
<div class="squares square3 ashow"></div>
<div class="squares square4 ashow"></div>
<div class="squares square5 ashow"></div>
<div class="squares square6 ashow"></div>
<div class="squares square7 ashow"></div>
<div class="container">
<div class="content-center brand">
<h1 class="h1-seo ashow" id="gtitle">GVSDS</h1>
<h3 class="ashow mt-2">Galaxy Vantone Software Development Studio</h3>
<h3 class="ashow mt-2">银河锋锐软件开发工作室</h3>
<h5 class="ashow mt-2">函数交织,前端架构如星辰共映;类继承情,后端逻辑似山海同辉。
在html a标签中,借 URL 替你我传情。
</h5>
</div>
</div>
</div>
<div class="container py-5">
<!-- 链接统计 -->
<div class="row mb-5">
<div class="col-md-3 mb-3">
<div class="card bg-info text-white h-100">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h3 class="mb-0">总链接数</h3>
<p class="text-white-75 mt-1">208 个</p>
</div>
<div class="rounded-circle bg-white p-3">
<i class="fas fa-link text-info fa-lg"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card bg-success text-white h-100">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h3 class="mb-0">活跃链接</h3>
<p class="text-white-75 mt-1">192 个</p>
</div>
<div class="rounded-circle bg-white p-3">
<i class="fas fa-check-circle text-success fa-lg"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card bg-warning text-white h-100">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h3 class="mb-0">待审核</h3>
<p class="text-white-75 mt-1">16 个</p>
</div>
<div class="rounded-circle bg-white p-3">
<i class="fas fa-clock text-warning fa-lg"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card bg-danger text-white h-100">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h3 class="mb-0">失效链接</h3>
<p class="text-white-75 mt-1">10 个</p>
</div>
<div class="rounded-circle bg-white p-3">
<i class="fas fa-exclamation-triangle text-danger fa-lg"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 链接内容 -->
<div class="tab-content">
<!-- 全部链接 -->
<div class="tab-pane fade show active" role="tabpanel">
<div class="row">
<!--div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">示例科技</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.example-tech.com</p>
</div>
<div class="bg-primary text-white rounded-circle p-2">
<i class="fas fa-laptop-code"></i>
</div>
</div>
<p class="card-text text-muted">专注于前沿技术研究与开发,提供创新解决方案和技术咨询服务。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 12,456
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">设计灵感</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.design-inspire.com</p>
</div>
<div class="bg-secondary text-white rounded-circle p-2">
<i class="fas fa-paint-brush"></i>
</div>
</div>
<p class="card-text text-muted">提供高质量设计资源和创意灵感,帮助设计师获取最新设计趋势和技巧。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 9,872
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">资源宝库</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.resource-treasure.com</p>
</div>
<div class="bg-success text-white rounded-circle p-2">
<i class="fas fa-box-open"></i>
</div>
</div>
<p class="card-text text-muted">汇集各类学习资源和工具,助力个人成长和技能提升的免费资源平台。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 15,321
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">代码工坊</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.code-workshop.com</p>
</div>
<div class="bg-info text-white rounded-circle p-2">
<i class="fas fa-code"></i>
</div>
</div>
<p class="card-text text-muted">提供编程教程和代码示例,帮助开发者快速掌握新技术和解决编程难题。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 8,765
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">创意设计</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.creative-design.com</p>
</div>
<div class="bg-warning text-white rounded-circle p-2">
<i class="fas fa-lightbulb"></i>
</div>
</div>
<p class="card-text text-muted">专注于UI/UX设计和用户体验研究,提供创新设计理念和实用技巧。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 11,234
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">学习社区</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.learning-community.com</p>
</div>
<div class="bg-danger text-white rounded-circle p-2">
<i class="fas fa-users"></i>
</div>
</div>
<p class="card-text text-muted">连接学习者与导师的在线社区,分享知识、经验和学习资源。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 7,654
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">开发者工具</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.dev-tools.com</p>
</div>
<div class="bg-primary text-white rounded-circle p-2">
<i class="fas fa-tools"></i>
</div>
</div>
<p class="card-text text-muted">收集各类开发工具和效率提升资源,帮助开发者提高工作效率。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 13,987
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">产品设计</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.product-design.com</p>
</div>
<div class="bg-secondary text-white rounded-circle p-2">
<i class="fas fa-cube"></i>
</div>
</div>
<p class="card-text text-muted">专注于产品设计和用户体验,提供产品设计方法论和实战案例。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 9,876
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm border-0 hover-lift">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="card-title mb-1">
<a href="#" class="text-dark font-weight-bold">技术博客</a>
</h5>
<p class="card-subtitle text-muted mb-3">www.tech-blog.com</p>
</div>
<div class="bg-success text-white rounded-circle p-2">
<i class="fas fa-blog"></i>
</div>
</div>
<p class="card-text text-muted">分享前沿技术和行业动态的博客平台,涵盖各种技术领域和话题。</p>
<div class="mt-4 d-flex justify-content-between align-items-center">
<span class="text-muted small">
<i class="fas fa-eye mr-1"></i> 访问: 14,567
</span>
<a href="#" class="btn btn-sm btn-primary">访问网站</a>
</div>
</div>
</div>
</div-->
</div>
</div>
</div>
<!-- 申请友情链接表单 -->
<div class="mt-8 p-6 rounded-lg shadow-lg">
<form>
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<h2 class="title bshow">申请友情链接</h2>
<h4 class="description dshow">
如果您希望将您的网站加入我们的友情链接列表,请填写以下表单申请。我们会在审核后尽快回复您。联系方式选填一个就好了。
</h4>
<div class="form-group">
<input name="email" type="text" value="" placeholder="邮箱 EMAIL" class="form-control">
</div>
<div class="form-group">
<input name="WXID" type="text" value="" placeholder="微信号 WXID" class="form-control">
</div>
<div class="form-group">
<input name="QQ" type="text" value="" placeholder="QQ号 QQID" class="form-control">
</div>
<div class="form-group">
<input name="tel" type="text" value="" placeholder="电话号 TEL" class="form-control">
</div>
<div class="form-group">
<input name="link" type="text" value="" placeholder="您的网站链接 LINK" class="form-control">
</div>
<div class="row justify-content-center">
<button class="btn btn-primary btn-round" type="button">发送</button>
</div>
</div>
</div>
</form>
</div>
</div>
<script>
// 添加卡片悬停效果
document.addEventListener('DOMContentLoaded', function() {
const cards = document.querySelectorAll('.hover-lift');
cards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.classList.add('shadow-lg');
this.classList.remove('shadow-sm');
this.style.transform = 'translateY(-5px)';
this.style.transition = 'all 0.3s ease';
});
card.addEventListener('mouseleave', function() {
this.classList.remove('shadow-lg');
this.classList.add('shadow-sm');
this.style.transform = 'translateY(0)';
});
});
});
</script>