-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (102 loc) · 4.04 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
<!DOCTYPE html>
<html>
<head>
<title> psistarpsidx - Homepage </title>
<meta charset = "UTF-8">
<meta name = "author" content = "Ma Hongqiang">
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
<link rel="stylesheet" href = "style.css">
</head>
<nav>
<div id = "top_banner">
<img id="banner" src = "top_banner.png" alt = "banner">
</div>
<ul role="navigation">
<li>
<a href="index.html"> Homepage</a>
<li>
<a href="">About me </a>
</li>
<li>
<a href=""> Personal Blog</a>
</li>
<li>
<a href="revision_note.html"> Revision Notes </a>
</li>
<li>
<a href=""> Contact me </a>
</li>
</ul>
</nav>
<body>
<div id = main_container>
<div id="content_container">
<div id = "homepage">
<h1> psistarpsidx </h1>
</div>
<div id = "welcome">
<h2> Welcome all! </h2>
</div>
<div id="intro">
<div id = "intro_text">
<h3 >About me</h3>
<p> I am Ma Hongqiang, a second year student in National University of Singapore. I am in the <a href="http://www.comp.nus.edu.sg/programmes/sp/ddp/cmam/">Double Degree Programme of Computer Sciance and Applied Mathematics</a>. </p>
<p> I intend to graduate, provisionally, with artificial intelligence and distributed system as the <a href="http://www.comp.nus.edu.sg/programmes/ug/focus/">focus area</a> of my CS degree, and both pure and applied math with specialisation in <a href = "http://ww1.math.nus.edu.sg/gradreq/am1617.pdf">Financial Mathematics and Operational Research</a>, in 4 years.</p>
</div>
<div id="intro_profile">
<div>
<img id="profile_pic" src="profile_pic.jpg" alt="Ma Hongqiang profile picture">
</div>
<div id="profile_description">
<p>Hongqiang in 2015</p>
</div>
</div>
</div>
<div id="revision_notes">
<h3> Revision Notes</h3>
<p> In a chat with my girlfriend, when she asks me about why I spend time answering questions about things learnt in class, and I said, "Well, although I only belong to you, knowledge shall belong to everyone." Indeed this is my heartfelt revelation about knowledge.</p>
<p> Knowledge is empowering in many ways. However, I, as one active learner, feel more humbled than empowered in learning.</p> <blockquote><p>The more I learn, the more I realize how much I don't know.</p></blockquote><p> This is exactly what I feel when encountering new things.</p>
<p> Apart from the mistakes I commit in learning, my memory also fails me as I tend to forget about what I have grasped. Therefore, I decided to make this series of Revision Notes since A level, as a personal reference.</p>
<p> I realise that these revision notes may be beneficial for people taking the same module as I did. So I decided to make it open-source for public consumption today, 29 September 2017.</p>
<p> Happy reading and happy learning! </p>
</div>
</div>
</div>
<footer>
<div id="footer_div">
<div id="header_left_column">
<div id="footer_icon"><img id="icon" src ="icon.png" alt="icon"></div>
<p>This page is developed by me, as a project in mastering frontend development.</p>
<p>All rights reserved.</p>
</div>
<div id="direction">
<h4>Sitemap</h4>
<div id="sitemap_list">
<ul role="navigation">
<li>
<a href="">About me </a>
</li>
<li>
<a href=""> Personal Blog</a>
</li>
<li>
<a href="revision_note.html"> Revision Notes </a>
</li>
<li>
<a href=""> Contact me </a>
</li>
</ul>
</div>
</div>
<div id="elsewhere">
<h4>Find me at</h4>
<ul>
<li><a href="https://github.com/mhq199657" target="_blank">Github</a></li>
<li><a href="https://math.stackexchange.com/users/122049/user122049" target="_blank">Math Stackexchange</a></li>
<li><a href="mailto:mhq199657@163.com">Mail</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>