-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (131 loc) · 7.03 KB
/
Copy pathindex.html
File metadata and controls
138 lines (131 loc) · 7.03 KB
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
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>訂餐系統</title>
<!-- 連結Bootstrap.min.css -->
<link rel="stylesheet" type='text/css' href="assets/css/bootstrap.css" charset="UTF-8">
<!-- 使用style.css -->
<link rel="stylesheet" type='text/css' href="assets/css/style.css" charset="UTF-8">
<!-- 使用 material icons community-->
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css"
crossorigin="anonymous">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC|Rubik&display=swap" rel="stylesheet">
<!-- 連結Bootstrap所需要的js -->
<!-- jquery.min.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- bootstrap.min.js -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<!-- bez -->
<script src="assets/js/jquery.bez.js"></script>
<!-- 連結網頁主程式 -->
<script src="assets/js/main.js"></script>
</head>
<body id="body">
<!-- navbar -->
<nav id="navbar-index" class="navbar navbar-expand-sm navbar-dark fixed-top">
<a class="navbar-brand" href="">訂餐系統</a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#collapsibleNavId"
aria-controls="collapsibleNavId" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a id="index-nav-btn" class="btn btn-outline-light px-3" href="loginregister/register.php">加入我們</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="loginregister/loginpage.php">登入</a>
</li>
</ul>
</div>
</nav>
<!-- banner -->
<div id="banner" class="py-5">
<div class="container text-white text-left">
<h1 class="display-4">訂餐系統</h1>
<p class="lead text-white">找尋身邊美味的食物<br>不費吹灰之力<br>美味食物上手</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="loginregister/register.php" role="button"> 加入我們 </a>
<a class="btn btn-secondary btn-lg" href="loginregister/loginpage.php"> 登入 </a>
</p>
</div>
</div>
<!-- 介紹 -->
<div id="introduce" class="text-center introduce">
<div class="introduce-container container">
<div class="pt-3 text-right text-dark">
<h4>全新平台交互體驗，重新定義訂餐系統</h4>
<p>讓買午餐不再是一件麻煩的事!</p>
</div>
<div class="row justify-content-end py-1 text-secondary">
<div class="col-md-7 col-sm-12 row">
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-coffee-outline intro-icon text-secondary"></span>
<h5>餐點豐富</h5>
<p>此系統包含全台灣超過五萬家的小吃店、餐廳，絕對讓你吃不膩。</p>
</div>
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-face-outline intro-icon text-secondary"></span>
<h5>服務優質</h5>
<p>我們有經過嚴格訓練的客服小姐，給你最愉快的消費體驗。</p>
</div>
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-file-percent-outline intro-icon text-secondary"></span>
<h5>價格親民</h5>
<p>我們已經有和店家談好條件，給你最親民的價格。再加上經常舉辦的優惠活動，讓你荷包不再空。</p>
</div>
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-map-check-outline intro-icon text-secondary"></span>
<h5>送餐範圍廣大</h5>
<p>我們有提供全台各縣市的送餐服務，讓你不管身在何處，都有送餐服務。</p>
</div>
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-clock-fast intro-icon text-secondary"></span>
<h5>送餐迅速</h5>
<p>所有餐點皆保證在烹調完成後半小時內送到。</p>
</div>
<div class="col-md-4 col-sm-12 my-2">
<span class="mdi mdi-arrow-up-circle-outline intro-icon text-secondary"></span>
<h5>以上純屬瞎掰</h5>
<p>以上純屬瞎掰</p>
</div>
</div>
</div>
</div>
</div>
<!-- 賣家 + 送貨 -->
<div id="more-intro">
<div class="container more-intro-container text-center">
<h2 class="text-white">更多功能</h2>
<div class="d-flex fw-wrap-sm">
<div class="more-intro-card card-bg rounded bg-white text-center text-dark py-3">
<img src="assets/images/store.png" alt="" class="img-fluid more-intro-img">
<h4>店家合作</h4>
<p>我們可以為你增加曝光度!<br>立即加入我們來發大財!</p>
<a href="loginregister/storereg.php" class="btn btn-info">加入我們</a>
</div>
<div class="more-intro-card card-bg rounded bg-white text-center text-dark py-3">
<img src="assets/images/delivery.png" alt="" class="img-fluid more-intro-img">
<h4>外送員合作</h4>
<p>我們可以讓你賺更多錢!<br>讓你不再領低薪度日!</p>
<a href="loginregister/deliverpage.html" class="btn btn-info disabled">敬請期待</a>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="bg-dark py-3 text-center">
<a id="NavBtn" href="#body" class="btn btn-outline-light btn-sm my-3"><span class="mdi mdi-arrow-up"></span>
回到頁首</a><br>
<a href="https://github.com/roywatermelon11370/" class="text-white footer-a d-inline">© Royhuang-ckhs20928</a>
<span class="d-inline text-white footer-a d-inline"> | </span>
<a href="options/aboutme.html" class="text-white footer-a d-inline">About</a>
</footer>
</body>
</html>