-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdeveloper-portfolio.html
169 lines (158 loc) · 7.44 KB
/
developer-portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Who am I?" />
<meta name="author" content="Supun Wijesooriya" />
<title>Supun Seth XIII</title>
<link rel="icon" href="developer/pentagram.png" />
<link rel="stylesheet" href="css/developer-portfolio.css" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,600;1,100&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- Navigation Bar -->
<nav class="nav-bar">
<ul>
<li><a href="#connect">Connect</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#interests">Interests</a></li>
</ul>
</nav>
<!-- Navigation Bar -->
<!-- Connect AKA Intro -->
<section id="connect">
<div class="main">
<h1 class="headings">
Hi! :) <br />
I'M SUPUN WIJESOORIYA
</h1>
<a href="https://www.linkedin.com/in/supunwijesooriya" target="_blank"
><button class="social-media">LinkedIn</button></a
>
<a href="https://github.com/supunxiii" target="_blank"
><button class="social-media"> GitHub </button></a
>
<a href="https://www.instagram.com/supun.xiii/" target="_blank"
><button class="social-media">Instagram</button></a
>
</div>
</section>
<!-- Connect AKA Intro -->
<!-- About Me -->
<section id="about">
<h1 class="headings">ABOUT ME</h1>
<div id="pic">
<img src="developer/developer-crop.png" alt="Developer's Picture" />
<div id="intro">
<h2>Supun Wijesooriya</h2>
<p>
Hello there! I'm Supun Wijesooriya, a freshman pursuing a bachelor's
degree in computer science from Staffs Uni at APIIT. Completed my
primary education in St. Sylvester's College and Kingswood College,
Kandy. After receiving 9 distinction passes for my GCEs I got the
opportunity to study natural sciences at Kingswood College. Passion
for computer science started from my childhood days. Side to my
secondary education I self-studied computer science related concepts
and fields which piqued my interest. After passing the GCE advanced
levels I completed a CertHE from University of Westminster at IIT.
</p>
<p>
Love to work in the academia rather than the "industry". (♡ academia
> ♡ industry) And possibly get into the research domain and to
work with the fellow intellectuals. Apart from my interest in
computer science, I am very much delighted to explore mid
<b><i>liberal</i></b> political ideologies and of course,
linguistics. So in other words, I'd love to work in a cosmopolitan
atmosphere and respects equality in the workplace. ;)
</p>
</div>
</div>
</section>
<!-- About Me -->
<!-- Interests -->
<section id="interests">
<h1 class="headings">Interests</h1>
<div class="row">
<div class="box">
<img src="developer/analytics.jpg" alt="Big Data Analytics" />
<h1 class="headings">Data Analytics</h1>
<p>
Data science is our means of taming unstructured information and
gathering insights from it. And everywhere you look at, it'<small
></small> DATA!
</p>
</div>
<div class="box">
<img src="developer/data-science-ml-ai.png" alt="Data Science" />
<h1 class="headings">ML & AI</h1>
<p>
ML allows us humans to analyse data in a manner a human being cannot
and derive a great meaning from it. Meaning endless possiblities and
a limitless number of areas that can be enhanced. "AI is going to
change the world more than anything in the history of mankind. More
than electricity." - Dr. Kai-Fu Lee
</p>
</div>
<div class="box">
<img src="developer/quantum-computing.png" alt="Quantum Computing" />
<h1 class="headings">Quantum Computing</h1>
<p>
Quantum computing will offer the developing world of artificial
intelligence more computing power, which in turn will lead to more
robust AI systems.
</p>
</div>
</div>
</section>
<!-- Interests -->
<!-- Achievements -->
<section id="achievements">
<h1 class="headings">Achievements</h1>
<div class="photo-gallery">
<img src="developer/py-stats.png" alt="Python Statistics" />
<img src="developer/py-data-analysis.png" alt="Python Statistics" />
<img src="developer/advanced-python.png" alt="Advanced Python" />
<img src="developer/ai-foundations-ml.png" alt="AI Foundations" />
<img src="developer/intro-to-qc.png" alt="Intro to Quantum Computing" />
<img
src="developer/google-workshop-area-120.jpg"
alt="G Area 120 on JS"
/>
</div>
</section>
<!-- Achievements -->
<!-- Gratitude Section -->
<section id="gratitude">
<p class="grat-message">hope you'd have a wonderful day. ^‿^</p>
<p>ありがとう</p>
<p>✧･ﾟ: ♡ *✧･ﾟ made with love ✧･ﾟ: ♡ *✧･ﾟ</p>
<br />
</section>
<!-- Gratitude Section -->
<!-- References of Content
Alexander, D., Ozdemir, D. and Papadopoulos, L., 2020. 7 Reasons Why Quantum Computers Are an Exciting New Technology. [online] Interestingengineering.com. Available at: <https://interestingengineering.com/the-race-for-quantum-supremacy-7-reasons-why-people-are-so-excited-about-quantum-computers> [Accessed 03 June 2022].
Lawrence, B., 2017. Machine Learning — What it is and why it should interest you!. [online] Medium. Available at: <https://towardsdatascience.com/machine-learning-what-it-is-and-why-it-should-interest-you-97fcf3f68d04> [Accessed 03 June 2022].
W3schools.com. (no date) CSS Gradients. [online] Available at: <https://www.w3schools.com/css/css3_gradients.asp> [Accessed 03 June 2022].
References of Content -->
</body>
</html>