-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
132 lines (119 loc) · 4.46 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
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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Doris Wei</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" type="image/png" href="images/star.png">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">DW</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home Page</a></li>
<li class="active"><a href="about.html">About Me</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/doriswei/" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/xysw" class="icon brands fa-github"><span class="label" target="_blank">GitHub</span></a></li>
<li><a href="mailto:doris.xy.wei@gmail.com" class="icon far fa-envelope"><span class="label">Email</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">December, 2024</span>
<h1>About</h1>
</header>
<p>Hello! I'm Doris. I'm entering my final year of high school in Brisbane, Australia
and I'm interested in studying interdisciplinary fields
in Maths, Physics, and Computer Science. I am currently learning to work with Machine Learning, data, and design, primarily
with Python, HTML/CSS, and digital tools. I have also previously programmed in C++.
I am actively seeking to improve my programming skills
and develop the capacity to build tools that assist people in their everyday lives.</p>
<div class="gallery">
<h2>Gallery</h2>
<div class="image main"><img src="images/pic01 - Copy.jpg" alt=""/></div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<!--
<section>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</section>
-->
<section class="split contact">
<section class="alt">
<h3>Email</h3>
<p>doris.xy.wei@gmail.com</p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/doriswei/" class="icon brands alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/xysw" class="icon brands alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</section>
<!--
<section>
<h3>Address</h3>
<p><a href="#">info@untitled.tld</a></p>
</section>
<section>
<h3>Phone</h3>
<p><a href="#">(000) 000-0000</a></p>
</section>
-->
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>Base Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>