lingouta/about.html at master · gretayu/lingouta · GitHub

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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="initial-scale=1.0">
		<title>Lιngouτa - 風水寶位競價網</title>
		<link rel="icon" type="image/png" href="https://i.imgur.com/Phs6w7o.png">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css" />
		<link rel="stylesheet" href="css/main.css"/>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
		<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
		<script type="text/javascript" src="js/navbar-toggle.js"></script>
		<script type="text/javascript" src="js/hideNbOnScroll.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
<!--會員中心顯示條件:myAccount.js-->
		<script type="text/javascript" src="js/myAccount.js"></script>

	</head>

	<body>
<!--Nav Bar-->
		<nav class="row nav-bar dark">
			<div class="col-3 brand-column">
				<a class="nav-brand" id="logo" href="https://gretayu.github.io/lingouta/lingouta.html" style="top: 0px;"><img src="image/logo.png" width="24"></a>
				<a class="nav-brand" href="https://gretayu.github.io/lingouta/lingouta.html">Lιngouτa</a>
			</div>

			<div class="col-7 nav-column">
				<div role="navigation">
					<ul id="overlay-nav-menu" class="nav-menu overlay-nav-menu">
						<li class="nav-link nav-link-deco"></li>
						<li class="nav-link"><a  href="browse.html">競價網</a></li>
						<li class="nav-link"><a href="map.html">風水地圖</a></li>
						<li class="nav-link"><a  href="about.html">關於我們</a></li>

					</ul>
						<a id="data-toggle-menu" class="overlay-nav-menu-toggle">+</a>
				</div>
			</div>
			<div class="col-2 account">
				<div id="nav-signin">
					<a class="nav-link">登入</a>
				</div>

				<div id="nav-myaccount" class="hidden">
					<a class="nav-link" href="membercenter.html">會員中心</a>
					<a class="nav-link" href="">登出</a>
				</div>
			</div>
		</nav>

<!--Nav Bar end-->

			<div id="team" class="fixed-bg" style="background: url('image/team.jpeg'); background-size: contain; ">
			</div>
			<div id="team"> </div>

			<section class=" section-intro dim">

				<div class="intro">
					<h3>我們是一群熱愛中國傳統文化的大學生，在接受中國傳統文化的薰陶之後，深深感受到中國文化的博大精深。 <a style="color: #ff9854 !important; ">風水</a>貴為中國文化的代表性特色，卻仍然無法在日常生活中便利應用，因此我們決定開發一個簡單的工具，讓大家可以隨時查看地處週遭的<a style="color: #ff9854 !important;">風水</a>，發揚中國傳統文化！</h3>
				</div>

			</section>

			<section class="light" id="member">
				<div class="subtitle">
					<h2>這些人</h2>
				</div>
				<div class= "container cards-container">
					<div class="card">
						<div class="square" id="tien" style="background-image: url('image/tien.jpeg');">
						</div>

						<div>
							<h3>陳田原</h3>
							<h4>田園</h4>
						</div>
					</div>

					<div class="card">
						<div class="square" id="wei" style="background-image: url('image/wei.jpeg');"></div>

						<div>
							<h3>莊鎮維</h3>
							<h4>Wei</h4>
						</div>
					</div>

					<div class="card">
						<div class="square" id="chen" style="background-image: url('image/chen.jpeg');"></div>

						<div>
							<h3>陳思妤</h3>
							<h4>Szyu</h4>
						</div>
					</div>

					<div class="card">
						<div class="square" id="lin" style="background-image: url('image/lin.jpeg');"></div>

						<div>
							<h3>林寰鐸</h3>
							<h4>Fandel</h4>
						</div>
					</div>

					<div class="card">
						<div class="square" id="yu" style="background-image: url('image/yu.jpeg');"></div>

						<div>
							<h3>游凱為</h3>
							<h4>Goolaita</h4>
						</div>
				</div>

			</section>

			<nav class="container contact footer dark">
				<div class=" col-4">
					<h3>聯絡我們</h3>
				</div>

				<div class="row container col-8 contact-btn light" id="contact-btn">
					<div>
					<li><a href="mailto:@mail.ncku.edu.tw" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-btn-inline ui-icon-mail">Email</a></li>
					</div>

					<div>
                    <li><a href="http://" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-btn-inline ui-icon-comment">Facebook</a></li>
					</div>

					<div>
                    <li><a href="https://" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-btn-inline ui-icon-camera">Instagram</a></li>
					</div>

				</div>
			</nav>
		<!--LOG IN-->
		<div class="ui modal dim"id="login">
			<i class="close icon"></i>
			<div class="box">
				<form class="ui form">
					<div class="field">
						<label>帳號</label>
						<input type="text" name="id" placeholder="帳號">
					</div>
					<div class="field">
						<label>密碼</label>
						<input type="password" name="password" placeholder="密碼">
					</div>
					<button id="signin-btn" class="ui button grey btn" type="submit">登入</button>
				</form>
			</div>
			<div class="sign-up">
				<strong>沒有帳號?</strong><br><br><a href="https://gretayu.github.io/lingouta/signup.html" style="text-decoration: underline; color: #042b3c !important;">立即註冊</a>
			</div>
		</div>
		<!--LOG IN-->
	</body>
</html>