-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
169 lines (167 loc) · 7.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
160
161
162
163
164
165
166
167
168
169
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="referrer" content="no-referrer">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<title>Team Tfour</title>
</head>
<body>
<div class="back add-filter"></div>
<div class="main fadeOut" id="mainPage"> <!-- Task页码搭建 -->
<div class="left left-row">
<div class="user-info"> <!-- Task 用户基本信息 -->
<div class="user-info-photo">
<a href="./pages/about_me.html">
<img src="../edwardlin-zlt.github.io/images/avatar.jpg"/>
</a>
</div>
<h2 class="user-info-title">Tfour Team</h2>
<p class="user-info-content">
Our team name is tfour.<br>
This is line two for better display.
</p>
</div>
<div class="link-app-link"> <!-- Task 链接菜单 -->
<h2 class="link-title">
APP LINKs
</h2>
<div class="link-box-left">
<a href="https://edwardlin-zlt.github.io/">
<img class="link-smaller-img"
src="https://upload-images.jianshu.io/upload_images/20198606-fef2f9935d2c23a6.png"
alt="this is icon of home" title="Home">
</a>
<p class="link-icon-text">Home</p>
</div>
<div class="link-box-right">
<a href="https://github.com/Edwardlin-zlt/edwardlin-zlt.github.io" target="_blank">
<img class="link-smaller-img"
src="https://upload-images.jianshu.io/upload_images/20198606-827bfa86a0b18dd1.png"
alt="thisis icon of github" title="Github">
</a>
<p class="link-icon-text">GitHub</p>
</div>
<br>
<div class="link-box-left">
<a href="https://www.jianshu.com/" target="_blank">
<img class="link-smaller-img"
src="https://upload-images.jianshu.io/upload_images/20198606-2d2ba09e5148fd3f.png"
alt="this is icon of 简书" title="简书">
</a>
<p class="link-icon-text">简书</p>
</div>
<div class="link-box-right">
<a href="images/tfour.jpg" target="_blank">
<img class='link-smaller-img'
src="https://i0.hdslb.com/bfs/album/144ec260fb5619a6e4e44617dc3a90451fb9eb10.png"
alt='this is icon of wechat' title="微信"><br>
</a>
<p class="link-icon-text">Wechat</p>
</div>
<br>
<div class="link-box-left">
<a href="pages/timeline.html">
<img class="link-smaller-img"
src="http://i0.hdslb.com/bfs/album/9b82890777f1b4e710f97ee66df33ac55e85aa7e.png"
alt="this is icon of Archievs" title="Archives">
</a>
<p class="link-icon-text">Archives</p>
</div>
<div class="link-box-right">
<a href="https://trello.com/b/oEbQkUVw/tfour">
<img class="link-smaller-img"
src="https://upload-images.jianshu.io/upload_images/20198606-66ec9f29bd298671.png"
alt="this is icon of about" title="About">
</a>
<p class="link-icon-text">About</p>
</div>
</div>
</div>
<div class="right">
<div class="head-box"> <!-- Task 文章列表头条展示 -->
<div class="head-box-title">
<h1>Welcome to ThoughtWorks</h1>
<p class="head-box-time">Nov 24, 2019 in ChengDu, releases</p>
<p class="head-box-text">我们的小组成员有张林韬，张亦弛，周康健，晏晓天。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。
目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。</p>
</div>
<div class="head-box-url">
<a class="head-box-urltext" href="pages/artical.html">Continue reading</a>
</div>
<div class="head-box-image">
<img class="head-box-img" src="images/bridge.jpg" alt="Big Image">
</div>
</div>
<div class="stories"> <!-- Task 文章列表展示 -->
<div class="story-row">
<div class="story-pic">
<img src="images/xiaotian.jpg" alt="">
</div>
<div class="story-info">
<h1 class="story-title">Xiaotian</h1>
<div class="story-subtitle"><span class="story-date">Nov 24, 2019</span> 潮落又潮生，今古长如此。
</div>
<p class="story-content">莫听穿林打叶声，何妨吟啸且徐行，竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。
料峭春风吹酒醒，微冷。山头斜照却相迎。回首向来萧瑟处，归去，也无风雨也无晴。</p>
<div class="story-link"><a href="https://www.jianshu.com/u/1476dbd6bb1d">Learn More</a></div>
</div>
</div>
<hr>
<div class="story-row">
<div class="story-pic">
<img src="images/Edward-avatar.jpg" alt="">
</div>
<div class="story-info">
<h1 class="story-title">Edward Lin | 林饕</h1>
<div class="story-subtitle">
<span class="story-date">Nov 24, 2019</span>
<span>来听听看林饕有什么有趣的故事</span>
</div>
<p class="story-content">四川人，深大学建筑的，但是喜欢敲代码，喜欢全键盘，分屏的黑客感觉。喜欢代码实现后的成就感。希望和大家一起在
TW 愉快工作、学习、进步。请多多指教!（算是见识到最大同性交友平台的威力了，队友牛皮）
</p>
<div class="story-link"><a href="https://www.jianshu.com/u/3ec45b1c9771" target="_blank">Learn More</a></div>
</div>
</div>
<hr>
<div class="story-row">
<div class="story-pic">
<img src="./images/kangjian.jpg" alt="头像">
</div>
<div class="story-info">
<h1 class="story-title">Healthyer | 周康健</h1>
<div class="story-subtitle">
<span class="story-date">Nov 24, 2019</span>
<span>今日微冷</span>
</div>
<p class="story-content">我的简书，目前更新两篇
dolor. </p>
<div class="story-link"><a href="https://www.jianshu.com/u/1a447144d8c3" target="_blank">Learn More</a></div>
</div>
</div>
<hr>
<div class="story-row">
<div class="story-pic">
<img src="images/zycsustc-head.jpg" alt="">
</div>
<div class="story-info">
<h1 class="story-title">zycsustc</h1>
<div class="story-subtitle"><span class="story-date">Nov 24, 2019</span> 人是铁，饭是钢，一顿不吃饿得慌······
</div>
<p class="story-content">我的座右铭：以热爱祖国为荣，以危害祖国为耻。 以服务人民为荣，以背离人民为耻。 以崇尚科学为荣，以愚昧无知为耻。 以辛勤劳动为荣，以好逸恶劳为耻。
以团结互助为荣，以损人利己为耻。 以诚实守信为荣，以见利忘义为耻。 以遵纪守法为荣，以违法乱纪为耻。 以艰苦奋斗为荣，以骄奢淫逸为耻。
dolor. </p>
<div class="story-link"><a href="https://www.jianshu.com/u/c8d26044c1ff">Learn More</a></div>
</div>
</div>
<hr>
</div>
</div>
</div>
</body>
</html>