-
Notifications
You must be signed in to change notification settings - Fork 0
/
team1.html
142 lines (137 loc) · 6.91 KB
/
team1.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蝦米碗糕-組員介紹</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="組員介紹">
<link rel="icon" href="./images/Gogoro_Powerloop_Mobile.jpg" sizes="any" type="image/jpg">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.5.0/css/all.css' integrity='sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU' crossorigin='anonymous'>
<link rel="stylesheet" href="./css/team.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</head>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-black-l1 w3-card w3-left-align w3-large">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-blue-grey-d2" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="index.html" class="w3-bar-item w3-button w3-padding-large w3-white">蝦米碗糕</a>
<a href="info_graphic.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Info-graphics</a>
<a href="./team1.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">組員介紹</a>
<a href="%E5%8F%83%E8%80%83%E8%B3%87%E6%96%99.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">參考資料</a>
</div>
<!-- progress bar -->
<div class="progress-container">
<div class="progress-bar" id="mybar"></div>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="info_graphic.html" class="w3-bar-item w3-button w3-padding-large">Info-graphics</a>
<a href="team1.html" class="w3-bar-item w3-button w3-padding-large">組員介紹</a>
<a href="/brianpat-datavisual-1.github.io/%E5%8F%83%E8%80%83%E8%B3%87%E6%96%99.html" class="w3-bar-item w3-button w3-padding-large">參考資料</a>
</div>
</div>
<div class="w3-container w3-padding-64 w3-content">
<div class="row">
<div class="column w3-padding">
<div class="card">
<img src="images/%E4%B8%AD%E5%A8%81.jpg" alt="鍾威易" style="width: 100%">
<div class="container">
<h2>鍾崴亦</h2>
<p class="title">組長</p>
<p>製作圖表、議題企劃、資料處理</p>
<p><button class="button"><a href="https://www.facebook.com/profile.php?id=100000153285208" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
<div class="column w3-padding">
<div class="card">
<img src="images/brian.jpg" alt="me" style="width: 100%">
<div class="container">
<h2>黃柏嵃</h2>
<p class="title">組員</p>
<p>製作圖表、議題企劃、資料處理、製作 Info graph 與視覺化網站</p>
<p><button class="button"><a href="https://www.facebook.com/poyen.huang.1" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
<div class="column w3-padding">
<div class="card">
<img src="images/%E5%8F%B2%E4%B8%B9.jpg" alt="史丹" style="width: 100%">
<div class="container">
<h2>賴建郡</h2>
<p class="title">組員</p>
<p>製作圖表、議題企劃、資料處理</p>
<p><button class="button"><a href="https://www.facebook.com/profile.php?id=100001398095146" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column w3-padding">
<div class="card">
<img src="images/%E9%9C%B8%E5%AD%90.jpg" alt="壩子" style="width: 100%">
<div class="container">
<h2>劉璧慧</h2>
<p class="title">組員</p>
<p>議題討論、企劃書撰寫</p>
<p><button class="button"><a href="https://www.facebook.com/angela.liu.7399" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
<div class="column w3-padding">
<div class="card">
<img src="images/%E5%A7%8D%E5%A7%8D.jpg" alt="珊珊" style="width: 100%">
<div class="container">
<h2>蔡佩珊</h2>
<p class="title">組員</p>
<p>議題討論、企劃書撰寫</p>
<p><button class="button"><a href="https://www.facebook.com/profile.php?id=100003370810015" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
<div class="column w3-padding">
<div class="card">
<img src="images/%E5%80%8D%E7%B4%85.jpg" alt="倍紅" style="width: 100%">
<div class="container">
<h2>吳倍宏</h2>
<p class="title">組員</p>
<p>議題討論與企劃、吉祥物</p>
<p><button class="button"><a href="https://www.facebook.com/profile.php?id=100001574371494" target="_blank"><i class='fab fa-facebook' style='font-size:36px'></i></a></button></p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-center w3-opacity w3-black">
<div class="w3-xlarge w3-padding-32">
<i class='fab fa-facebook' style='font-size:36px'></i>
<i class='fab fa-instagram' style='font-size:36px'></i>
<i class='fab fa-linkedin' style='font-size:36px'></i>
</div>
<h4>By 東吳大學巨資系 視覺化第七組 蝦米碗糕</h4>
<br>
<h5>製作</h5>
<h5>Brian Huang 黃柏嵃</h5>
<br>
</footer>
</body>
</html>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>