-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
96 lines (85 loc) · 4.7 KB
/
contact.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
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta charset="utf-8">
<title>WCB Cafe - CONTACT</title>
<meta name="description" content="提供綜合咖啡與健康有機食物的咖啡店">
<link rel="icon" type="image/png" href="images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS -->
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
<link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="contact" class="big-bg">
<header class="page-header wrapper">
<h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCB Cafe 首頁"></a></h1>
<nav>
<ul class="main-nav">
<li><a href="news.html">News</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div class="wrapper">
<h2 class="page-title">Contact</h2>
<form action="#">
<div>
<label for="name">姓名</label>
<input type="text" id="name" name="your-name">
</div>
<div>
<label for="email">電子郵件</label>
<input type="email" id="email" name="your-email">
</div>
<div>
<label for="message">詢問內容</label>
<textarea id="message" name="your-message"></textarea>
</div>
<input type="submit" class="button" value="送出">
</form>
</div><!-- /.wrapper -->
</div><!-- /#contact -->
<section id="location">
<div class="wrapper">
<div class="location-info">
<h3 class="sub-title">成大歷史系</h3>
<p>
地址: 台南市東區<br>
〇〇〇〇〇〇〇 000-22-1<br>
〇〇〇〇<br>
電話: 03-1111-1111<br>
營業時間: 08:00〜24:00<br>
公休日:星期一~五
</p>
</div><!-- /.location-info -->
<div class="location-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3672.6626782930834!2d120.21517521491882!3d22.999428484964856!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e76ed72bdc7d1%3A0xa02505a727a8916!2z5ZyL56uL5oiQ5Yqf5aSn5a245q235Y-y5a2457O7!5e0!3m2!1szh-TW!2stw!4v1616548959479!5m2!1szh-TW!2stw" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div><!-- /.location-map -->
</div><!-- /.wrapper -->
</section><!-- /#location -->
<section id="sns">
<div class="wrapper">
<div class="sns-box">
<h3 class="sub-title">Facebook</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fnckuhisdrama&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="340" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
<div class="sns-box">
<h3 class="sub-title">Twitter</h3>
<a class="twitter-timeline" data-height="315" href="https://twitter.com/webcreatorbox?ref_src=twsrc%5Etfw">Tweets by webcreatorbox</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="sns-box">
<h3 class="sub-title">Youtube</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/g477o0Eg6g4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div><!-- /.wrapper -->
</section><!-- /#sns -->
<footer>
<div class="wrapper">
<p><small>© 2021 NCKU</small></p>
</div>
</footer>
</body>
</html>