-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgeneric.html
140 lines (126 loc) · 7.13 KB
/
generic.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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>魯味臭了ㄇ</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<div id="intro">
<h1 font="微軟正黑體">聖誕單身互助會
</h1>
<p>若已脫魯請右上離開 </p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">歡迎Q_Q</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">單身必聽ㄉ歌曲</a></li>
<li class="active"><a href="generic.html">單身可以看ㄉ片</a></li>
</ul>
<ul class="icons">
<li><a href="https://twitter.com/hashtag/%E6%BB%B7%E5%91%B3" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="hhttps://www.facebook.com/search/top/?q=%E6%BB%B7%E5%91%B3&epa=SEARCH_BOX" class="icon brands fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/explore/tags/%E6%BB%B7%E5%91%B3/?hl=zh-tw" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/merisco/personal_website" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">December 25, 2019</span>
<h1>一個人看電影也很爽！<br />
單身必看的３部電影</h1>
<p>還在擔心聖誕節、情人節只能看愛情電影嗎？<br>下面這些電影讓你知道，單身也有單身的好！<br><a href="https://www.cosmopolitan.com/tw/entertainment/movies/news/g2271/who-care-valentine-movies/">資料來源1</a> <a href="https://www.juksy.com/archives/62542?atl=1&gp=3">資料來源2</a></p>
</header>
<h2>1. 《單身啪啪啪》（How to Be Single）</h2>
<span class="image right"><img src="images/pic08.jpg" width="500" height="240" alt="" /></span>
<p><font size = "+1">戲如其名，這部片就是要教你/妳怎麼享受單身這件事，單身有好有壞，端看你怎麼過！《單身啪啪啪》從男女不同的觀點交錯論述，以詼諧又辛辣的方式，高調地頌揚單身生活，女主角達柯塔強生表示：「無論你是自己想單身、工作忙碌以致於無 緣結識另一半，甚至只想要無拘無束地夜夜笙歌，抑或是積極尋找卻依舊找不到合適伴侶的年輕都會男女都可以在這部電影中找到認同與情緒的出口。」看完保證你/妳會更懂得享受單身的時光！</p>
<h2>2. 《單身動物園》 (The Lobster)</h2></font>
<span class="image right"><img src="images/pic09.jpeg" width="500" height="240" alt="" /></span><p><font size = "+1">未來社會中，單身有罪，一群單身男女被關進酒店，他們必須在45天內找到伴侶，失敗者將變成動物流放森林。雖然這部片聽起來好像是在告訴我們不要單身，但他卻描寫了人們為了自己的利益而利用伴侶，這樣的伴侶關係也值得我們反思。<br><font size = "+1" >「我們總覺得單身很可憐，但這種想法是來自他人還是純粹出於自我？」─導演 尤格藍西莫</font></p></font>
<h2>3. 《時空旅人之妻》（The Time Traveler’s Wife）</h2>
<span class="image right"><img src="images/pic10.jpg" width="500" height="240" alt="" /></span>
<p><font size = "+1">男主角是個「時空旅人」，可以不斷在時空中穿梭，卻無法控制自己的身體和所穿越的時間和地點。在男主角的一次「旅行」中與女主角相遇並相愛，雖然兩人最後能結婚生子，卻是經過了無數的寂寞和無待的等待換來的。或許單身的人們都有著像女主角般的無力感，只希望能遇上一個心愛的人，長相廝守。但換一個角度想，就當這位來自未來的男/女朋友是位 Time Traveler 吧，不是不會來，只是還需要一點時間。</font></p>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field">
<h2>想在下一次的年底前脫單嗎？<br>快點留下你的個資吧！</h2>
<label for="name"><font size="5">姓名</font></label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email"><font size="5">您的lineID</font></label>
<input type="text" name="id" id="id" />
</div>
<div class="field">
<label for="message"><font size="5">最低基本需求</font></label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="我要脫魯" /></li>
</ul>
</form>
</section>
<section class="split contact">
<section class="alt">
<h3>地址:</h3>
<p>11605 臺北市文山區指南路二段64號</p>
</section>
<section>
<h3>校園流浪狗<br>緊急專線：</h3>
<p><a href="http://nccuga.nccu.edu.tw/ENVIRON/members/staff.php?class1=170">02-29393091#62822 </a></p>
</section>
<section>
<h3>校園流浪狗<br>舉報信箱：</h3>
<p><a href="[email protected]">[email protected]</a></p>
</section>
<section>
<h3>滷味粉專連結：</h3>
<ul class="icons alt">
<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>