-
Notifications
You must be signed in to change notification settings - Fork 0
/
web.html
117 lines (117 loc) · 5.16 KB
/
web.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/x-icon" href="./image/favicon.ico" />
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Jianhang</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
<a class="navbar-brand" href="index.html"><img src="./image/kiwi.svg" class="img-fluid" style="width: 50px;"/></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="geo.html">Geophysicist</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="web.html">Web Developer<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="ios.html">Game Developer</a>
</li>
<li class="nav-item">
<a class="nav-link" href="learn.html">Self Improvement</a>
</li>
</ul>
</div>
</nav>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="container">
<h1>WORK EXPERIENCE</h1>
<br/>
<div class="card">
<div class="card-header align-items-center">
<h4>2018.6 -- Present</h4>
</div>
<div class="card-body">
<br/>
<div class="container">
<div class="row">
<div class="col-2">
<img src="./image/web/moka.svg" class="img-fluid" alt="Responsive image">
</div>
<div class="col-10">
<h3 class="card-title">Beijing Sirius Technology Co., Ltd</h3>
</div>
<br/>
<br/>
<br/>
<h4>Full-Stack Web Developer</h4>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
Project
</div>
<div class="card-body">
<h5 class="card-title">"MOKA" -- HR SaaS</h5>
<p class="card-text">This software is aimed to help other companies to organize human resources including hiring employee, improving employee efficiency and making higher profits by reducing business cost. We've worked with famous enterprises such as Sougou and Xiaomi in China with very positive feedbacks.</p>
<p class="card-text">FontEnd: <a href="https://reactjs.org/" class="text-primary">React.js</a></p>
<p class="card-text">Backend: <a href="http://expressjs.com/" class="text-primary">Express.js</a></p>
<p class="card-text">DBMS: <a href="https://www.mysql.com/" class="text-primary">MySQL, </a><a href="https://knexjs.org/" class="text-primary">Knex.js</a></p>
<a href="https://app.mokahr.com" class="btn btn-primary">Website</a>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
Project
</div>
<div class="card-body">
<h5 class="card-title">"Ashbringer" -- Backstage CMS</h5>
<p class="card-text">This is a backstage content management system built to assist customer success managers</p>
<p class="card-text">FontEnd: <a href="https://vuejs.org/" class="text-primary">Vue.js</a></p>
<p class="card-text">Backend: <a href="http://expressjs.com/" class="text-primary">Express.js</a></p>
<p class="card-text">DBMS: <a href="https://www.mysql.com/" class="text-primary">MySQL, </a><a href="https://knexjs.org/" class="text-primary">Knex.js</a></p>
<a href="https://ash.mokahr.com" class="btn btn-primary">Website</a>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
Project
</div>
<div class="card-body">
<h5 class="card-title">Official Website</h5>
<p class="card-text"><a href="https://jquery.com/" class="text-primary">jQuery</a></p>
<a href="https://www.mokahr.com/" class="btn btn-primary">Website</a>
</div>
</div>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>