-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathkpi.html
99 lines (84 loc) · 4.11 KB
/
kpi.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<title>【專案·績效頁面】</title>
<meta charset="UTF-8">
<meta name="view1" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets\css\feedback\w3_ver2.css">
<link rel="stylesheet" href="assets\css\feedback\Montserrat_googlefont.css">
<link rel="stylesheet" href="assets\css\feedback\new_awesome_font.css">
<style>
body,h1 {font-family: "Montserrat", sans-serif}
img {margin-bottom: -7px}
.w3-row-padding img {margin-bottom: 12px}
</style>
</head>
<body>
<!-- Sidebar -->
<nav class="w3-sidebar w3-black w3-animate-top w3-xxlarge" style="display:none;padding-top:150px" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-black w3-xxlarge w3-padding w3-display-topright" style="padding:6px 24px">
<i class="fa fa-remove"></i>
</a>
<div class="w3-bar-block w3-center">
<a href="index.html" class="w3-bar-item w3-button w3-text-grey w3-hover-black">返回【主頁】 </a>
</div>
</nav>
<!-- !PAGE CONTENT! -->
<div class="w3-content" style="max-width:1500px">
<!-- Header -->
<div class="w3-opacity" id="home">
<span class="w3-button w3-xxlarge w3-white w3-right" onclick="w3_open()"><i class="fa fa-bars"></i></span>
<div class="w3-clear"></div>
<header class="w3-center w3-margin-bottom">
<h1><b>【專案 · 績效頁面】</b></h1>
<h1><b> Key Performance Indicators Page</b></h1>
<hr>
<p> 定義 : </p>
<p><b> 此KPI頁面是一項以SMART原則確立的「數據化」管理工具，是在指定時期內，客觀、可度量、可實現、與目標有關聯的績效指標。</b></p>
<p><b>它的制定是基於專案的使命、價值觀、關鍵結果、領域開發、願景、階段性目標、工作規劃、技術／人際發展。</b></p>
</header>
</div>
<hr>
<div class="w3-row-padding" id="myGrid" style="margin-bottom:128px">
<div style="padding-bottom:56.25%; position:relative; display:block; width: 100%">
<iframe width="100%" height="100%" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vR0RtGYl9K6iousqYb5J5gJOg2qwdb81fFnUz4hQpDVQ2QjFGbVg6wj_yatDpWMXffs2jYw_aeEmorZ/pubhtml?gid=0&single=true&widget=true&headers=false"
frameborder="0" allowfullscreen="" style="position:absolute; top:0; left: 0"
></iframe>
</div>
</div>
<hr>
<div class="w3-center w3-opacity" id="home">
<a href="index.html" class="w3-button w3-black">返回【主頁】</a>
<br>
<br>
</div>
<!-- Footer -->
<footer class="w3-center w3-black w3-padding-64 w3-hover-opacity-off"> <a href="#home" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
<div class="w3-xlarge w3-section"> <a href="https://drive.google.com/open?id=1x5gO8Dmfox_wXYIrENMOVmvkefmgbh1B"><i class="fa fa-google w3-hover-opacity" style="font-size:36px";></i></a> <a href="https://www.youtube.com/user/bbbgbg"><i class="fa fa-youtube-play w3-hover-opacity" style="font-size:36px";></i></a> <a href="https://github.com/NelsonLAN"><i class="fa fa-github w3-hover-opacity" style="font-size:36px";></i></a> <a href="https://www.linkedin.com/in/nelsonlan574211143"><i class="fa fa-linkedin w3-hover-opacity" style="font-size:36px";></i></a> </div>
You are visitor<div align="center"><iframe src="https://profile-counter.glitch.me/nelsonlan01/count.svg" height="100" style="border:none;" style="text-align:center;"></iframe></div>
<p> </p>
<p> © 版權屬 Nelson LAN 所有 (2012 - 2022)</p>
<p> © Copyright belong to Nelson LAN (2012 - 2022) </p>
</footer>
<script>
// Toggle grid padding
function myFunction() {
var x = document.getElementById("myGrid");
if (x.className === "w3-row") {
x.className = "w3-row-padding";
} else {
x.className = x.className.replace("w3-row-padding", "w3-row");
}
}
// Open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.width = "100%";
document.getElementById("mySidebar").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
</script>
</body>
</html>