-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
164 lines (158 loc) · 8.58 KB
/
about.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!doctype html>
<html lang="en">
<head>
<title>關於我們</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/about.css">
</head>
<body style="font-family: 微軟正黑體;">
<header>
<nav class="navbar navbar-expand-lg navbar-light navbg fixed-top">
<!--/////////////////////////////LOGO圖案開始/////////////////////////////////-->
<a class="navbar-brand padding0" href="index.html"><img class="img-fluid" style="width:120px;" src="assets/picture/logo.png"></a>
<!--/////////////////////////////LOGO圖案結束/////////////////////////////////-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav marginleftauto">
<li class="nav-item">
<span class="nav-link chinese" href="#"><img src="assets/picture/user.png" style="width: 20px;height: 20px;">瀏覽人數:100人</span>
</li>
<li class="nav-item">
<a class="nav-link chinese" href="about.html">關於我們<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link chinese" href="Car.html">購物車</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle chinese" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
會員專區
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item chinese" href="member.html">會員資料</a>
<a class="dropdown-item chinese" href="recode.html">消費紀錄</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link chinese btn btn-primarybtn" href="Signin.html">登入</a>
</li>
</ul>
</div>
</nav>
</header>
<!--///////////////////////////////登入介面結束////////////////////////////////-->
<div class="container" style="font-family:微軟正黑體;">
<div class=" margintop width100">
<div class="col-xl-12 col-lg-12 col-md-12">
<div>
<h1>關於我們</h1>
<hr style="border-width:2px;">
</div>
<div class="row bg-light">
<div class="col-xl-12 col-lg-12 col-md-12">
<h3 class="wordtitle">組員介紹</h3>
</div>
<div class="col-xl-3 col-lg-3 col-md-3">
<figure class="figure rounded mx-auto d-block">
<img class="figure-img img-fluid rounded center img" src="assets/picture/Boy2.jpg" >
<figcaption class="figure-caption text-center">
<span class="name">劉彥鴻</span> <br>
興趣: 聽白冰冰的來去高雄 <br>
專長：跳韓國鬼步 <br>
</figcaption>
<div class="text-center" style="margin-top: 10px;">
<a href="https://www.instagram.com/hugh208527/?hl=zh-tw"><img src="assets/picture/IG.png" class="img2" style="margin-right: 5px;"></a>
<a href="https://www.facebook.com/MaGaiLiu"><img src="assets/picture/fb.png" class="img2"></a>
</div>
</figure>
</div>
<div class="col-xl-3 col-lg-3 col-md-3">
<figure class="figure rounded mx-auto d-block">
<img class="figure-img img-fluid rounded center img" src="assets/picture/Boy1.jpg" >
<figcaption class="figure-caption text-center">
<span class="name">劉修宸</span> <br>
興趣:打球、看電影 <br>
專長:吃、統整意見 <br>
</figcaption>
<div class="text-center" style="margin-top: 10px;">
<a href="https://www.instagram.com/xiu_0901/?hl=zh-tw"><span style="margin-right:5px;"><img src="assets/picture/IG.png" class="img2"></span></a>
<a href="https://www.facebook.com/georgekjhu"><img src="assets/picture/fb.png" class="img2"></a>
</div>
</figure>
</div>
<div class="col-xl-3 col-lg-3 col-md-3">
<figure class="figure rounded mx-auto d-block">
<img class="figure-img img-fluid rounded center img" src="assets/picture/Girl1.jpg" >
<figcaption class="figure-caption text-center">
<span class="name">丁秀雯</span> <br>
興趣：跳舞、聽音樂、隨手攝影 <br>
專長：吃貨、美食搜尋家 <br>
</figcaption>
<div class="text-center" style="margin-top: 10px;">
<a href=" https://instagram.com/duanduan_gg_123?igshid=ytxen1jtdqkz"><span style="margin-right:5px;"><img src="assets/picture/IG.png" class="img2"></span></a>
<a href=" https://www.facebook.com/xiuwen1124"><img src="assets/picture/fb.png" class="img2"></a>
</div>
</figure>
</div>
<div class="col-xl-3 col-lg-3 col-md-3">
<figure class="figure rounded mx-auto d-block">
<img class="figure-img img-fluid rounded center img" src="assets/picture/Girl2.jpg" >
<figcaption class="figure-caption text-center">
<span class="name">張辰瑜</span> <br>
興趣: 彈鋼琴、吹長笛、聽西洋音樂 <br>
專長: 英語、日語、樂器演奏 <br>
</figcaption>
<div class="text-center" style="margin-top: 10px;">
<a href="https://instagram.com/smbc12_chen_yu?igshid=1a6dgpl78xuya"><span style="margin-right:5px;"><img src="assets/picture/IG.png" class="img2"></span></a>
<a href="https://www.facebook.com/chenyu0104"><img src="assets/picture/fb.png" class="img2"></a>
</div>
</figure>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<hr style="border-width:2px;margin-top: 100px;">
<h3 class="wordtitle">地理位址</h3>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 ">
<iframe class="center" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14469.00828948632!2d121.2410215!3d24.957537!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2b86d2650bb8bcff!2z5Lit5Y6f5aSn5a24!5e0!3m2!1szh-TW!2stw!4v1575658336553!5m2!1szh-TW!2stw" width="300" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 text-center" style="margin-top:20px;">
<p>地址:320桃園市中壢區中北路200號</p>
<P>電話:+886-912345678</P>
<p>Email:ChiHsiangomG@gmail.com</p>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<hr style="border-width:2px;margin-top: 100px;">
<h3 style="text-align: center;">聯絡我們</h3>
</div class="col-xl-12 col-lg-12 col-md-12 ">
<div class="col-xl-8 center"style="margin-top:50px;margin-bottom: 30px;">
<form>
<input class="form-control" type="text" placeholder="姓名Name:">
<input class="form-control" type="text" placeholder="電話Phone:">
<input class="form-control" type="text" placeholder="電子信箱Email:">
<input class="form-control" type="text" placeholder="主旨Subject:">
<div class="form-group">
<textarea class="form-control" id="exampleFormControlTextarea1"rows="5" placeholder="有什麼想對我們說的"></textarea>
</div>
<button type="submit" class="btn btn-primary center button">送出</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="width100 footer">
<p class="footerWord">Copyright by 雞饗omG <br>
+886-912345678|Email:ChiHsiangomG@gmail.com
</p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>