-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfsk.html
More file actions
132 lines (125 loc) · 5.93 KB
/
Copy pathfsk.html
File metadata and controls
132 lines (125 loc) · 5.93 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
<!doctype html>
<html>
<head>
<title>Yiming Xie</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="css/frame.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/controls.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/custom.css" media="screen" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<style>
.menu-index {
color: rgb(255, 255, 255) !important;
opacity: 1 !important;
font-weight: 700 !important;
}
</style>
</head>
<body>
<div class="menu-container"></div>
<div class="content-container">
<div class="content">
<div class="content-table flex-column">
<!-------------------------------------------------------------------------------------------->
<!--Start Intro-->
<div class="flex-row">
<div class="flex-item flex-column">
<!-- <img class="image" src="img/dummay-img.png"> -->
<img width="320" height="180" src="img/ZJUFSK.jpeg">
</div>
<div class="flex-item flex-item-stretch flex-column">
<h2>Freestyle Roller Skating</h2>
<hr>
Freestyle roller skating is a very interesting sport.
I started this sport when I was 10 years old.
During my undergraduate years, I served as the president
of the Roller Skating Association of Zhejiang University.
People say my "major" in the first two years of college was freestyle skating,
because I spent almost all of my time on it. This page is to commemorate my first
two years of college.
</div>
</div>
<!--End Intro-->
<!-------------------------------------------------------------------------------------------->
<!--Start Photos-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin">Photos</h2>
<hr>
<p class="text">
</p>
</div>
</div>
<div class="gallery">
<a href="javascript:void(0)" class="flex-column"><img src="img/2016newyear.jpeg">
<div>2016 New Year’s Party of Students' Association Union</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/2016-student-festival.jpeg">
<div>2016 Student Festival of Zhejiang University</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/ZJUC.jpeg">
<div>2017 The Second "Soul Cup" Free Roller Skating Competition</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/Culture-square.jpeg">
<div>On culture quare of Zhejiang University</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/Military-training-performance.jpeg">
<div>Performance in 2017 Military Training</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/wenbi.jpeg">
<div>Won the first place in the closing ceremony of the club culture festival</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/wenbi1.jpeg">
<div>On the closing ceremony of the club culture festival</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/wenbi2.jpeg">
<div>On the closing ceremony of the club culture festival</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/wenbi3.jpeg">
<div>On the closing ceremony of the club culture festival</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/honor.jpeg">
<div>I led the class of 2016 to win the top three of the second 'Soul Cup'</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/Christmas-Eve.jpeg">
<div>Christmas Eve</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/xihu.jpeg">
<div>We are in West Lake</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/shanghai.jpeg">
<div>We are in shanghai</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/120-anniversary.jpeg">
<div>The 120th anniversary of Zhejiang University</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/practice.jpeg">
<div>Want to fly higher</div>
</a>
<a href="javascript:void(0)" class="flex-column"><img src="img/shoes.jpeg">
<div>My fourth and last pair of skates</div>
</a>
</div>
<!--End Photos-->
<!-------------------------------------------------------------------------------------------->
<!--Start Photos-->
<!-- <div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin">Vedeos</h2>
<hr>
<p class="text">
</p>
</div>
</div>
<div class="gallery">
</div> -->
<!--End Photos-->
</div>
</div>
</div>
</body>
</html>