-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
67 lines (66 loc) · 3.59 KB
/
about.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
<HTML>
<HEAD>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Wing's Design</title>
<meta name="description" content="An artwork portfolio of Wing Tsui, a HKUST Computer Engineering student and a freelance designer">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="about, about me, about wing, HKUST, HKUST CPEG student, HKUST designer, design portfolio, designer portfolio, design inspiration, portfolio website, designer portflio, portfolio inspiration, portfolio websites, portfolio gallery, design portfolio showcase, resume，HKUST resume, mockups，sketch，photoshop，illustrator, colors，fonts，icons">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="logo.ico" type="image/x-icon" />
<link rel="shortcut icon" href="logo.ico" type="image/x-icon" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/script.js"></script>
</HEAD>
<div class="menu" id="main-nav">
<nav id="nav">
<ul>
<li><a href="index.html"> HOME </a></li>
<li><a href="about.html"> ABOUT </a></li>
<li><a href="artwork.html"> ARTWORK</a></li>
</ul>
</nav>
<div class="menu-toggle">
<i class="glyphicon glyphicon-menu-hamburger" aria-hidden="true">
</i>
</div>
</div>
<BODY bgcolor="#ffffff" text="#212632" link="#660066" vlink="#cc99cc" alink="#33ff99">
<br>
<div align="center">
<p id="title" style="font-family: Raleway; font-size: 35px; font-weight: 600;">About<br>
<font style="font-family: Raleway; font-size: 20px; font-weight: 300;">Wing Tsui</font><p>
<div class="col-sm-1"></div>
<div class="col-sm-10">
<img src="img/pro_pic.jpg" id="pro_pic"><br><br>
<font style="font-family: Raleway; font-size: 15px; font-weight: 300;">A year 3 computer engineering student studying in HKUST</i></font><br><br>
<font style="font-family: Raleway; font-size: 20px; font-weight: 300;"><i>- 'Stay hungry, stay foolish' -</i></font><br>
<font style="font-family: Raleway; font-size: 15px; font-weight: 300;">That is my motto.<br><br>
If I ever asked people to describe me, some may describe me as a computer engineer. Some may think that I am a website administrator. Some may say that I am a designer.<p></p>
For me, I perceive myself as a person who loves to dream and explore. I do not want myself to be defined by a few identities as they limit me what I can do.<p></p>
Finding different possibilities in life is interesting, and I am willing to accept any challenges ahead.
<p></p>
Contact: tsuiwing845@outlook.com
<p></font><br>
</div>
<div class="col-sm-1"></div>
</div>
<br>
</BODY>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menu-toggle').click(function(){
$('nav').toggleClass('active');
});
});
</script>
</HTML>