-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (105 loc) · 4.42 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>3D Portfolio</title>
</head>
<body>
<div id="topBar">
<ul>
<li class="topBar"><a class="topBar" href="#">Modi.</a>!</li>
<li class="topBar"><a class="topBar" href="#"> Iusto.</a></li>
</ul>
</div>
<!-- ? https://threejs.org/docs -->
<!-- * https://vitejs.dev/guide/features.html -->
<canvas id="bg"></canvas>
<main>
<header>
<h1>Melvin Sekhon</h1>
<p>🚀 Welcome to my website!</p>
</header>
<blockquote>
<!-- <p>I like making stuff and putting it on the internet</p> -->
<p>I want to learn and work across many technologies</p>
</blockquote>
<section>
<h2>📜 Manifesto</h2>
<p>
I am very self-driven, curious person with an open mind, who's always seeking to learn and work across as many
technologies and domains as I can 💡.
My ambition has always been to create any kind of application that I want at any given time.
</p>
<p>
My hobby is all about learning new programming languages and improving the ones I already know.
I also love to help people with their problems especially with Python 🐍. It's my favorite language of all time
together with JavaScript!
</p>
<p>
Personally when things get stressful, I like to take a good sleep 🛌.
</p>
</section>
<section class="light">
<h2>👩🏽🚀 Projects</h2>
<p>
Most of my projects are on my <a href="https://github.com/MoofyWoofy">GitHub</a>, check them out!
<br>
I use <a href="https://codepen.io/MoofyWoofy">CodePen</a> to learn and showcase my simple projects related to HTML, CSS and JS.
<br>
Some of my <abbr title="Before I knew about Git">older</abbr> projects and school work can be found <a href="https://www.sites.google.com/view/melvin-nyp-digital-portfolio">here</a> for now.
</p>
<h2>🏆 Accomplishments</h2>
<p>
I am fluent in Python, C#, JavaScript. I have created a web application with both Python and C#.
<br>
I have used Java, Kotlin and XML to create android applications for my personal use.
<br>
I have also learnt MySQL and Git.
</p>
</section>
<blockquote>
<p>
Discovering the unexpected is more important than confirming the known.
<br>
― George Box
</p>
</blockquote>
<section class="left">
<h2>🌮 Work History</h2>
<h3>
Nothing ever becomes real 'til it is experienced.
<br>
― John Keats
</h3>
<!-- <h3>McDonalds</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
</p>
<h3>Burger King</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
</p> -->
</section>
<blockquote>
<!-- <p>Thanks for <del>watching!</del></p> -->
<p style="color: white;background-color: transparent;">Thank you for visiting! 😃</p>
<!-- <br><br> -->
<!-- <author> ― Melvin</author> -->
</blockquote>
</main>
<script type="module" src="space.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.3.5/Tween.min.js"></script>
</body>
</html>