-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
191 lines (150 loc) · 8.28 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!--
.--..--..--..--..--..--.
.' \ (`._ (_) _ \
.' | '._) (_) |
\ _.')\ .----..---. /
|(_.' | / .-\-. \ |
\ 0| | ( O| O) | o|
| _ | .--.____.'._.-. |
\ (_) | o -` .-` |
| \ |`-._ _ _ _ _\ /
\ | | `. |_||_| |
| o | \_ \ | -. .-.
|.-. \ `--..-' O | `.`-' .'
_.' .' | `-.-' /-.__ ' .-'
.' `-.` '.|='=.='=.='=.='=|._/_ `-'.'
`-._ `. |________/\_____| `-.'
.' ).| '=' '='\/ '=' |
`._.` '---------------'
//___\ //___\
|| ||
||_.-. ||_.-.
(_.--__) (_.--__) 你好呀！！
-->
<!DOCTYPE html>
<html lang="cn" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>纪逸岚</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="styles/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;1,300&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156803353-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156803353-1');
</script>
<link rel="shortcut icon" href="image/blue.png" type="image/x-icon">
<!-- <link rel='stylesheet' href='https://unpkg.com/emoji.css/dist/emoji.min.css'> -->
<body>
<div id="my-nav">
<header class="site-header">
<div class="wrapper site-header__wrapper">
<div class="site-header__start">
<a href="#" class="brand navbar-brand gradient-text">Jac Ji</a>
</div>
<div class="site-header__middle">
<nav class="nav">
<button class="nav__toggle" aria-expanded="false" type="button">
menu
</button>
<ul class="nav__wrapper">
<li class="nav__item active"><a href="#">作品</a></li>
<li class="nav__item"><a href="about.html">关于我</a></li>
<li class="nav__item ext-link"><a target="_blank" href="https://drive.google.com/file/d/1wq6JGNh6juPMkubUiDej5rGcGLSh_0dG/view?usp=sharing">简历<i class="material-icons sm-icon">north_east</i></a></li>
</ul>
</nav>
</div>
<div class="site-header__end">
<div class="language" >
<a href="https://jacquelineji.github.io" class="EN">
<i class="material-icons">language</i>English</a>
</div>
</div>
</div>
</header>
</div>
<!-- Header End -->
<div class="container my-container container-fluid ">
<div class="row my-row header py-md-2 py-lg-3 justify-content-center">
<div class="col-12 col-md-4 my-col head px-md-2 px-lg-3 py-2 py-md-0">
<img src="image/jac.gif" class="img-fluid" alt="Responsive image">
</div>
<div class="col-12 col-md-6 my-col head px-md-2 px-lg-3 py-2 py-md-0">
<p class="catchphrase" >来都来了，<br class="mobile-break">交个朋友？</p>
<br class="mobile-break">
<p class="catchphrase-2" >我是纪逸岚，是个「滑大学子」和一个「产品设计师」</p>
<p style="text-decoration: line-through; color: #b3b3b3;" >以下是一些两年没更新的作品，更多内容等我毕业!</p>
<p>以下是一些三年没更新的作品，更多内容等.. <br> 算了先不立这个flag了，常来啊！会有的！</p>
</div>
</div>
<div class="row my-row project-block py-md-2 py-lg-3">
<div class="col-12 col-md-6 my-col px-md-2 px-lg-3 py-2 py-md-0 ">
<div class="hover hover-5 hover1 text-white ">
<img src="p1/cover.png" alt="project-cover">
<a class="stretch-link img-link" href="projects/21.html">
<div class="hover-overlay " id="p1"></div>
<div class="hover-5-content ">
<h4 class="hover-5-title font-weight-light mb-0"> <strong class="font-weight-bold text-white">21 - 有趣的灵魂养成记</strong> <br> <span >匆忙抵达下一个目的地后，一切真的会好起来吗？</span></h4>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 my-col px-md-2 px-lg-3 py-2 py-md-0 ">
<div class="hover hover-5 hover1 text-white ">
<img src="p4/cover.png" alt="project-cover">
<a class="stretch-link img-link" href="projects/didi.html">
<div class="hover-overlay " id="p1"></div>
<div class="hover-5-content ">
<h4 class="hover-5-title font-weight-light mb-0"> <strong class="font-weight-bold text-white">DiDi Saturday - 滴滴打车大促日</strong> <br> <span>“这个设计不行，感觉你们很刻意在迎合外国文化。”</span></h4>
</div>
</a>
</div>
</div>
</div>
<div class="row my-row my-row project-block py-md-2 py-lg-3">
<div class="col-12 col-md-6 my-col px-md-2 px-lg-3 py-2 py-md-0 ">
<div class="hover hover-5 hover1 text-white ">
<img src="p2/cover.png" alt="project-cover">
<a class="stretch-link img-link" href="projects/pear.html">
<div class="hover-overlay " id="p1"></div>
<div class="hover-5-content ">
<h4 class="hover-5-title font-weight-light mb-0"> <strong class="font-weight-bold text-white">PEAR - 连结学生和慈善组织</strong> <br> <span>创造一个社会发展和教育发展的循环。</span></h4>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 my-col px-md-2 px-lg-3 py-2 py-md-0 ">
<div class="hover hover-5 hover1 text-white ">
<img src="p3/cover.png" alt="project-cover">
<a class="stretch-link img-link" href="projects/design.html">
<div class="hover-overlay " id="p1"></div>
<div class="hover-5-content ">
<h4 class="hover-5-title font-weight-light mb-0"> <strong class="font-weight-bold text-white">每日设计</strong> <br> <span>UI和插画设计合集。</span></h4>
<!-- <h4 class="hover-5-title font-weight-light mb-0"> <strong class="font-weight-bold text-white">VIA - 提升候车体验</strong> <br> <span>行程再满也无需焦虑，从踏出家门开始，一切都在掌握之中。</span></h4> -->
</div>
</a>
</div>
</div>
</div>
<div class="row my-row my-row project-block py-md-2 py-lg-3">
<div class="col-12 my-col px-md-2 px-lg-3 py-2 py-md-0 outro">
<p >保持联系哦!</p>
<br>
<p >邮箱：<a class="r-link animated-underline animated-underline_type1" href="mailto: [email protected]"> [email protected]</a>！</p>
<p>也可以在<a class="r-link animated-underline animated-underline_type1" href=" https://www.linkedin.com/in/jacqueline-ji/">领英</a>上找到我噢。</p>
</div>
</div>
</div>
<script src="js/header-7.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPx-mdhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>