362 lines
13 KiB
HTML
362 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>EVO進化科技實驗室</title>
|
||
<meta name="description" content="Evolab科技進化實驗室是一群學生共同探索新技術的研究平台，專注於技術創新與趨勢分析。">
|
||
<meta name="keywords" content="科技研究, 技術創新, 人工智慧, Evolab, 雲端計算, 科技實驗室, 非營利組織">
|
||
<!-- Favicon -->
|
||
<link rel="icon" type="image/png" href="/icon/favicon-48x48.png" sizes="48x48" />
|
||
<link rel="icon" type="image/svg+xml" href="/icon/favicon.svg" />
|
||
<link rel="shortcut icon" href="/icon/favicon.ico" />
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-touch-icon.png" />
|
||
<meta name="apple-mobile-web-app-title" content="Evo.lab" />
|
||
<link rel="manifest" href="/icon/site.webmanifest" />
|
||
<!-- Bootstrap -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Fontawesome -->
|
||
<script src="https://kit.fontawesome.com/7a2a86e887.js" crossorigin="anonymous"></script>
|
||
<!-- Google Fonts -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
background-color: #f0f2f5;
|
||
font-family: 'Poppins', sans-serif;
|
||
padding-top: 70px; /* 為固定的導航欄留出空間 */
|
||
}
|
||
/* Navbar樣式 */
|
||
.navbar {
|
||
background-color: #ffffff;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,.1);
|
||
}
|
||
.navbar-brand {
|
||
display: flex;
|
||
align-items: center;
|
||
font-weight: 600;
|
||
color: #007bff !important;
|
||
}
|
||
.navbar-brand img {
|
||
margin-right: 10px;
|
||
}
|
||
.navbar-nav .nav-link {
|
||
color: #007bff;
|
||
font-weight: 500;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.navbar-nav .nav-link:hover {
|
||
color: #0056b3;
|
||
}
|
||
.navbar-toggler {
|
||
border: none;
|
||
}
|
||
.navbar-toggler:focus {
|
||
box-shadow: none;
|
||
}
|
||
/* 連結區樣式 */
|
||
.container {
|
||
max-width: 1200px;
|
||
}
|
||
.section-title {
|
||
font-weight: 600;
|
||
color: #333;
|
||
margin-bottom: 25px;
|
||
padding-bottom: 10px;
|
||
border-bottom: 2px solid #007bff;
|
||
}
|
||
.card {
|
||
border: none;
|
||
border-radius: 15px;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||
transition: all 0.3s ease;
|
||
overflow: hidden;
|
||
}
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.card-img-container {
|
||
height: 200px;
|
||
overflow: hidden;
|
||
}
|
||
.card-img-top {
|
||
width: 100%;
|
||
height: 200px;
|
||
object-fit: cover;
|
||
}
|
||
.card-body {
|
||
padding: 1.5rem;
|
||
}
|
||
.card-title {
|
||
font-weight: 600;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.card-text {
|
||
color: #6c757d;
|
||
font-size: 0.9rem;
|
||
}
|
||
.btn-primary {
|
||
background-color: #007bff;
|
||
border: none;
|
||
padding: 0.5rem 1.5rem;
|
||
border-radius: 50px;
|
||
font-weight: 500;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.btn-primary:hover {
|
||
background-color: #0056b3;
|
||
transform: scale(1.05);
|
||
}
|
||
.icon-bg {
|
||
display: inline-block;
|
||
width: 60px;
|
||
height: 60px;
|
||
border-radius: 50%;
|
||
background-color: #e9ecef;
|
||
text-align: center;
|
||
line-height: 60px;
|
||
margin-bottom: 15px;
|
||
font-size: 24px;
|
||
color: #007bff;
|
||
}
|
||
.system-card .card-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
text-align: center;
|
||
}
|
||
/* 維護禁用 */
|
||
.disabled-link {
|
||
pointer-events: none;
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
background-color: #6c757d;
|
||
}
|
||
/* footer 樣式 */
|
||
.footer {
|
||
background-color: #ffffff;
|
||
padding: 2rem 0;
|
||
box-shadow: 0 -2px 4px rgba(0,0,0,.1);
|
||
}
|
||
.footer-title {
|
||
font-weight: 600;
|
||
color: #007bff;
|
||
margin-bottom: 1rem;
|
||
}
|
||
.footer-links {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
.footer-links li {
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.footer-links a {
|
||
color: #6c757d;
|
||
text-decoration: none;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.footer-links a:hover {
|
||
color: #007bff;
|
||
}
|
||
.social-icons a {
|
||
color: #007bff;
|
||
font-size: 1.5rem;
|
||
margin-right: 1rem;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.social-icons a:hover {
|
||
color: #0056b3;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="images/EVO_techlab.png" alt="EVO.lab Logo" height="30">
|
||
EVO.lab
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#Evo_tool">EVO工具</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#Evo_system">EVO系統</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#Personal_web">個人網域</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container py-5">
|
||
<h2 id="Evo_tool" class="section-title">EVO工具</h2>
|
||
<div class="row g-4 mb-5">
|
||
<div class="col-md-4">
|
||
<div class="card h-100 system-card">
|
||
<div class="card-body">
|
||
<div class="icon-bg">
|
||
<i class="fa-solid fa-list-check"></i>
|
||
</div>
|
||
<h5 class="card-title">任務管理系統</h5>
|
||
<p class="card-text">簡易的任務管理系統，持續開發新功能</p>
|
||
<a href="https://task.evo-techlab.com" class="btn btn-primary mt-3">進入</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h2 id="Evo_system" class="section-title">EVO系統</h2>
|
||
<div class="row g-4 mb-5">
|
||
<div class="col-md-4">
|
||
<div class="card h-100 system-card">
|
||
<div class="card-body">
|
||
<div class="icon-bg">
|
||
<i class="fa fa-server"></i>
|
||
</div>
|
||
<h5 class="card-title">Nginx</h5>
|
||
<p class="card-text">網頁伺服器與反向代理伺服器</p>
|
||
<a href="https://npm.evo-techlab.com" class="btn btn-primary mt-3">進入</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100 system-card">
|
||
<div class="card-body">
|
||
<div class="icon-bg">
|
||
<i class="fa fa-server"></i>
|
||
</div>
|
||
<h5 class="card-title">SSH</h5>
|
||
<p class="card-text">Secure Shell</p>
|
||
<a href="https://ssh.evo-techlab.com" class="btn btn-primary mt-3">進入</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100 system-card">
|
||
<div class="card-body">
|
||
<div class="icon-bg">
|
||
<i class="fa fa-gear"></i>
|
||
</div>
|
||
<h5 class="card-title">Wireguard</h5>
|
||
<p class="card-text">VPN</p>
|
||
<a href="https://wswg.evo-techlab.com" class="btn btn-primary mt-3">進入</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100 system-card">
|
||
<div class="card-body">
|
||
<div class="icon-bg">
|
||
<i class="fa fa-database"></i>
|
||
</div>
|
||
<h5 class="card-title">EVO</h5>
|
||
<p class="card-text">網路伺服器</p>
|
||
<a href="http://your-database-system-url.com" class="btn btn-primary mt-3 disabled-link">維護中</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h2 id="Personal_web" class="section-title">個人網域</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-6">
|
||
<!-- Wensheng -->
|
||
<div class="card h-100">
|
||
<div class="card-img-container">
|
||
<img src="images/wensheng.jpg" class="card-img-top" alt="Sheng">
|
||
</div>
|
||
<div class="card-body">
|
||
<h5 class="card-title">
|
||
<span class="icon-bg" style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;">
|
||
<i class="fa fa-user"></i>
|
||
</span>
|
||
Sheng的網域
|
||
</h5>
|
||
<p class="card-text">Sheng的個人空間，展示創意和專業項目。</p>
|
||
<a href="https://wensheng.evo-techlab.com" class="btn btn-primary mt-3">探索空間</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Dumpling -->
|
||
<div class="col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-img-container">
|
||
<img src="images/pvsk.webp" class="card-img-top" alt="Dumpling">
|
||
</div>
|
||
<div class="card-body">
|
||
<h5 class="card-title">
|
||
<span class="icon-bg" style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;">
|
||
<i class="fa fa-robot"></i>
|
||
</span>
|
||
Dumpling的網域
|
||
</h5>
|
||
<p class="card-text">Dumpling的技術實驗室，探索前沿科技和創新想法。</p>
|
||
<a href="https://dumpling.eu.org" class="btn btn-primary mt-3">探索空間</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Jie -->
|
||
<div class="col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-img-container">
|
||
<img src="images/cloud.webp" class="card-img-top" alt="jiecloud">
|
||
</div>
|
||
<div class="card-body">
|
||
<h5 class="card-title">
|
||
<span class="icon-bg" style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;">
|
||
<i class="fa fa-ghost"></i>
|
||
</span>
|
||
ZhiJie的網域
|
||
</h5>
|
||
<p class="card-text">Jie的空間。</p>
|
||
<a href="https://jiecloud.net" class="btn btn-primary mt-3">探索空間</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<h5 class="footer-title">關於 EVO.lab</h5>
|
||
<p>EVO進化科技實驗室是一群學生共同探索新技術的研究平台，專注於技術創新與趨勢分析。</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h5 class="footer-title">快速連結</h5>
|
||
<ul class="footer-links">
|
||
<li><a href="#tools">EVO工具</a></li>
|
||
<li><a href="#systems">EVO系統</a></li>
|
||
<li><a href="#personal">個人網域</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h5 class="footer-title">聯繫我們</h5>
|
||
<p>Email: contact@evo-techlab.com</p>
|
||
<div class="social-icons">
|
||
<a href="#"><i class="fab fa-facebook"></i></a>
|
||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||
<a href="#"><i class="fab fa-github"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="text-center">
|
||
<p>© 2024 EVO進化科技實驗室. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
</body>
|
||
</html>
|