-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (143 loc) · 6.76 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Fake FB Page</title>
<style>
</style>
<link rel="stylesheet" href="FB.css" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous"></link>
</head>
<body>
<!--1st header section start from here-->
<div class="frame-header">
<div class="left">facebook
</div>
<div class="right">
<div class="header-right-col">電子郵件或電話
<div>
<input type="text" style="width:142px">
</div>
<div> </div>
</div>
<div class="header-right-col">密碼
<div class="header-right-col"><input type="text" style="width:142px">
</div>
<!--2B 🔨: Add new div to make "facebook" aligh w/ textinput vertically-->
<div class="header-forgotpwd">忘記帳號?</div>
</div>
<div class="header-right-col">
<button class="btn-login">登入</button>
</div>
</div>
</div>
<!--2nd section start from here-->
<div class="frame-maincontent">
<div class="left-2">
<div class "">Facebook，讓你和親朋好友保持聯繫，隨時分享生活中的每一刻。
<img src="https://static.xx.fbcdn.net/rsrc.php/v3/yi/r/OBaVg52wtTZ.png?_nc_x=Ij3Wp8lg5Kz">
</div>
</div>
<div class="right-2">
<div class="main-right-col">
<h1 class="register">註冊</h1>
<p class="desc"> 快速又簡單。</p>
<form action="" method="post" target="_blank">
<div class="main-right-col-name">
<input type="text" class="inputtext-name" name="fname" value="姓氏">
<input type="text" class="inputtext-name" name="lname" value="名字">
</div>
<input type="text" class="inputtext" name="lname" value="手機號碼或電子郵件">
<input type="text" class="inputtext" name="lname" value="設定密碼">
<p class="BDnSex">生日
</p>
<!--Dropdown list-birthday start from here-->
<div class="main-right-col-birthday">
<select aria-label="yr" name="birth_year" id="birth_year" title="year" class="birth_year" <option value="0">0</option><!--won't show up but needs this line& value-->
<option value="2018">2018</option>
<option value="2017">2017</option>
</select>
<select aria-label="mth" name="birth_month" id="month" title="birth_month" class="birth_month" <option value="0">0</option><!--won't show up but needs this line& value-->
<option value="8月">8月</option>
<option value="7月">7月</option>
</select>
<select aria-label="day" name="birth_date" id="date" title="birth_date" class="birth_date" <option value="0">0</option><!--won't show up but needs this line& value-->
<option value="31">31</option>
<option value="30">30</option>
</select>
<a class="fontawesome" id="birthday-help" href="#" title="點擊以瞭解詳情"><i class="fas fa-question-circle"></i></a>
</div>
<p class="BDnSex">性別</p>
<!--sex ratio section -->
<input type="radio" name="sex" value="1">
<label class="female">女性</label>
<input type="radio" name="sex" value="2">
<label class="male">男性</label>
<input type="radio" name="sex" value="3">
<label class="other">自訂</label>
<a class="fontawesome" id="sex-help" href="#" title="點擊可瞭解詳情"><i class="fas fa-question-circle"></i></a>
<br>
<p class="greyedout">點擊「註冊」即表示你同意我們的
<a href="#">使用條款</a>、<a href="#">資料政策</a>和<a href="#"> Cookie 政策</a>。你可能會收到我們的簡訊通知，而且可以隨時選擇停止接收。</p>
<input type="submit" class="btn-register" value="註冊">
</form>
<p class="fontcolor">為名人、團體或公司企業<a href="#">建立粉絲專頁</a></p>
</div>
</div>
</div>
<!--3nd language section start from here-->
<div class="frame-Lang">
<a href="#" class="greyedout">中文(台灣)</a>
<a href="">English (US)</a>
<a href="">Tiếng Việt</a>
<a href="">Bahasa Indonesia</a>
<a href="">ภาษาไทย</a>
<a href="">Español</a>
<a href="">Português (Brasil</a>
<a href="">Français (France)</a>
<a href="">Deutsch</a>
<a href="">Italiano</a>
<a role="button" class="" rel="dialog" href="#" title="顯示更多語言"><i class=""></i></a>
</div>
<!--4th section start from here-->
<hr/>
<div class="frame-Links">
<a href="" title="註冊 Facebook 帳號">註冊</a>
<a href="" title="查看 Messenger。">Messenger</a>
<a href="" title="Android 版 Facebook Lite。">Facebook Lite</a>
<a href="" title="瀏覽我們的用戶目錄。">用戶</a>
<a href="" title="瀏覽我們的個人檔案目錄。">個人檔案</a>
<a href="" title="瀏覽我們的粉絲專頁目錄。">粉絲專頁</a>
<a href="">專頁類別</a>
<a href="" title="查看 Facebook 的熱門地標。">地標</a>
<a href="" title="來玩 Facebook 遊戲。">遊戲</a>
<a href="" title="瀏覽我們的地標目錄">地點</a>
<a href="" title="瀏覽我們的 Marketplace 商品目錄。">Marketplace</a>
<a href="" title="瀏覽社團目錄。">社團</a>
<a href="" title="查看 Instagram">Instagram</a>
<a href="" title="瀏覽我們的 Local 清單目錄。">本地</a>
<a href="" title="捐款支持值得關注的公益理念。">募款活動</a>
<a href="" title="Browse our Facebook Services directory.">服務</a>
<a href="" title="追蹤我們的部落格、參考我們的資源中心以及工作機會。">關於</a>
<a href="" title="在 Facebook 上刊登廣告。">刊登廣告</a>
<a href="" title="建立粉絲專頁">建立粉絲專頁</a>
<a href="" title="使用我們的開發平台">開發人員</a>
<a href="" title="加入成為我們企業的一份子。">工作機會</a>
<a href="" title="瞭解你的隱私權和 Facebook 。">隱私政策</a>
<a href="#" title="瞭解 Cookie 和 Facebook">Cookie</a>
<a href="#" title="瞭解 Ad Choices。">Ad Choice</a>
<a href="#" title="查閱我們的條款與政策。">使用條款</a>
<a href="#">帳號安全</a>
<a href="#">登入說明</a>
<a href="#" title="前往我們的使用說明。">使用說明</a>
<a href="#" title="查看並編輯你的 Facebook 設定。">設定</a>
<a href="#" title="查看活動紀錄">活動紀錄</a>
</div>
<P class="greyedout">Facebook © 2019</P>
</div>
</div>
</div>
</div>
<h2 class="h2">TEST</h2>
</body>
</html>