-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
168 lines (128 loc) · 6.78 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
160
161
162
163
164
165
166
167
168
<!doctype html>
<html>
<head>
<!-- meta data & title -->
<meta charset="utf-8">
<title>IAT内隐联想测验</title>
<!-- CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand wow fadeInDownBig" href="index.html"><img class="office-logo" src="assets/img/slider/Office.png" alt="Office"></a>
</div>
<div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
<ul class="nav navbar-nav pull-right">
<li class="active">
<a href="index.html">首页</a>
</li>
<li>
<a href="about.html">研究介绍</a>
</li>
<li>
<a href="team.html">成员</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Header -->
<!-- slides -->
<div class="carousel-inner" role="listbox">
<!-- Begin Slide -->
<div class="item active">
<img src="assets/img/slider/slide2.jpg" height="400" alt="Image of first carousel">
<div class="carousel-caption">
<h3 class="carousel-title hidden-xs">内隐联想测验IAT</h3>
<p class="carousel-body">---揭示真实的你---</p>
</div>
</div>
<!-- End Slide -->
</div>
</div>
</div>
</section>
<!-- Begin #services-section -->
<section id="services" class="services-section section-global-wrapper">
<div class="container">
<div class="row">
<div class="services-header">
<h3 style="font-family:等线;color:Brown;"><b>欢迎参与IAT内隐联想测验</b></h3>
<p style="font-family:等线;color:Black;font-size:19px;"> 假如你是男生，你能接受女性上司吗？</p>
<p style="font-family:等线;color:Black;font-size:19px;">假如你是女生，你相信自己能够成为领导吗？</p>
<p style="font-family:等线;color:Black;font-size:20px;">点击下方链接</p>
<p style="font-family:等线;color:Black;font-size:20px;">发现你真实的想法</p><hr>
</div>
</div>
<!-- BeginRow -->
<div class="row services-row services-row-tail services-row-2">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="services-group wow animated fadeInLeft" data-wow-offset="40">
<p class="services-icon"><span class="fa fa-windows fa-5x"></span></p>
<h4 class="services-title">实验</h4>
<p class="services-body">你真的了解自己的想法吗~</p>
<p class="services-more"><a href="http://research.millisecond.com/weicong1203/genderpoweriat.web"target="_blank">进入实验</a></p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="services-group wow animated zoomIn" data-wow-offset="40">
<p class="services-icon"><i class="fa fa-eye fa-5x"></i></p>
<h4 class="services-title">问卷</h4>
<p class="services-body">我们为您准备了一些问题</p>
<p class="services-more"><a href="https://bnupsych.asia.qualtrics.com/jfe/form/SV_eVv3H2g4ILnAeVL"target="_blank">进入问卷</a></p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="services-group wow animated fadeInRight" data-wow-offset="40">
<p class="services-icon"><i class="fa fa-cube fa-5x"></i></p>
<h4 class="services-title">团队</h4>
<p class="services-body">了解我们的小组成员</p>
<p class="services-more"><a href="team.html">关于我们</a></p>
</div>
</div>
</div>
<!-- EndRow-->
<hr>
</div>
</section>
<!-- End #services-section -->
<div class="row">
<div class="services-header">
<p style="font-family:等线;color:Black;font-size:19px;"align="center";></br>~所有的实验和问卷均为匿名参与，我们会对您的信息和测验结果严格保密~</br></br></br></p>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<h3><i class="fa fa-map-marker"></i> 联系我们</h3>
<p class="footer-contact">
北京市海淀区新街口外大街19号<br>
北京师范大学 100875<br>
Email: 201511010197@mail.bnu.edu.cn<br>
</p>
</div>
<div class="col-md-4">
<h3><i class="fa fa-external-link"></i> 想了解更多？</h3>
<p> <a href="#">请点击此处 </a></p>
</div>
<h3><i class="fa fa-heart"></i> 我们来自</h3>
<a href="http://www.bnu.edu.cn/"target="_blank"> 北京师范大学</a>
<a href="http://psych.bnu.edu.cn/"target="_blank">心理学部</a>
</a>
</div>
</div>
</footer>
</body>
</html>