-
Notifications
You must be signed in to change notification settings - Fork 0
/
register.html
142 lines (138 loc) · 4.6 KB
/
register.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 lang="zh-Hant-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">
<meta name="description" content="北部最多元的寵物商店">
<link rel="shortcut icon" href="images/f1.ico" type="image/x-icon" />
<!-- web title -->
<meta property="og:title" content="寵物商店-註冊">
<!-- type -->
<meta property="og:type" content="website">
<!-- web address -->
<meta property="og:url" content="https://www.hot5656.com">
<!-- fb 顯示 img -->
<meta property="og:image" content="images/header.png">
<!-- description -->
<meta property="og:description" content="北部最多元的寵物商店">
<!-- site name -->
<meta property="og:site_name" content="寵物動物園>
<!-- just simple add for apple-touch-icon -->
<link rel=" apple-touch-icon" type="image/x-icon" href="images/f1.ico" sizes="32x32">
<title>寵物動物園-註冊</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/register.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
</head>
<body>
<div class="wrap">
<!-- 漢堡選單 input -->
<input type="checkbox" name="" id="menu_control">
<div class="header">
<a href="#" class="logo">
寵物動物園
</a>
<label for="menu_control" class="menu-btn">
<span>選單</span>
</label>
<ul class="menu">
<li><a href="index.html">主頁</a></li>
<li><a href="index.html#chef">今日明星</a></li>
<li><a href="index.html#book">預約</a></li>
<li><a href="shop.html">購物</a></li>
<li><a class="active" href="register.html">註冊</a></li>
</ul>
</div>
<div class="banner">
<div class="top-text">
<div class="yummy">像畫一樣的環境</div>
<p>
<i class='fas fa-tree'></i>
<i class='fas fa-tree'></i>
<i class='fas fa-tree'></i>
<i class='fas fa-parachute-box'></i>
<i class='fas fa-parachute-box'></i>
<i class='fas fa-parachute-box'></i>
<i class='fas fa-parachute-box'></i>
<i class='fas fa-parachute-box'></i>
<i class='fas fa-tree'></i>
<i class='fas fa-tree'></i>
<i class='fas fa-tree'></i>
</p>
<p>
<i class='fas fa-hippo'></i>
<i class='fas fa-frog'></i>
------
<i class='fas fa-dragon'></i>
<i class='fas fa-cat'></i>
</p>
</div>
</div>
<div class="content">
<h1>寵物動物園</h1>
<p class="good">尋找你的好朋友</p>
<div class="register">
<h3>REGISTER</h3>
<div class="register-input">
<div class="clause">
<p>隱私條款:</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet, possimus est quos facere ex dolor, cumque
labore recusandae consequatur delectus ratione. Excepturi impedit tenetur qui earum facilis sint odit
numquam animi, optio rerum veniam dolorum tempora inventore architecto! Saepe, dolorem.
</p>
</div>
<form action="">
<label class="row" for="email">Email Address*</label>
<div class="input-container">
<i class="fa fa-envelope icon"></i>
<input class="row" type="email" name="email" id="email">
</div>
<label class="row" for="pass1">Password*</label>
<div class="input-container">
<i class="fa fa-lock icon"></i>
<input class="row" type="password" name="pass1" id="pass1">
</div>
<div class="input-container">
<i class="fa fa-lock icon"></i>
<input class="row" type="password" name="pass2" id="">
</div>
<p>已經有帳號了?</p>
<button type="submit">註冊</button>
</form>
</div>
</div>
</div>
<div class="footer">
<div class="text">
<div class="about">
<h3>關於我們</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum at hic quia delectus dignissimos vero
maiores harum expedita?</p>
</div>
<div class="contact">
<h3>聯絡方式</h3>
<ul>
<li>• 新北市板橋市中正五路底</li>
<li>• +886 2 26714326</li>
<li>• service@hot5656.com</li>
</ul>
</div>
</div>
<div class="foot-link">
<a href="#">
寵物動物園
</a>
<div class="media-link">
<a href="#"><i class='fab fa-google-plus-square'></i></a>
<a href="#"><i class='fab fa-twitter-square'></i></a>
<a href="#"><i class='fab fa-facebook-square'></i></a>
</div>
</div>
</div>
</div>
</body>
</html>