This repository has been archived by the owner on Dec 1, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
mywebpage.html
131 lines (130 loc) · 7.91 KB
/
mywebpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sean's Webpage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="mywebpage.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- NAV START -->
<nav id="navbar" class="navbar navbar-expand-sm navbar-dark bg-dark sticky-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#aboutme-section">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacts-section">Contacts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="downloads.html">Downloads</a>
</li>
</ul>
</div>
</nav>
<!-- NAV END -->
<!--WELCOME START-->
<section id="welcome-section" class="welcome-section">
<h1 class="verticle-title">HELLO.</h1>
</section>
<!--WELCOME END-->
<!--ABOUTME START-->
<section id="aboutme-section" class="aboutme-section" style="padding-top: 35px">
<div class="container-fluid">
<div class="row">
<div class="col-sm-3">
<h2><b>ABOUT ME.</b></h2>
<div style="position:relative; top:34px;">
<div class="verticleline">
<h3>Sean Ang</h3>
<p>I am a 2nd year undergrad currently studying Computing and Information Systems at the Singapore Institute of Management.</p>
<p>Before university, I studied in River Valley High School and served the army for 2 years (like any other Singaporean men).</p>
<p>As can be seen from what I study, I'm keen in programming, problem solving and critical thinking.
More than that, I also like to experience and try new things, meet and interact with new people (find me in the contact me page!).</p>
<p>You can learn more about me in my resume, located in the <a href="downloads.html">downloads page</a> or you also could <a href="#contacts-section">contact me!</a></p>
</div>
</div>
</div>
<div class="col-sm-3">
<h3>SKILLS,<br>HOBBIES.</h3>
<h4>Coding <img class="circular-icons" src="images/code.png"></h4>
<p>I learn Java in school, but I have also learned a little Python, Octave and HTML/CSS in my free time.</p>
<p>I enjoy doing coding practices in my free time such as <a href="https://leetcode.com/problemset/all/">leet code</a> and <a href="https://leetcode.com/problemset/all/">codewars</a>.</p>
<p>Aside from coding questions, I haven't really created any projects (well at least none that I'm proud enough to put out!) and would like to start developing some soon!</p>
<p>I'm personally quite interested in the field of Data Science and Artificial Intelligence and would like to learn more about it.</p>
</div>
<div class="col-sm-3">
<div style="position:relative; top:95px">
<h4>Gaming <img class="circular-icons" src="images/game.jpg"></h4>
<p>I am a big fan of gaming and play many games during my free time.</p>
<p>Games that I've been recently playing are Dota2 and Final Fantasy 14.</p>
<p>I do play single player games as well. I usually play games for the competetive and storytelling aspects</p>
<p>If you want to play with me or have any fun games to introduce, you can find me on steam or discord down at the <a href="#contacts-section">contact me</a> section!</p>
</div>
</div>
<div class="col-sm-3">
<div style="position:relative; top:95px">
<h4>Others</h4>
<p>During my free time, I do many other things such as sports, piano and gym</p>
<p>I like to play all kinds of sports, and if possible, would like to learn more!
But sports that I usually play are Tennis, Badminton, and occationally Basketball</p>
<p>I've learned piano since I was young but have stopped playing for quite long. I've recently picked it up again.
If you are interested in what I am currently learning, you can visit my <a href="blog.html">Blog</a> page!
</p>
<p>I've also been wanting to learn the guitar for sometime, but have no time (or is lazy) to learn.</p>
<p>I also go to the gym during my free time. Fitness is pretty important when the nature of my study involves sitting infront of the computer for long hours.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--ABOUTME END-->
<!--CONTACTS START-->
<section id="contacts-section" class="contacts-section">
<div class="container">
<h1>CONTACT ME</h1>
<div class="table-responsive">
<table class="table" height="80">
<thead>
<tr>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://www.instagram.com/seanaxn/"><img class="circular-icons-large" src="images/instagram.png"></a></td>
<td><a href="https://github.com/seanaxn1135"><img class="circular-icons-large" src="images/github.png"></td>
<td><a href="https://steamcommunity.com/id/ribbitrabbid/"><img class="circular-icons-large" src="images/steam.png"></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container">
<h4><img class="circular-icons-woborder" src="images/gmail.png">seanaxn1135@gmail.com</h4>
<h4><img class="circular-icons-woborder" src="images/telegram.png">@seanaxn</h4>
<h4><img class="circular-icons-woborder" src="images/discord.png">Rabbid#6086</h4>
</div>
</section>
<!--CONTACTS END-->
<!--START FOOTER-->
<section id="footer-section" class="footer-section">
<div class="rightalign">
<h5><a href="blog.html">Blog</a> | <a href="downloads.html">Downloads</a></h5>
</div>
</section>
<!--END FOOTER-->
</body>
</html>