-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
188 lines (169 loc) · 7.12 KB
/
Copy pathindex.html
File metadata and controls
188 lines (169 loc) · 7.12 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE HTML>
<!--
Spectral 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" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">O.R.Z.</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>关于</span></a>
<div id="menu">
<ul>
<li><a href="index.html">实验主页</a></li>
<li><a href="generic.html">实验目的</a></li>
<li><a href="generic2.html">关于信任</a></li>
<li><a href="generic3.html">关于依恋</a></li>
<li><a href="generic4.html">关于我们 </a></li>
<li><a href="generic5">参考文献</a></li>
<li><a href="generic6">完整研究报告下载</a></li>
<li>
<img src = "psyicon.jpg" alt ="" />
</li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>欢迎来到我们的实验</h2>
<p>在茫茫的人海中<br />
遇见了你<br />
真的很幸运.</p>
<ul class="actions">
<li><a href="#one" class="button special scrolly">点我现在开始</a></li>
</ul>
</div>
<a href="#one" class="more scrolly"></a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>love all,trust a few.
</h2>
<p>莎士比亚在戏剧《皆大欢喜》中写道：love all,trust a few.（爱所有人，信任少许人）<br />
信任是这样的难得，它意味放下防备，露出软肋，意味着小猫咪露出毛茸茸的肚皮。<br />
而在当今社会，信任像是跌倒在冰天雪地里的老人，无人敢扶。<br />
到底要怎样才能融化人心之间的寒冰？<br /><br />
答案或许藏在情人的眼底。不同的人有不同的依恋类型，而这可能影响了我们对他人信任程度。<br />
有的人是春风十里，可以融化不信任的寒冰；有的人则是微凉秋风，总是带着漠漠的疏离。<br /><br />
The best proof of love is trust. For loving you, so I believe in you.<br />我爱你，所以我信任你。<br />
想知道你拥有怎样的依恋类型与多高的信任指数吗？<br />欢迎来到我们的实验：恋与信任博弈。<br /></p>
</header>
<ul class="icons major">
<li><span class="icon fa-diamond major style1"><span class="label"></span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label"></span></span></li>
<li><span class="icon fa-code major style3"><span class="label"></span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/friend01.jpg" alt="" /></div><div class="content">
<h2>你应该首先知道：</h2>
<p>(1)本研究旨在探究成人依恋关系对信任的影响。<br />
(2)如果感到不适，你可以在任何时间选择退出实验。<br />
(3)如果你在实验中和实验后有任何疑问，请询问主试。<br />
(4)在实验中取得的个人信息我们会严格保密，研究数据仅供研究人员查阅。</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/friend02.jpg" alt="" /></div><div class="content">
<h2>第一步，你需要<br />填写这个<a href="https://bnupsych.asia.qualtrics.com/jfe/form/SV_cI6KqizMYm0wx7L" target="_blank">问卷</a></h2>
<ul class="actions">
<li><a href="https://bnupsych.asia.qualtrics.com/jfe/form/SV_cI6KqizMYm0wx7L" class="button" target ="_blank">点我开始填写</a></li>
</ul>
<img src = "images/qualtrics.png" alt ="" />
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/friend03.jpg" alt="" /></div><div class="content">
<h2>第二步，你需要<br />完成这个<a href="http://research.millisecond.com/weicong1203/trustgame.web" target = "_blank">实验</a></h2>
<ul class="actions">
<li><a href="http://research.millisecond.com/weicong1203/trustgame.web" class="button" target = "_blank">点我开始实验</a></li>
</ul>
<img src = "images/inquisit.png" alt ="" />
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3><a href ="generic.html">实验目的</a></h3>
<p>The Goal of Experiment</p>
</li>
<li class="icon fa-laptop">
<h3><a href ="generic2.html">关于信任</a></h3>
<p>About Confidence</p>
</li>
<li class="icon fa-code">
<h3><a href ="generic3.html">关于依恋</a></h3>
<p>About Attachment</p>
</li>
<li class="icon fa-heart-o">
<h3><a href ="generic4.html">关于我们</a></h3>
<p>About Us</p>
</li>
<li class="icon fa-flag-o">
<h3><a href ="generic5.html">参考文献</a></h3>
<p>Reference</p>
</li>
<li class="icon fa-headphones">
<h3><a href = "generic6.html">完整报告</a></h3>
<p>Full Report</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<p>如要获取完整的研究报告，请点击按钮</p>
</header>
<ul class="actions vertical">
<li><a href="report.pdf" download class="button fit">下载完整报告</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© O.R.Z.</li>
</ul>
</footer>
</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/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>