码桶
发现社区成员的开源项目
index.html2.7 KB
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>優質域名出售 | Domain For Sale</title>
<meta name="description" content="提供優質域名轉售 Great Domain For Sale!">
<meta name="keywords" content="域名轉售,域名拍賣,售賣域名,網址轉售,域名出售,購買域名,Domain,Domain For Sale">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<button class="nav-toggle" onclick="var s=document.querySelector('.sidebar');s.classList.toggle('sidebar-open');this.querySelector('.hamburger').textContent=s.classList.contains('sidebar-open')?'✕':'☰';"><span class="hamburger">☰</span> 菜單</button>
<table class="main-table">
<tr>
<!-- 側邊導航 -->
<td class="sidebar">
<a class="nav-btn active" href="index.html">域名</a>
<a class="nav-btn" href="admin.html">管理後台</a>
<a class="nav-btn" href="contact.html">聯絡我們</a>
</td>
<!-- 主內容區 -->
<td class="content">
<!-- 標題區 -->
<table style="width:100%;max-width:600px;margin:0 auto;" border="0">
<tr>
<td>
<p class="title-en" id="titleEn"></p>
<p class="title-zh" id="titleZh"></p>
<p class="intro-text" id="introText"></p>
<ol class="feature-list">
<li id="feature1"></li>
<li id="feature2"></li>
<li id="feature3"></li>
</ol>
</td>
</tr>
</table>
<!-- 搜尋列 -->
<div class="search-bar">
<select id="categoryFilter">
<option value="all">全部分類</option>
</select>
<input type="text" id="searchInput" placeholder="搜尋域名...">
<button id="searchBtn">搜尋</button>
<button id="resetBtn">重設</button>
</div>
<div class="result-count" id="resultCount"></div>
<!-- 域名表格 -->
<table class="domain-table" id="domainTable">
<thead>
<tr>
<th>類別</th>
<th>域名</th>
<th>售價</th>
</tr>
</thead>
<tbody id="domainTableBody"></tbody>
</table>
<!-- 空狀態 -->
<div class="empty-state" id="emptyState" style="display:none;">
暫無符合條件的域名
</div>
<!-- 聯絡資訊 -->
<div class="contact-info" id="contactInfo" name="contact"></div>
</td>
</tr>
</table>
<script src="js/sync.js"></script>
<script src="js/data.js"></script>
<script src="js/main.js"></script>
</body>
</html>