澳洲客戶生活2.0
<!DOCTYPE html><html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>澳洲客戶生活管理版</title>
<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.header {
background-color: #00a69c;
color: white;
padding: 10px 20px;
display: flex;
justify-content: flex-start; /* 調整為靠左對齊 */
align-items: center;
}
.header .title {
font-size: 20px;
}
.main-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
}
.main-content .row {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 20px;
}
.main-content .item {
width: 120px;
height: 100px;
background-color: #fff;
border: 1px solid #ddd;
margin: 10px;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
}
.main-content .item:hover {
background-color: #e6f7f5;
transform: scale(1.05);
}
.main-content .item-icon {
font-size: 36px;
margin-bottom: 5px;
}
.main-content .item-title {
font-size: 14px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="header">
<div class="title">澳洲客戶生活</div>
</div>
<div class="main-content">
<div class="row">
<div class="item" onclick="window.open('http://www.xtort.ggyy.tw/forum-2-1.html', '_blank')">
<div class="item-icon"><i class="fas fa-envelope"></i></div>
<div class="item-title">郵務管理</div>
</div>
<div class="item" onclick="window.open('http://www.xtort.ggyy.tw/member.php?mod=register', '_blank')">
<div class="item-icon"><i class="fas fa-door-open"></i></div>
<div class="item-title">訪客登記</div>
</div>
<div class="item" onclick="window.open('http://www.xtort.ggyy.tw/member.php?mod=register', '_blank')">
<div class="item-icon"><i class="fas fa-walking"></i></div>
<div class="item-title">訪客離開</div>
</div>
<div class="item" onclick="window.open('http://www.xtort.ggyy.tw/member.php?mod=register', '_blank')">
<div class="item-icon"><i class="fas fa-unlock-alt"></i></div>
<div class="item-title">住戶開通</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="item-icon"><i class="fas fa-bell"></i></div>
<div class="item-title">推播通知</div>
</div>
<div class="item">
<div class="item-icon"><i class="fas fa-clock"></i></div>
<div class="item-title">公設預約</div>
</div>
<div class="item">
<div class="item-icon"><i class="fas fa-box"></i></div>
<div class="item-title">寄放物品</div>
</div>
<div class="item">
<div class="item-icon"><i class="fas fa-bullhorn"></i></div>
<div class="item-title">社區公告</div>
</div>
</div>
</div>
</body>
</html>
頁:
[1]