-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
112 lines (105 loc) · 6.5 KB
/
index.html
File metadata and controls
112 lines (105 loc) · 6.5 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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="imprld01">
<meta name="description" content="This is a personal landing page linking to my profile, blog, etc. Very welcome to my landing page! This site is owned by imprld01! In this site, you can find more info about bo-wun, including experience, interests,etc. If you are interested, you can mail to me!">
<meta name="keywords" content="imprld01,imprld,BW's Landing Page">
<meta name="msvalidate.01" content="AA88D87AFAF648FEE45BA3A5A98B147B" />
<meta name="google-site-verification" content="qsJQCL11a0qVDx46trPNIEed4YnldTyB7pPn0OxHtec" />
<title>BW's Landing Page | 發現．BW</title>
<link rel="shortcut icon" href="assets/img/o.ico">
<link rel="stylesheet" href="assets/css/bwlp.css">
<link rel="stylesheet" href="assets/css/paraxify.css">
<link rel="stylesheet" href="assets/css/particle.style.css">
<link rel="stylesheet" href="assets/css/jquery.fullPage.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
#imgparaxify1 { background-image: url(assets/img/city-park-1839223_1280.jpg); }
#imgparaxify2 { background-image: url(assets/img/binary-1695478_1920.jpg); }
</style>
<script data-ad-client="ca-pub-6015636098022992" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<div id="fg" class="nocopy">
<div class="section">
<div class="container">
<header class="jumbotron header marginLR5" style="background: rgba(80%,80%,80%,0.05);">
<h1><span id = "sc"></span>Hello!<br>I am <span id = "rb1">B</span><span id = "rb2">o</span><span id = "rb3">-</span><span id = "rb4">W</span><span id = "rb5">u</span><span id = "rb6">n</span>.</h1>
<h5>< Never give up, because we have much more potential than we imagined ! ></h5>
<hr>
<p>What I'm interested in are software engineering and artificial intelligence field. It is exciting for me to design and build a lively system with the software engineering method. Hope 'improving something in some corner of the world by computer science' can be kept in my mind forever as power for me to go far. It's extremely cool to imagine the future of the world, isn't it? Last, I have to say computer science is awesome! I love CS!</p>
<p>@ 2019/12/08 😎</p>
</header>
</div>
<section id="panel"></section>
</div>
<div id="imgparaxify1" class="section align_center paraxify imdimage">
<h1 class="marginB10 fs-4em">More About Me</h1>
<div>
<ul>
<li>
<a href="https://imprld01.github.io/about" target="_blank" title="My Profile"><i id="icon2" class="fa fa-user" style="font-size: 7em;"></i></a>
<a href="https://github.com/imprld01" target="_blank" title="My Github"><i id="icon2" class="fa fa-github-square" style="font-size: 7em;"></i></a>
<a href="https://imprld01.github.io/blogg" target="_blank" title="My Blog"><i id="icon2" class="fa fa-book" style="font-size: 7em;"></i></a>
</li>
</ul>
</div>
</div>
<div class="section align_center">
<h1 class="fs-4em">Contact Me</h1>
<h5 class="marginB10">*E-mail is recommended!</h5>
<div>
<ul>
<li>
<a href="mailto:sbw23%319@gmai%6C.com" title="Mail to Me"><i id="icon1" class="fa fa-envelope" style="font-size: 7em;"></i></a>
<a href="https://tw.linkedin.com/in/bo-wn" target="_blank" title="My Linkedin"><i id="icon1" class="fa fa-linkedin-square" style="font-size: 7em;"></i></a>
</li>
</ul>
</div>
</div>
<div id="imgparaxify2" class="section paraxify">
<div class="container">
<section class="jumbotron header marginLR2 fs-4em" style="background: rgba(20%,20%,20%,0.8);">
<h3>Maintained by <a href="https://github.com/imprld01" target="_blank">imprld01</a> @ 2017/04/25</h3>
<h3>Constructed by <a href="https://github.com/imprld01" target="_blank">imprld01</a> @ 2017/02/23</h3>
<h3>Powered by <a href="https://github.com/VincentGarreau/particles.js/" target="_blank">particles.js</a>, <a href="http://fontawesome.io/" target="_blank">fontawesome.io</a>, <a href="http://alvarotrigo.com/fullPage/" target="_blank">fullPage.js</a>, <a href="https://jaicab.com/Paraxify.js/" target="_blank">paraxify.js</a>, <a href="http://creativecommons.tw" target="_blank">CC0</a> Images on <a href="https://pixabay.com/" target="_blank">pixabay</a> by <a href="https://pixabay.com/en/users/Pexels-2286921/" target="_blank">Pexels</a> & <a href="https://pixabay.com/en/users/geralt-9301/" target="_blank">geralt</a></h3>
<hr>
<p>LICENSE under <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> and <a href="https://github.com/imprld01/imprld01.github.io/blob/master/LICENSE" target="_blank">MIT</a></p>
</section>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.preload.min.js"></script>
<script type="text/javascript" src="assets/js/paraxify.min.js"></script>
<script type="text/javascript" src="assets/js/particles.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fullPage.js"></script>
<script type="text/javascript">
$.preload('assets/img/city-park-1839223_1280.jpg', 'assets/img/binary-1695478_1920.jpg');
$(document).ready(function(){
$('#fg').fullpage({
sectionsColor: ['#ffffff', '#000000', '#369b86', '#000000', '#275aad'],
navigationTooltips: ['I am Who am I', 'Teleportation', 'Hide and Seek', 'Thanks Open Source'],
navigation: true,
loopTop: true,
loopBottom: false,
autoScrolling: false
});
});
</script>
<script type="text/javascript" src="assets/jst/particle_setting.js"></script>
<script type="text/javascript">
paraxify('.paraxify');
window.load = function () {
this._animate();
paraxify('.paraxify');
};
</script>
<script type="text/javascript" src="assets/jst/sct.js"></script>
</html>