-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
210 lines (177 loc) · 8.74 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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="favicon.ico">
<Title>App Showcase</Title>
<link href="style.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<header class="container">
<div class="row">
<h1 class="col-sm-4">YZ Studio Showcase</h1>
<div class="col-sm-8 text-right">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#apps">Apps</a>
<a class="navbar-brand" href="#games">Games</a>
<a class="navbar-brand" href="#aboutus">About us</a>
<a class="navbar-brand" href="#contactus">Contact us</a>
</nav>
</div>
</div>
</header>
<section class="jumbotron">
<div class="container">
<div class="row text-center">
<h2>Welcome to our App world!</h2>
</div>
</div>
</section>
<div id="apps">
<section class="container1">
<div class="row">
<figure class="col-sm-6">
<img src="01.png" style="vertical-align:middle" />
</figure>
<div class="col-sm-6">
<h4>Financial Ratios Go</h4>
<p>Financial Ratios Go is a user-friendly financial statement analysis App.It can fetch financial statements of 5000+ major companies from the American stock market.</p>
<a href="https://apps.apple.com/us/app/financial-ratios-go-analysis/id1481582303/">For more information or download</a>
</div>
</div>
<div class="row">
</div>
</section>
<section class="container1">
<div class="row">
<div class="col-sm-6">
<h4>Finance Go</h4>
<p>Financial Statements Go is a financial reports App that helps you get key information from companies' statements.<br />The current available financial statements and information are:<br />1. Income statement, balance sheet statement, and cash flow statement.<br />2. Company profiles summary<br />3. Company financial ratios<br />4. Company enterprise Value<br />5. Company key metrics<br />6. Company financial growth<br />7. Company rating<br />8. Stock market and finance news.</p>
<a href="https://apps.apple.com/us/app/financial-statements-go/id1519476344">For more information or download</a>
</div>
<figure class="col-sm-6">
<img src="02.jpg" />
</figure>
</div>
</section>
<section class="container1">
<div class="row">
<figure class="col-sm-6">
<img src="03.jpg" />
</figure>
<div class="col-sm-6">
<h4>Top Rankings</h4>
<p>Top Rankings list some interesting rankings in the world!It provides a convenient way to visualize a ranking with animation and pictures.The dynamic rankings give an interactive way for users to see the changing of rankings in a given range of time.</p>
<a href="https://cdmhub.org/">For more information or download</a><br /><br /><br />
<a href="./allapps.html">All Apps</a>
</div>
</div>
</section>
</div>
<div id="games">
<header class="container3">
<div class="row">
<h1 class="col-sm-6">Games</h1>
</div>
</header>
<section class="container2">
<div class="row">
<figure class="col-sm-6">
<img src="webp_1.jpg" />
<h4 id="qw">Crazy Pyramid</h4>
<p id="as">Start pyramid adventure and collect treasures! In the game, you are playing an archaeologist
who are collecting treasures in a dark and mystious pyramid. Be careful, there will be
tones of mummies and you need to dodge all of them with limited number of lives!
</p>
<a id="df" href="https://banghuazhao.github.io/Crazy-Pyramid-Website/">For more information or download</a>
</figure>
<figure class="col-sm-6">
<img src="webp_2.jpg" />
<h4 id="qw">Spring Festival Crush</h4>
<p id="as">Spring Festival Crush is a fun match-three puzzle game which include 6 chinese lunar
new year symbols. In the game, you need to match at least 3 matching-colored symbols in order
to clear a row or column! </p>
<a id="df" href="https://banghuazhao.github.io/Spring-Festival-Crush-Website/">For more information or download</a>
</figure>
</div>
<div class="row">
<figure class="col-sm-6">
<img src="virus_game.jpg" />
<h4 id="qw">Kill All Virus</h4>
<p id="as">Kill virus and save our world! In the game, you need to kill virus within the limited time.
Watch out! Do not let virus touch healthy cell more than 20 times!
</p>
<a id="df" href="https://banghuazhao.github.io/Kill-All-Virus-Website/">For more information or download</a>
</figure>
</div>
</section>
</div>
<div id="aboutus">
<header class="container1">
<div class="row">
<h1 class="col-sm-6">About us</h1>
</div>
</header>
<section class="container1">
<div class="row">
<div class="col-sm-6" id="er">
<h4>Lulin Yang</h4>
<h6>Product design</h6>
<p>• Business, finance, and non-profit management academic background <br />
• Use business analytical tool such as: SWOT analysis, Michael Porter’s Five Forces Model, and PEST analysis etc.<br />
• Data analysis by using Python.<br />
• Self-motivated and optimistic person who enjoys working with teams.<br />
• Website build and design.</p>
<a href="https://www.linkedin.com/in/lulin-yang-8b0869107/">For more information</a>
</div>
<figure class="col-sm-6">
<img src="p9.jpg" />
</figure>
</div>
</section>
<section class="container1">
<div class="row">
<div class="col-sm-6" id="er">
<h4>Banghua Zhao</h4>
<h6>App developer</h6>
<p>• Excellent in engineering principles, strength of mechanics, solid mechanics and structural analysis<br />
• Proficient in Finite Element Analysis and stress analysis, using ANSYS and Abaqus<br />
• Skills in Programming (C, Python), experience with iOS app and ANSYS ACT development<br />
• Self-motivated and good communication skills with ability to work in fast-paced environment.</p>
<a href="https://www.linkedin.com/in/banghuazhao/">For more information</a>
</div>
<figure class="col-sm-6">
<img src="p10.jpg" />
</figure>
</div>
</section>
</div>
<div id="contactus">
<header class="container3">
<div class="row">
<h1 class="col-sm-6">Contact us</h1>
</div>
</header>
<section class="container4">
<div>
<a href="mailto:iday4633@gmail.com">iday4633@gmail.com</a>
<p>or</p>
</div>
<div>
<a href="mailto:banghua.zhao@gmail.com">banghua.zhao@gmail.com</a>
</div>
</section>
</div>
<div class="share">
<a href="#" id="cv">SHARE</a>
<a href="#" id="cv">GOOD</a>
<a href="#" id="cv">DESIGN</a>
<A href="#" id="cv">COLLECTION</A>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="script.js">
</script>
</html>